Welcome to WebmasterWorld Guest from 107.20.104.161

Forum Moderators: not2easy

Message Too Old, No Replies

Unordered list or table

     

graywolf

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

WebmasterWorld Senior Member 10+ Year Member



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

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

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



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

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

WebmasterWorld Senior Member 10+ Year Member



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

graywolf

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

WebmasterWorld Senior Member 10+ Year Member



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

Featured Threads

Hot Threads This Week

Hot Threads This Month