Click to See Complete Forum and Search --> : Unordered Lists Problem


peteyb
08-30-2006, 04:23 AM
Hey all,

when using the list function the first line of the list always starts two lines down from the writing before, instead of being underneath. i.e.
<table>
<tr>
<td>Hello there friends, look at the list below:
<ul>
<li>line one</li>
<li>line 2<li>
</ul>
</td>
</tr>
</table>

Hello there friends, look at the list below:

line one
line 2
line three

Is it possible to move up the first line or atleast reduce the space - is it a css jobey

Kravvitz
08-30-2006, 05:16 AM
Yes. Learn the power of CSS.

These three articles explain how to style lists.
http://www.alistapart.com/articles/taminglists/
http://css.maxdesign.com.au/listutorial/
http://www.webreference.com/programming/css_lists/

And this one explains a fix for a common IE bug:
White space bug revisited--the definitive fix (http://www.csscreator.com/node/6745)

CSS Links for Beginners:
Adding a touch of style (http://www.w3.org/MarkUp/Guide/Style)
http://www.cssbasics.com/
http://www.htmldog.com/guides/cssbeginner/
Integrated Web Design: CSS Beyond the Retrofit (http://www.informit.com/articles/article.asp?p=169546&rl=1)
BrainJar.com: Using Style Sheets (http://www.brainjar.com/css/using/)
www.glish.com/css/
www.thenoodleincident.com/tutorials/css/
http://kurafire.net/log/archive/2005/07/26/starting-css-revisited
Internet Explorer & CSS issues (http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml)
Learning CSS (http://www.w3.org/Style/CSS/learning)
CSS2 Specification (http://www.w3.org/TR/REC-CSS2/)

Why tables for layout is stupid: problems defined, solutions offered (http://www.hotdesign.com/seybold/index.html)
Ten ways to speed up the download time of your web pages (http://www.webcredible.co.uk/user-friendly-resources/web-usability/speed-up-download-time.shtml)
Nested Tables: About the (ab)use of tables as layout tools in webpages. (http://www.dorward.me.uk/www/nested/)
Why Tables Are Bad (For Layout) Compared to Semantic HTML + CSS (http://www.phrogz.net/CSS/WhyTablesAreBadForLayout.html)
Why go table free? (http://www.workingwith.me.uk/tablefree/why/)
Why avoiding tables (for layout) is important (http://davespicks.com/essays/notables.html)

peteyb
08-30-2006, 07:53 AM
thanks. just to confirm tho, i am not getting spaces between the bullet points as in the posted thread but the line after "Hello there friends, look at the list below:"

Kravvitz
08-30-2006, 10:15 PM
You're welcome :)

I know. You meant the top margin on the list.

I just gave you three groups of links from my link archive. The one about IE's white space bug is simply part of one of the three.