PDA

View Full Version : Can't get this table right


Danaldinho
08-18-2008, 02:31 PM
Hi, I have been trying to get this css code right, but I just don't understand it.

If you go on www.lilwaynehq.com (http://www.lilwaynehq.com) and at the bottom you will see a Latest News table.

Well this is how I want the table to look like:

http://img385.imageshack.us/img385/8791/latestnewstablewe4.jpg

I have tried adding the links in a <li> with a padding-bottom and a line-height, but no luck :(

Then I placed "Subscribe to the Lil Wayne Latest News" in a <p> with a float: left and then made a span for "News Archive" called: newsa and had float: right in it, but still no luck with that :(

And also why arent the news links on a new line when they are wrapped in <li> tags?

Anyone know how I could get the table on my website to look like the one above

Thanks so much and if you want the code, I will post it :)

abduraooft
08-18-2008, 02:43 PM
.oclRow2 li {/*style.css (line 258)*/
/*display:inline;*/
line-height:2;
margin:0px;
} ?

Danaldinho
08-18-2008, 03:18 PM
.oclRow2 li {/*style.css (line 258)*/
/*display:inline;*/
line-height:2;
margin:0px;
} ?

Your a legend :thumbsup:

abduraooft
08-18-2008, 03:22 PM
Your a legend :thumbsup:Not me, Joe Hewitt, who created firebug :)

Danaldinho
08-18-2008, 03:39 PM
I have that addon on my firefox too :p But I couldnt do what you just did

Also now the links bit is right, do you know how to fix the two links at the bottom: http://www.lilwaynehq.com

abduraooft
08-18-2008, 04:08 PM
How would you like to display them?

Danaldinho
08-18-2008, 07:13 PM
Like on the image above mate

abduraooft
08-19-2008, 07:54 AM
Not sure, but try .oclRow2 p {/*style.css (line 250)*/
float:left;
font-size:10px;
margin:0pt;
} and remove the depreciated align attribute from the <p> at the bottom.

Danaldinho
08-19-2008, 10:55 AM
That kind of worked, but the News Archive link isn't were I want it. Do you know how to fix that link?

abduraooft
08-19-2008, 11:40 AM
Just change the markup order (all floated elements have to placed before all non-floated siblings)

<p>
<span class="newsa">» <a href="/news/" title="Lil Wayne News">News Archive</a></span>
<span class="feed">» <a href="http://feeds.feedburner.com/lilwaynehq" title="Lil Wayne Feedburner">Subscribe to the Lil Wayne Latest News</a></span>
</p>
(hope this is what you are trying to achieve.)

Danaldinho
08-19-2008, 12:27 PM
Ok thanks, thats better, but I still need to the "News Archive" to be on the right, the float doesnt seem to be working

abduraooft
08-19-2008, 12:38 PM
This is what I see in my FF2 (screen shot attached)

("News Archive" is floated right and aligned with "Subscribe....")

Danaldinho
08-19-2008, 12:57 PM
Wow that is weird, on my comp it looks like this in IE and FF:

IE:
http://img156.imageshack.us/img156/1386/internetexplorergt4.png


FF:
http://img152.imageshack.us/img152/2201/firefoxbc6.png

This is when I cleared my cache aswell

abduraooft
08-19-2008, 01:10 PM
Might be the width that is causing the issue.

.newsa {/*style.css (line 260)*/
float:right;
width:49%;
}have a try by removing it.

Danaldinho
08-19-2008, 01:29 PM
Still no luck mate :(