homepage Welcome to WebmasterWorld Guest from 54.196.63.93
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, Moderators: not2easy

CSS Forum

    
Unordered list or table
graywolf

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 639 posted 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

WebmasterWorld Senior Member suzyuk us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 639 posted 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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 639 posted 3:38 pm on Feb 19, 2003 (gmt 0)

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

graywolf

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 639 posted 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