|
| |
|
|
Danaldinho
Posts: 12
Joined: 1/7/2008
Status: offline
 |
Can't get this table right - 8/18/2008 9:32:34
Hi, I have been trying to get this css code right, but I just don't understand it.
If you go on [URL="http://www.lilwaynehq.com"]www.lilwaynehq.com[/URL] and at the bottom you will see a Latest News table.
Well this is how I want the table to look like:
[IMG]http://img385.imageshack.us/img385/8791/latestnewstablewe4.jpg[/IMG]
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 :)
|
|
|
|
Tailslide
Posts: 6270
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Can't get this table right - 8/18/2008 10:02:47
It's difficult because you seem to have 3 or 4 divs around that list... it's unnecessary and may well be leading to conflicts.
The LIs within the inner list may well be picking up the float rule from the containing div so specify float:none for the inner list.
As far as getting the other bits level and opposite each other. Put them both in a span, give them widths (49% each to avoid bugs) and then float one left and the other right.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Danaldinho
Posts: 12
Joined: 1/7/2008
Status: offline
|
RE: Can't get this table right - 8/18/2008 10:22:24
Thanks, I got the links bit right :)
But the two links at the bottom have gone wrong: http://www.lilwaynehq.com
Do you know how to fix that?
| |
|
|
|
Tailslide
Posts: 6270
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Can't get this table right - 8/18/2008 12:34:20
Do something like this:
HTML:
<div id="whateveryourdivnameis">
<span class="left">left hand stuff here <br />another left hand line</span>
<span class="right">Right hand stuff here</span>
</div>
CSS:
#whateveryourdivnameis .left {float:left;width49%;}
#whateveryourdivnameis .right{float:right;width49%;}
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Danaldinho
Posts: 12
Joined: 1/7/2008
Status: offline
|
RE: Can't get this table right - 8/19/2008 13:57:03
Done that mate, but it still isnt wide enough if you get what I mean :(
| |
|
|
|
Danaldinho
Posts: 12
Joined: 1/7/2008
Status: offline
|
RE: Can't get this table right - 8/19/2008 17:02:43
Getting better mate
Its just not floating right as far it can go :(
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
