I'm having a problem with nesting lists. I've currently started using definition lists all over the place (for positioning), because I couldn't get rid of the indent when using unordered lists. However every example I have seen for positioning without tables uses <ul>'s, but I rebelled coz of that annoying indent.
Unfortunately now I need to nest a <ul> inside a <dl> which Mr W3C doesn't like. Is there a way to get this to validate, as it displays correctly in every browser I test it in. I know it's possible to nest <ul>'s inside <ul>'s....
OR
....should I revert to <ul>'s. If I do how do I remove the text indent thing?
Cheers,
RYou have to use both margin:0 and padding:0 to remove the indents for IE and FF respectively.I've tried this but this is where I gave up. I assume that the margin and padding is put in the:
#div ul {
margin:0px;
padding:0px;
}
The problem is that sometimes the #div ul already has margin properties and obviously adding another margin property doesn't work.
Any suggestions??? as I think I may be doing something wrong in the whole positioning thing, in terms of certain things going in certain places (if that makes sense?)The problem is that sometimes the #div ul already has margin properties and obviously adding another margin property doesn't work. In that case maybe the problem lies in the stylesheet, not the browser.Originally posted by richiebman
#div ul {
margin:0px;
padding:0px;
} Does your CSS validate (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a><!-- m -->)? That could be the problem... anyways, is your page online? And, if it is, can we get some l1nk46e?Woo hoo!!! Sorted it. Converted it all to <ul>s which now allows me to nest lists and it now validates.
Positioning is now referenced in the correct sections of the block elements now. Will have to be more strict.
Cheers for the prompting,
R
P.S. Not online yet.
Unfortunately now I need to nest a <ul> inside a <dl> which Mr W3C doesn't like. Is there a way to get this to validate, as it displays correctly in every browser I test it in. I know it's possible to nest <ul>'s inside <ul>'s....
OR
....should I revert to <ul>'s. If I do how do I remove the text indent thing?
Cheers,
RYou have to use both margin:0 and padding:0 to remove the indents for IE and FF respectively.I've tried this but this is where I gave up. I assume that the margin and padding is put in the:
#div ul {
margin:0px;
padding:0px;
}
The problem is that sometimes the #div ul already has margin properties and obviously adding another margin property doesn't work.
Any suggestions??? as I think I may be doing something wrong in the whole positioning thing, in terms of certain things going in certain places (if that makes sense?)The problem is that sometimes the #div ul already has margin properties and obviously adding another margin property doesn't work. In that case maybe the problem lies in the stylesheet, not the browser.Originally posted by richiebman
#div ul {
margin:0px;
padding:0px;
} Does your CSS validate (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a><!-- m -->)? That could be the problem... anyways, is your page online? And, if it is, can we get some l1nk46e?Woo hoo!!! Sorted it. Converted it all to <ul>s which now allows me to nest lists and it now validates.
Positioning is now referenced in the correct sections of the block elements now. Will have to be more strict.
Cheers for the prompting,
R
P.S. Not online yet.