Jump to content


Photo

Simple problem...


  • Please log in to reply
14 replies to this topic

#1 EKINdesigns

EKINdesigns
  • Members
  • PipPipPip
  • Advanced Member
  • 53 posts
  • LocationUSA

Posted 12 April 2006 - 07:37 AM

Hey guys....for some reason my articles are ligning up to the left of each of the dateblocks before it.

Please let me know how to fix this.

www.ekindesigns.com/feedleaks/test/index.php

If you need to the code either get the source or PM me.

Thanks in advance!

#2 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 12 April 2006 - 11:14 AM

That's what it's supposed to do, actually. It isn't doing anything wrong; rather, you are. You need to specify that the dateblocks float to the left of your text by giving them the float: left; property.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#3 EKINdesigns

EKINdesigns
  • Members
  • PipPipPip
  • Advanced Member
  • 53 posts
  • LocationUSA

Posted 12 April 2006 - 02:47 PM

[!--quoteo(post=363983:date=Apr 12 2006, 06:14 AM:name=moberemk)--][div class=\'quotetop\']QUOTE(moberemk @ Apr 12 2006, 06:14 AM) View Post[/div][div class=\'quotemain\'][!--quotec--]
That's what it's supposed to do, actually. It isn't doing anything wrong; rather, you are. You need to specify that the dateblocks float to the left of your text by giving them the float: left; property.
[/quote]

I already have that code in there

    #article #dateblock {
        float: left;
        left: 0px;
    }


#4 EKINdesigns

EKINdesigns
  • Members
  • PipPipPip
  • Advanced Member
  • 53 posts
  • LocationUSA

Posted 12 April 2006 - 03:12 PM

alright...I added the float: left to the #article tag and this is what happened:

[a href=\"http://ekindesigns.com/feedleaks/\" target=\"_blank\"]http://ekindesigns.com/feedleaks/[/a]

Notice how the first article is to the right a little and the bottom one float all the way to the left.

How would i fix this?

#5 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 12 April 2006 - 09:50 PM

Two things. One, you're using IDs instead of classes.
Two, you need to apply a clearfix at the bottom of your block. Just add a div with clear: both; to keep it from sticking out.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#6 EKINdesigns

EKINdesigns
  • Members
  • PipPipPip
  • Advanced Member
  • 53 posts
  • LocationUSA

Posted 13 April 2006 - 06:24 AM

I am not sure i understand what you are saying...can you let me know exactly where to put the clearfix? and what to set the style too?

#7 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 13 April 2006 - 11:25 AM

At the very bottom of your element that you're using to contain the result, just put in an empty <div> tag with the style property set to clear: both;. I've also got a link to an alternate way to do it:
[a href=\"http://www.positioniseverything.net/easyclearing.html\" target=\"_blank\"]http://www.positioniseverything.net/easyclearing.html[/a]
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#8 EKINdesigns

EKINdesigns
  • Members
  • PipPipPip
  • Advanced Member
  • 53 posts
  • LocationUSA

Posted 21 April 2006 - 02:50 PM

Never worked.

#9 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 21 April 2006 - 07:44 PM

What didn't? I mean, if you used that alternate method in IE, I suppose that that may be why, because IE doesn't support the content property as of yet. If you're saying that the non-breaking space only clear: both; div at the bottom didn't work, then I don't really see why it wouldn't. I works fine when I look at it.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#10 EKINdesigns

EKINdesigns
  • Members
  • PipPipPip
  • Advanced Member
  • 53 posts
  • LocationUSA

Posted 21 April 2006 - 10:12 PM

well, it works in FF but not in IE.

#11 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 22 April 2006 - 02:10 AM

You are reading into this too much, simply find out which element you want moved. Reposition it with
position:absolute;
position:relative;
position:static;
preferabbly the first 2 for your situated.
just set in how far with the top, left, right, bottom, commands with it and you should be able to move it until it satisfies you visually.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#12 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 22 April 2006 - 03:31 AM

That won't work. Just put an empty <div> tag with clear: both; at the bottom and the dates won't stick out. Your method requires a static design, which, this being a dynamic page, this obviously isn't. You can't just go off and say to use those positioning properties because, as you may notice, those require knowing exactly where it wants to be, which you simply can't for all those different ones.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#13 EKINdesigns

EKINdesigns
  • Members
  • PipPipPip
  • Advanced Member
  • 53 posts
  • LocationUSA

Posted 26 April 2006 - 02:43 PM

So what do I do? Nothing is working.

#14 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 26 April 2006 - 02:49 PM

as I said whether you try it or not is up to you, go to the element where you are specifying the text, position it manually with the positions I gave you, and just move each one over it takes 5 minutes for each one, to get it looking right, if you need me to do it I guess I can, but I don't like working for free. just input the positions where they need to be, visually adjust it as you go, until it is positioned to perfection. Then you will have them where you want them.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#15 EKINdesigns

EKINdesigns
  • Members
  • PipPipPip
  • Advanced Member
  • 53 posts
  • LocationUSA

Posted 27 April 2006 - 06:18 AM

[!--quoteo(post=368851:date=Apr 26 2006, 09:49 AM:name=businessman332211)--][div class=\'quotetop\']QUOTE(businessman332211 @ Apr 26 2006, 09:49 AM) View Post[/div][div class=\'quotemain\'][!--quotec--]
as I said whether you try it or not is up to you, go to the element where you are specifying the text, position it manually with the positions I gave you, and just move each one over it takes 5 minutes for each one, to get it looking right, if you need me to do it I guess I can, but I don't like working for free. just input the positions where they need to be, visually adjust it as you go, until it is positioned to perfection. Then you will have them where you want them.
[/quote]
I cant do it that way...The items are dynamicaly generated...and they are resizable....wont work that way.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users