CrazyJoe Posted September 27, 2008 Share Posted September 27, 2008 Here is my code. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title></title><style type="Text/Css"><!--body {padding: 0px;background-image: url("");background-repeat: repeat-y;}td.logo {border: solid;font-family: Arial, Helvetica, sans-serif;padding: 3px;}--></style><link href="Form 1.css" rel="stylesheet" type="text/css"></head><body bgcolor="#CCCCCC" Link="#000000" Vlink="#333333" ALink="#FF0000"><div ID="Table.Logo"> <div ID="Logo"><h3><b><img src="Wallpaper folder/unknow11153000111ce3.jpg" width="130" height="94"></b></h3> </div></div> <!-- Form Script --> <script type="text/javascript"> </script> <!-- Form 1 --><div align="center"> <div id="Form select"> <div id="Select option"> <div id="Block one"> <form action="select"> <select name="Rudolph facts"> <option value="Facts">Facts</option> <option value="Opinions">Opinions</option> </select> </form> </div> </div> </div></div> <!--Navigation --> <div id="Navigation"> <div id="Row 1"> <div id="Start row 1"> <span><b>Home</b></span> <ul class="Nav start"> <li><a href="Home.html">Home</a></li> <li><a href="About">About</a></li> <li><a href="Links.html">Link</a></li> <li><a href="Affilates">Affilates</a></li> </ul> </div> </div></div> <!-- Navigation --> <div id="Navigation"> <div id="Row 2"> <div id="Start row 2"> <span><b>Rudolph movies</b></span> <ul> <li><a href="Original Movie.html">Original movie</a></li> <li><a href="Second movie.html">Second movie</a></li> <li><a href="Third movie.html">Third movie</a></li> <li><a href="The 1998 version.html">The 1998 version</a></li> </ul> </div> </div></div> <!-- John marks Rudolph song 1949 --> <div id="John marks Rudolph song"> <div id="1949 Rudolph song"> <div id="Start"> <span><b>1949 Ruduolph song</b></span> <ul> <li><a href="Rudolph song 1949">Rudolph song 1949</a></li> </ul> </div> </div></div> <!-- Rudolph fan club Image --><div id="image"><img src="Wallpaper folder/default.jpg" width="127" height="63" alt="Rudolph and Zoey"></div><!--Rudolph fan club script--><script type="text/javascript"></script><!-- Rudolph fan club --> <div id="Fan club start"><div id="Select option"><form action="select"> <select name="Go to"> <option value="http://wrudolphfc.aceboard.fr/index.php?login=325615#">Rudolph fan club</option> </select> </form> </div></div> <!--Table header 1 start--><div align="center"> <div id="Start header"> <div id="Table header"> <div id="Start"> <table width="55%" border="1"> <tr> <td><b>Date 9/26/08</b></td> </tr> <tr> <td></td> </tr> </table> </div> </div> </div> </div> <!--Table header 2 start --> <div align="center"> <div id="Header 2"> <div id="Start Heeader 2"> <div id="Start"> <table width="55%" border="1"> <tr> <td><b>Date 927/08</b></td> </tr> </table> </div> </div> </div> </div> <!--Table header 3 start--><div align="center"> <div id="Start header"> <div id="Table header"> <div id="Start"> <table width="55%" border="1"> <tr> <td><b>Date 9/28/08</b></td> </tr> <tr> <td></td> </tr> </table> </div> </div> </div> </div> <!--Table header 4 start --> <div align="center"> <div id="Header 2"> <div id="Start Heeader 2"> <div id="Start"> <table width="55%" border="1"> <tr> <td><b>Date 9/29/08</b></td> </tr> </table> </div> </div> </div> </div> </body></html> CSS will not work right in parts of my HTML documentThese is free of errors.I was trying to apply styles to table Header 1 through 4As well as the navigation rowsCan somebody show me an example of how to do styles Link to comment Share on other sites More sharing options...
jlhaslip Posted September 27, 2008 Share Posted September 27, 2008 remove the comment tags, lowercase the type and try again <style type="text/css">body {padding: 0px;background-image: url("");background-repeat: repeat-y;}td.logo {border: solid;font-family: Arial, Helvetica, sans-serif;padding: 3px;}</style> And post the contents of the CSS file you link to.table cell-padding tutorial here: http://www.quackit.com/css/css_cellpadding.cfm Link to comment Share on other sites More sharing options...
jeffman Posted September 27, 2008 Share Posted September 27, 2008 More important, I think you got confused on the way CSS classes are defined and used. Now, this part looks okay: td.logo { border: solid; font-family: Arial, Helvetica, sans-serif; padding: 3px;} But the only references I find in the HTML to "logo" are these: <div ID="Table.Logo"><div ID="Logo"> You may wish to review the way CSS identifiers get applied to HTML elements. Link to comment Share on other sites More sharing options...
iEthan Posted September 28, 2008 Share Posted September 28, 2008 If you are trying to fix browser problems, try this instead of comment tags: <!--[if IE 7]>Insert CSS Here<![endif]--> You can replace IE 7 with any browser...~iE Link to comment Share on other sites More sharing options...
rzea Posted September 29, 2008 Share Posted September 29, 2008 I wouldn't suggest using Conditional Comments... at least just yet, you need to understand first what they are before implementing them because they can easily throw you off from the solution you need in this thread.To learn what Conditional Comments are, go here: Conditional Comments. FYI, Conditional Comments work with Internet Explorer ONLY.To learn how to use Conditional Comments and only ONE style sheet, go here (THE BEST solution out there to create TOTALLY 110% 'friendly' CSS declarations for ANY IE version): Targeting IE with Conditional Comments and using only ONE CSS file. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.