CSS Menuwriter 2 shows only text in IE8

10/06/2009 11:32 am | #1 linda304425

Hello, I'm new here. I downloaded the CSS menu, I know how it works but. When I want to preview it in IE8 I only see text and I think that I know for sure that the paths are OK.
It

Attached are some files, so you can see the view in Dreamweaver CS4, the code and the online view and from the Webassist menu.

Who can help me?
Thank you very much

Attached Files

code.txt

10/06/2009 1:05 pm | #2 Jason ByrnesWebAssist

Your page is missing a doctype tag, so IE will not render CSS properly.

ad the following at line 1 of your page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

10/06/2009 1:36 pm | #3 linda304425

missing code

Yessss!!! You are right!
I deleted this because otherwise my webpage doesn't center exact in the middle of my screen. Do you have a suggestion?

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="1000px" height="600px" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><table border="0" cellpadding="0" cellspacing="0" width="1004">

Yhank you so much.

10/06/2009 5:37 pm | #4 Jason ByrnesWebAssist

This does not seam right:
<table width="1000px" height="600px" border="0" align="center" cellpadding="0" cellspacing="0">

the measument for table width and hights is assumed to be pixels, change that to:
<table width="1000" height="600" border="0" align="center" cellpadding="0" cellspacing="0">

10/07/2009 2:35 am | #5 linda304425

I changed the code

Hello, I changed my code of the table but that doesn't work:
see also:
index-menu.htm (this is an testversion).

And I'd like to have the website exactly in the middle (absolute middle). Normally I deleted the code on rule 1, but than my CSS menu doesn't work, as you said.

Thank you very very much so far.

10/07/2009 9:54 am | #6 Jason ByrnesWebAssist

This has to be done using CSS.

add class="centered" to the table tag:
<table class="centered" width="1000" height="600" border="0" align="center" cellpadding="0" cellspacing="0">

then add the following CSS:
.centered {
position: absolute;
top: 50%;
left: 50%;
width:1000px;
height: 600px;
margin-left:-500px;
margin-top:-300px;
}

Email me with all replies to this thread

Title:

Public Message: (viewable by anyone reading this thread)
(do not cut and paste code into this field unless necessary, attach copies of your pages so they can be opened in Dreamweaver for debugging)

Quote message in reply?

Private Message: (viewable only by you, the person you are replying to, and WebAssist employees)
(only put truly private information in this area such as ftp details and phone numbers. Keep as much of your post public as possible)

These attachments are private (viewable only by you, the person you are replying to, and WebAssist employees)

Manage Attachments

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

CSS Menuwriter 2 shows only text in IE8

10/06/2009 11:32 am | #1 linda304425