I have just started to use CSS more and have been doing ok but I have now hit a problem with results in differant browsers if you go to the link below
<!-- m --><a class="postlink" href="http://www.keighleybusinessindex.co.uk/templatenew.htm">http://www.keighleybusinessindex.co.uk/templatenew.htm</a><!-- m -->
the table under the H4 "in Keighley" quote has a blue cell with "is this your business" in it.
When I look at it in IE its fine all the padding ect and the blue background is present but in Firefox and Netscape its just a white box.
The table id is "list11"
The top cell id is "add2"
and the bottom cell id is "imp"
The CSS for this table is:
#list11 {
background-color: #FFFFFF;
border: 1px solid #217594;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#imp {
font-size: 9px;
color: #000000;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
background-image: url(background.jpg);
background-repeat: repeat;
}
#add2 {
font-size: 12px;
background-color: #FFFFFF;
color: #000000;
padding-left: 8px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 4px;
}
What have i done wrong????
Help please
I'd fix your errors first, if I were you (<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.keighleybusinessindex.co.uk/templatenew.htm">http://validator.w3.org/check?verbose=1 ... atenew.htm</a><!-- m -->).Me thinks your...
#list11 {
background-color: #FFFFFF;
border: 1px solid #217594;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
...should be...
.list11 {
background-color: #FFFFFF;
border: 1px solid #217594;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
So that your numerous id="list11" can be changed to class="list11".Thanks Brollachan I Have now changed it but its actually made it worse in Firefox and netscape. any other ideas???????Hi BonRouge
Ive fixed some but dont understand the following. all my code for images was generated by DreamweaverMX 2004. Can you tell me haw to fix the errors below.
Thanks
Line 11 column 77: required attribute "alt" not specified.
...newhead2.gif" width="750" height="100" /></td>...newhead2.gif" width="750px" height="100px" alt="alternative text here" /></td>Thanks jogol
page now validated
but i still have the same problem
does #imp and #add2 need changing to class aswell
How do I make it render border and font size and padding in firefox and netscapeyou better start from scratch and not use tables for layout. markup is for content, css is for presentation.
check out some templates (<!-- m --><a class="postlink" href="http://www.inknoise.com/experimental/layoutomatic.php">http://www.inknoise.com/experimental/layoutomatic.php</a><!-- m -->) you can begin with and learn from.
the sticky (<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?t=61083">http://www.webdeveloper.com/forum/showt ... hp?t=61083</a><!-- m -->) at the top of this forum is also a great ressource.
trust me you will thank me & yourself when making this step.Thanks everybody the tables seem to be showing Ok now thanks for the tips
<!-- m --><a class="postlink" href="http://www.keighleybusinessindex.co.uk/templatenew.htm">http://www.keighleybusinessindex.co.uk/templatenew.htm</a><!-- m -->
the table under the H4 "in Keighley" quote has a blue cell with "is this your business" in it.
When I look at it in IE its fine all the padding ect and the blue background is present but in Firefox and Netscape its just a white box.
The table id is "list11"
The top cell id is "add2"
and the bottom cell id is "imp"
The CSS for this table is:
#list11 {
background-color: #FFFFFF;
border: 1px solid #217594;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#imp {
font-size: 9px;
color: #000000;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
background-image: url(background.jpg);
background-repeat: repeat;
}
#add2 {
font-size: 12px;
background-color: #FFFFFF;
color: #000000;
padding-left: 8px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 4px;
}
What have i done wrong????
Help please
I'd fix your errors first, if I were you (<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.keighleybusinessindex.co.uk/templatenew.htm">http://validator.w3.org/check?verbose=1 ... atenew.htm</a><!-- m -->).Me thinks your...#list11 {
background-color: #FFFFFF;
border: 1px solid #217594;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
...should be...
.list11 {
background-color: #FFFFFF;
border: 1px solid #217594;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
So that your numerous id="list11" can be changed to class="list11".Thanks Brollachan I Have now changed it but its actually made it worse in Firefox and netscape. any other ideas???????Hi BonRouge
Ive fixed some but dont understand the following. all my code for images was generated by DreamweaverMX 2004. Can you tell me haw to fix the errors below.
Thanks
Line 11 column 77: required attribute "alt" not specified.
...newhead2.gif" width="750" height="100" /></td>...newhead2.gif" width="750px" height="100px" alt="alternative text here" /></td>Thanks jogol
page now validated
but i still have the same problem
does #imp and #add2 need changing to class aswell
How do I make it render border and font size and padding in firefox and netscapeyou better start from scratch and not use tables for layout. markup is for content, css is for presentation.
check out some templates (<!-- m --><a class="postlink" href="http://www.inknoise.com/experimental/layoutomatic.php">http://www.inknoise.com/experimental/layoutomatic.php</a><!-- m -->) you can begin with and learn from.
the sticky (<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?t=61083">http://www.webdeveloper.com/forum/showt ... hp?t=61083</a><!-- m -->) at the top of this forum is also a great ressource.
trust me you will thank me & yourself when making this step.Thanks everybody the tables
seem to be showing Ok now thanks for the tips