4 replies [Last post]
sarah3585
sarah3585's picture
Offline
newbie
UK
Last seen: 12 years 39 weeks ago
UK
Timezone: GMT+1
Joined: 2008-07-15
Posts: 5
Points: 0

Here are the pages:

http://sarahevansdesigns.co.uk/mightymuggs/index.html

http://sarahevansdesigns.co.uk/mightymuggs/products.html

I have ran them trough a validator. CSS is fine and products XHTML page is fine. It has a few issues with the index that are all for the list items. I think it's because I got rid of the

    tag (I did this because I didn't want the indent.)
    Ways around this from you experts are welcome!

I'm a mac person so have tested it in Safari and Firefox. Also managed to see it on a friends PC and the index page has some issues with IE7. In the upcoming section the names under each image are displaced. There is also an issue with the padding/margin of the copyright text (something to do with clearing the float?)

I can't test it in IE 5 or 6 so any other problems that arise will be helpful.

The IE problems- if someone can tell me the name of the problem (ie: box model IE problem) then I can then look it up myself to try and fix it. It's the only way I'll learn.

Thanks guys and girls (if there are any) :thumbsup:

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 11 weeks 4 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

sarah3585 wrote:It has a few

sarah3585 wrote:

It has a few issues with the index that are all for the list items. I think it's because I got rid of the

    tag (I did this because I didn't want the indent.)

Good heavens, don't do that. Menus belong in lists because that's what they are, lists of choices. You can adjust the display properties of a UL (or any other element) pefectly easily with the CSS.

Furthermore LI's aren't even allowed outside of a list element like UL or OL. They do not stand on their own.

When you are doing the html bit, it's best to ignore how it will look, but code it according to the meaning of the content. Then when that's done if it doesn't look the way you want it use CSS to make it look that way.

And remember that the CSS standards only apply to valid html. If you don't have valid html you have no basis for complaining when a browser ignores what you think is the standard because without valid html there is no standard.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

sarah3585
sarah3585's picture
Offline
newbie
UK
Last seen: 12 years 39 weeks ago
UK
Timezone: GMT+1
Joined: 2008-07-15
Posts: 5
Points: 0

Ed Seedhouse wrote:sarah3585

Ed Seedhouse wrote:
sarah3585 wrote:

It has a few issues with the index that are all for the list items. I think it's because I got rid of the

    tag (I did this because I didn't want the indent.)

Good heavens, don't do that. Menus belong in lists because that's what they are, lists of choices. You can adjust the display properties of a UL (or any other element) pefectly easily with the CSS.

Furthermore LI's aren't even allowed outside of a list element like UL or OL. They do not stand on their own.

When you are doing the html bit, it's best to ignore how it will look, but code it according to the meaning of the content. Then when that's done if it doesn't look the way you want it use CSS to make it look that way.

And remember that the CSS standards only apply to valid html. If you don't have valid html you have no basis for complaining when a browser ignores what you think is the standard because without valid html there is no standard.

Thanks for the help. I googled the problem when I wanted to get rid of the indent and that was the solution someone mentioned.
Is it feasible to not make it a list? The bullets are done as background images in CSS as I swapped the bullets out for images. Using lists didn't give me much control over their placement.
Is I do but it back to a list how do I get rid of the indent? Use negative margins in CSS?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 7 years 10 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

lists have default indent

lists have default indent using either left margin or left padding depending on the UA. Simply use css to set left margin and padding to zero (or whatever amount you want) on the ul to remove the indent.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 11 weeks 4 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

sarah3585 wrote:Is it

sarah3585 wrote:

Is it feasible to not make it a list?

Well it is a list, however you code it. A list is what a menu is. Calling it something else doesn't make it something else.

It being a list, you should mark it up as a list, since html nicely makes that structure easily available.

Quote:

The bullets are done as background images in CSS as I swapped the bullets out for images. Using lists didn't give me much control over their placement.

Nonsense - you have the full range of CSS rules available to make it look however you want it to look.

Quote:

Is I do but it back to a list how do I get rid of the indent? Use negative margins in CSS?

As you've already been advised, you just set the left border and margin the way you want it.

Do yourself a favour and have a look around the listamatic site.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.