homepage Welcome to WebmasterWorld Guest from 54.198.140.182
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
Unordered list or table
graywolf




msg:1197680
 2:57 pm on Feb 19, 2003 (gmt 0)

I am trying to achieve something like this is css


<table width="150" border='0' cellpadding='0' cellspacing='0'>
<tr>
<td colspan='2'>HEADER</td>
</tr>
<tr>
<td valign='top'>&#149&nbsp;</td>
<td>blah1 blahblah1 blah1 blah1</td>
</tr>
<tr>
<td valign='top'>&#149&nbsp;</td>
<td>blah2 blahblah2 </td>
</tr>
<tr>
<td valign='top'>&#149&nbsp;</td>
<td>blah3 blahblah3 blah3</td>
</tr>
</table>

I tried using an ordered list like this


HEADER
<ul >
<li>blah1 blahblah1 blah1, blah1</li>
<li>blah2 blahblah2</li>
<li>blah3 blahblah3 blah3</li>
</ul>

It can only be 150 pixesl wide. I am trying to eliminate the space between the "header" and "line1" and eliminate or shrink the space before the bullet. Any ideas or should I just use a table?

 

SuzyUK




msg:1197681
 3:19 pm on Feb 19, 2003 (gmt 0)

everything you're asking is possible using CSS, place your list inside a div to control its width

see Taming Lists [alistapart.com] for examples and explanations

note the bit about using padding or margins to decrease the indent as different browsers use different properties of lists to control this.

Suzy

Birdman




msg:1197682
 3:38 pm on Feb 19, 2003 (gmt 0)

Also use w3schools-lists [w3schools.com] as a reference. I like that resource.

graywolf




msg:1197683
 4:16 pm on Feb 19, 2003 (gmt 0)

Thanks i was able to get what I needed from both of those two sites.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved