Website Works in ie but not firefox for chrome, Need help asap! |
Website Works in ie but not firefox for chrome, Need help asap! |
SassaRaynes |
Feb 20 2013, 05:18 PM
Post
#1
|
Group: Members Posts: 6 Joined: 20-February 13 Member No.: 18,693 |
I have the exact opposite of the person who posted before. I've built this website (using tables) and it all lines up and looks fine in internet explorer, but it does not work in google chrome or firefox.
http://vagabondmisfits.webs.com/index2.htm It's been a very long time since I've done a website using notepad and photoshop and this has been a real pain. I can't figure out what is wrong in the coding. I will post it below, can anyone tell me what is wrong or show me what I need to fix? thanks! <html> <head> <title>Vagabond Misfits | The Stemapunk Cabaret</title> <LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen> </head> <body background="bg.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="VM_01.jpg" width="800" height="242" alt=""></td> </tr> <tr> <td colspan="2"> <img src="VM_02.jpg" width="236" height="31" alt=""></td> <td rowspan="1" colspan="3" width="564" height="31" valign="middle" background="VM_03.jpg"; padding-left:0px;" id="top links" class="links"> <! -- TOP NAVIGATION --> <a href="index.html"><img src="homebutton.gif" border="0"></a> <a href="about.html"><img src="aboutbutton.gif" border="0"></a> <a href="meet.html"><img src="meetbutton.gif" border="0"></a> <a href="events.html"><img src="eventsbutton.gif" border="0"></a> <a href="contact.html"><img src="contactbutton.gif" border="0"></a> <! -- STOP NAVIGATION --> </td></tr> <tr> <td colspan="5"> <img src="VM_04.jpg" width="800" height="63" alt=""></td> </tr> <tr> <td rowspan="1" colspan="1" width="195" height="228" padding-left: 10px; valign="top" background="VM_05.jpg"; id="side panel" class="events"> <! -- SIDE PANEL --> <img src="upcomingbutton.gif" align="center"/> <b>March 29th, 2013</b> Steampunk Burlesque at Anomaly Con. Come join the Misfits as the put on a show for this con with special guests: June Rodgers and April Teaze! <br></br> <b>March 31st, 2013</b> Dr.Krishna's Meniacle Steampunk Ball. Wrap up Anomaly Con with a masquarade, performers from all over including the Misfits! <br></br> <! -- STOP SIDE PANEL --> </tr></td> <td rowspan="1" colspan="1" width="49" height="228" valign="top" background="VM_06.jpg"; padding-left: 0px;"></td> <td rowspan="1" colspan="2" width="500" height="228" valign="top" align="center" background="VM_07.jpg"; padding-left: 10px;" id="side panel" class="events"> <! -- MAIN CONTENT PANEL --> <h2>WELCOME</h2> <hr></hr><p> The Vagabond Misfits are a steampunk inspired variety dance ensemble which includes dancers as well as musicians who all collaborate to make a fun show! </p> <img src="images/Logo.png" align="center"/> <! -- STOP MAIN CONTENT PANEL --> </tr></td> <td rowspan="1" colspan="1" width="51" height="228" valign="top" background="VM_08.jpg"; padding-left: 0px;"></td> </tr> <tr> <td colspan="5"> <img src="VM_09.jpg" width="800" height="36" alt=""></td> </tr> <tr> <td> <img src="spacer.gif" width="195" height="1" alt=""></td> <td> <img src="spacer.gif" width="41" height="1" alt=""></td> <td> <img src="spacer.gif" width="8" height="1" alt=""></td> <td> <img src="spacer.gif" width="505" height="1" alt=""></td> <td> <img src="spacer.gif" width="51" height="1" alt=""></td> </tr> </table> </body> </html> |
pandy |
Feb 20 2013, 05:56 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Well, there are errors aplenty. Start with fixing those, especially the table related HTML errors and the CSS errors.
http://www.htmlhelp.com/cgi-bin/validate.c...s&input=yes http://jigsaw.w3.org/css-validator/validat...ng=&lang=en You can't have STYLE tags or HTML comments in a linked style sheet. That's just for embedding a style block in HEAD. In a llinked style sheet you can only have CSS and those are HTML. Do use a doctype. It's very important nowadays. Not only because of validation but because of a little thing called doctype switching. No doctype ensures browsers are in Quirks Mode. You can read all about that at the below URL. http://hsivonen.iki.fi/doctype/ Looks like the HTML 4.01 Transitional doctype would fit. Make sure to use the long version with an URL or you get Quirks anyway. http://htmlhelp.com/tools/validator/doctype.html |
SassaRaynes |
Feb 20 2013, 06:27 PM
Post
#3
|
Group: Members Posts: 6 Joined: 20-February 13 Member No.: 18,693 |
Thank you, I've never used any of those site before. I have a question though, when it says "Error: there is no attribute HEIGHT for this element (in this HTML version)" what do I do to fix it?
|
SassaRaynes |
Feb 20 2013, 06:29 PM
Post
#4
|
Group: Members Posts: 6 Joined: 20-February 13 Member No.: 18,693 |
Thank you, I've never used any of those site before. I have a question though, when it says "Error: there is no attribute HEIGHT for this element (in this HTML version)" what do I do to fix it?
Well, there are errors aplenty. Start with fixing those, especially the table related HTML errors and the CSS errors. http://www.htmlhelp.com/cgi-bin/validate.c...s&input=yes http://jigsaw.w3.org/css-validator/validat...ng=&lang=en You can't have STYLE tags or HTML comments in a linked style sheet. That's just for embedding a style block in HEAD. In a llinked style sheet you can only have CSS and those are HTML. Do use a doctype. It's very important nowadays. Not only because of validation but because of a little thing called doctype switching. No doctype ensures browsers are in Quirks Mode. You can read all about that at the below URL. http://hsivonen.iki.fi/doctype/ Looks like the HTML 4.01 Transitional doctype would fit. Make sure to use the long version with an URL or you get Quirks anyway. http://htmlhelp.com/tools/validator/doctype.html This post has been edited by SassaRaynes: Feb 20 2013, 06:29 PM |
pandy |
Feb 20 2013, 06:31 PM
Post
#5
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
You remove the height attribute and use CSS for that instead.
|
SassaRaynes |
Feb 20 2013, 06:33 PM
Post
#6
|
Group: Members Posts: 6 Joined: 20-February 13 Member No.: 18,693 |
|
pandy |
Feb 20 2013, 06:43 PM
Post
#7
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Yup. Do you know how?
|
SassaRaynes |
Feb 20 2013, 07:00 PM
Post
#8
|
Group: Members Posts: 6 Joined: 20-February 13 Member No.: 18,693 |
no clue, unfortunately
|
pandy |
Feb 20 2013, 07:27 PM
Post
#9
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
OK, what HTML is it the validator complains about? I mean the height you try to fix.
|
SassaRaynes |
Feb 20 2013, 10:52 PM
Post
#10
|
Group: Members Posts: 6 Joined: 20-February 13 Member No.: 18,693 |
<td rowspan="1" colspan="3" width="564" height="31" valign="middle" background="VM_03.jpg" id="toplinks" class="links">
ok so that's the old code. It tells me that there is no attribute HEIGHT for this element and there is no attribute BACKGROUND for this element. So I delete the "height="31" and then...? |
pandy |
Feb 21 2013, 07:48 AM
Post
#11
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
OK. Then you chose a Strict doctype, not Transitional. If you look in the HTML Reference here http://htmlhelp.com/reference/html40/tables/td.html you can see width and height are listed among the attributes for TF but they are grayed out. That means they are allowed in Transitional but not in Strict.
Normally I applaud using Strict, but with a table layout I feel Transitional is more in place, but that's up to you. Background never was in any spec though but it doesn't cause any harm so it's safe to use it, even if you do get a validation error for it. If you want to keep Strict and move everything to CSS you can give the TD an ID and I have a feeling you have to do that with a lot of other TDs also. Say the ID is 'foo', then the relevant CSS would simply be this line. CODE #foo { width: 564px; height: 32px; background: url(VM_03.jpg) } You may want to read about the background property here http://htmlhelp.com/reference/css/color-ba...background.html . The TD already has a class. That can be used instead of the ID but only if all elements with that class should be styled the same. Also, height for TDs is seldom needed since a table is like rubber ribbon and cells expand to fit its content. |
pandy |
Feb 21 2013, 05:43 PM
Post
#12
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
How did it go?
|
Lo-Fi Version | Time is now: 23rd April 2024 - 10:21 AM |