[css-d] Styling Lists
Hi Guys I am styling a two column list here: http://wilsonsjewellery.co.uk/range.html http://www.wilsonsjewellery.co.uk/style/three.css I am using a technique explained here: http://alistapart.com/articles/multicolumnlists However, I am having two problems. Firstly, I cannot get rid of the text decoration even though I have declared none and secondly the list has continued into the div below. Any ideas please? Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Styling Lists
Richard Brown wrote: Hi Guys I am styling a two column list here: http://wilsonsjewellery.co.uk/range.html http://www.wilsonsjewellery.co.uk/style/three.css I am using a technique explained here: http://alistapart.com/articles/multicolumnlists However, I am having two problems. Firstly, I cannot get rid of the text decoration even though I have declared none and secondly the list has continued into the div below. Any ideas please? Many thanks. I see no text-decoration here. I think it will help to start with a solid layout that works cross-browser, and does not draw an h-scroll bar at 800. It is good to code to Opera and FF, but you can't neglect IE, either. Right now, you are all over the map in IE, and I made no attempt to figure out why the footer is not clearing. BTW, you've used the the same id more than once on the page (validate as you work). The author of the article you referenced (Paul Novitski), mentions doctype. You are not using what he suggests. Maybe this base layouthttp://www.chelseacreekstudio.com/ca/cssd/layout12.html will help get you to the point were you can deal solely with the list in the center column, instead of the whole ball of wax? Best, ~dL -- http://chelseacreekstudio.com/ca/ccs/pow/pow.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Styling Lists
At 12:22 AM 7/24/2006, Richard Brown wrote:
I am styling a two column list here:
http://wilsonsjewellery.co.uk/range.html
http://www.wilsonsjewellery.co.uk/style/three.css
I am using a technique explained here:
http://alistapart.com/articles/multicolumnlists
However, I am having two problems. Firstly, I cannot get rid of the text
decoration even though I have declared none and secondly the list has
continued into the div below. Any ideas please?
Hi Richard,
When you say text decoration do you mean the bullet on the list
items? If so, that's controlled not by text-decoration but by
list-style-type. You're currently removing the bullet in your
navigation menu using:
#navlist li {
list-style: none;
but not the other list. Personally, since I use mostly unbulleted
lists, I express a generic rule up front: li { list-style-type: none;
} and then add back bullets when needed.
Ref: W3C CSS 2.1 Specification
12 Generated content, automatic numbering, and lists
http://www.w3.org/TR/CSS21/generate.html#lists
To echo David, please correct your markup per
http://validator.w3.org/check?uri=http%3A%2F%2Fwilsonsjewellery.co.uk%2Frange.html
and then let us know if you still need help sorting out your float issues.
Warm regards,
Paul
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Styling Lists
Hi Guys I hope someone can pint me in the right direction please. I have this site: http://www.adl-bp.co.uk/home/ In the footer I have a list but I cannot stop it from placing a styling element at the start of the list. I cannot work out how to tell it not to style the element. If anyone could point me in the right direction on how to unstyle this element I would be very grateful. Css is at: http://www.adl-bp.co.uk/wp-content/themes/adl/style.css Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Styling Lists
At 01:02 AM 3/7/2006, Richard Brown wrote:
http://www.adl-bp.co.uk/home/
In the footer I have a list but I cannot stop it from placing a styling
element at the start of the list. I cannot work out how to tell it not
to style the element. If anyone could point me in the right direction
on how to unstyle this element I would be very grateful.
Try {list-style-type: none} which you can apply to either UL/OL or LI:
http://www.w3.org/TR/CSS21/generate.html#lists
Regards,
Paul
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Styling Lists
I hope someone can pint me in the right direction please. I have this site: http://www.adl-bp.co.uk/home/ In the footer I have a list but I cannot stop it from placing a styling element at the start of the list. The validator: [http://validator.w3.org/check?verbose=1uri=http://www.adl-bp.co.uk/home/] should point you to the answer: you are using li where you apparently meant div on your search section. HTH, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
