Second are these tiny white space on the bottom of the imagesWhen using images in the html like that IE will give you whitespace at the bottom in it's default state of vertical-align:baseline

The fix is to set it as vertical-align:bottom or change the img to display:blockSet up a new selector to target that img and style it or better yet make them background images positioned at the bottom of the parent element with some bottom padding to show the image.

CSSIssue
—
2011-03-28T05:15:30Z —
#3

Thanks Rayzur

the warped text works in IE now but the menu its a little longer then in every other browser. Also the tiny white space vertical-align:bottom and display:block does not work. Could you possibly give me an example?

Thanks again!

Rayzur
—
2011-03-28T06:11:50Z —
#4

Also the tiny white space vertical-align:bottom and display:block does not work.I didn't notice you had them nested a mile deep in tables like that

You may have missed the whole point of CSS, take a look at all the inline styles and tables your using on that hosting plans page.

Now the content in your left column IS table data so that is fine. Everything in that right column does not really qualify as table data.

You might try setting a class on the images causing the whitespace, that way you can target them without effecting all the other images in your tables.

You also have IE in quirks mode because of an incomplete doctype, it is missing the referring url.

Fixing the DTD might help the img problem, not sure but it needs to be fixed just the same.

CSSIssue
—
2011-03-28T06:32:58Z —
#5

Wow lol putting the DTD makes everything all over the place.

Any way to fix it in the current mode?

Thanks Rayzur

Rayzur
—
2011-03-28T06:47:34Z —
#6

Wow lol putting the DTD makes everything all over the place.

That's actually a good indicator of problems it's causing while in quirks mode.

Make a version of that page with the DTD correction and post the link so we can see what it does.

Any way to fix it in the current mode?

Unless a table expert comes along with some trick that I'm not aware of the only thing I can suggest is putting a class on the problem images so you can target them only as I mentioned above.

CSSIssue
—
2011-03-28T07:24:29Z —
#7

Which Doctype declaration should I use?

Thanks!

PaulOB
—
2011-03-28T07:57:43Z —
#8

CSSIssue said:

Which Doctype declaration should I use?

Thanks!

We've been through this before and you can't use a standards mode doctype because it breaks your whole page as it is built on quirks mode.:) There were just too many bugs to fix (e.g. you have no units on your inline styles which mean in standards mode they will be treated as zero).

If you remember way back I (and others since) gave you a standards based version right at the start but you had gone too far with this design to change and now you are stuck with what you have I'm afraid.

Note that the links to the images in your first post seem to be redirecting to your front page so I can't see which images you are looking at specifically.

CSSIssue
—
2011-03-28T08:02:14Z —
#9

The links should work again I fixed the example 1 (menu still showing longer in IE.) but still have issues with example 2

We've been through this before and you can't use a standards mode doctype because it breaks your whole page as it is built on quirks mode. There were just too many bugs to fix (e.g. you have no units on your inline styles which mean in standards mode they will be treated as zero).

Sorry about that Paul, I didn't know the history on that layout.Yes, it seems a bit late to turn back now short of rebuilding it.

PaulOB
—
2011-03-28T21:15:57Z —
#12

Rayzur said:

Sorry about that Paul, I didn't know the history on that layout.Yes, it seems a bit late to turn back now short of rebuilding it.

No worries Ray I was just trying to save you some work

Actually, now I come to think of it I've even offered this fix before this same issue a few months ago

CSSIssue
—
2011-03-29T04:50:14Z —
#13

It worked but I have some question. I'm not starting over which is the best way now to optimize the code for the website?

Also I tried putting all my websites style tags in class tags but its showing all over the place not exactly how they look now. How come its not working?