Jump to content

Archived

This topic is now archived and is closed to further replies.

EKINdesigns

Simple problem...

Recommended Posts

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!

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
[!--quoteo(post=363983:date=Apr 12 2006, 06:14 AM:name=moberemk)--][div class=\'quotetop\']QUOTE(moberemk @ Apr 12 2006, 06:14 AM) [snapback]363983[/snapback][/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

[code]
    #article #dateblock {
        float: left;
        left: 0px;
    }
[/code]

Share this post


Link to post
Share on other sites
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?

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
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?

Share this post


Link to post
Share on other sites
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]

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
[!--quoteo(post=368851:date=Apr 26 2006, 09:49 AM:name=businessman332211)--][div class=\'quotetop\']QUOTE(businessman332211 @ Apr 26 2006, 09:49 AM) [snapback]368851[/snapback][/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.

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.