homepage Welcome to WebmasterWorld Guest from 23.20.196.179
register, login, search, subscribe, help, library, PubCon, announcements, recent posts, open posts,
Subscribe to WebmasterWorld
Visit PubCon.com
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.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
WebmasterWorld ® and PubCon ® are a Registered Trademarks of Pubcon Inc.
© Pubcon Inc. 1996-2012 all rights reserved