This is ever such a small thing but its really annoying:
<!-- w --><a class="postlink" href="http://www.firstchoicevacationhomes.com">www.firstchoicevacationhomes.com</a><!-- w --> -> select "Europe"
The list comes up nicely in IE but in Firefox it leaves an extra pixel-wide horizontal line every 2/3 items.
Any suggestions?
Here's the CSS for the list:
#mainFrame ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Tahoma,Arial,sans-serif;
font-size:10px;
}
#mainFrame li a
{
display: block;
padding: 0px 10px 0px 10px;
margin: 1px 0 1px 0;
width: 110px;
text-decoration: none;
color: #505050;
background:#fff url(bg_list.jpg) repeat-x center;
border: 1px solid #cccccc;
}
#mainFrame li a:hover
{
background:#fff url(bg_list_o.jpg) repeat-x center;
color: #000;
}#mainFrame li a:hover
{
background:#fff url(bg_list_o.jpg) repeat-x center;
color: #000;
}
This isn't proper coding, I assume you mean it to read...
#mainFrame li a:hover
{
background:#ffffff url(bg_list_o.jpg) repeat-x center;
color: #000000;
}
Also possible I'm not sure whether the padding and margin should be "0px" instead of just "0".Remove line-height in #mainFrame
and change padding: 4px 10px; in #mainFrame li a
Brollachan
#fff is shorthand for #ffffff and
margin:0; is shorthand for margin:0px;
both are correct.You may wish to revalidate your site, as on the home page 22 errors are thrown up, and on the Europe page 91 errors are listed.
See: <!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.firstchoicevacationhomes.com/">http://validator.w3.org/check?verbose=1 ... homes.com/</a><!-- m -->
<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.firstchoicevacationhomes.com/findavilla.asp%3FlocationA%3D4Legendary">http://validator.w3.org/check?verbose=1 ... 4Legendary</a><!-- m -->! You're absolutely right Fang that sorted it
I can't believe I didn't spot that line-height entry
You may wish to revalidate your site, as on the home page 22 errors are thrown up, and on the Europe page 91 errors are listed.
See: <!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.firstchoicevacationhomes.com/">http://validator.w3.org/check?verbose=1 ... homes.com/</a><!-- m -->
<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.firstchoicevacationhomes.com/findavilla.asp%3FlocationA%3D4">http://validator.w3.org/check?verbose=1 ... ationA%3D4</a><!-- m -->
Yes I know... only just started writing it I'm not surprised there's loads of errors stillThis isn't proper coding...<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/syndata.html#value-def-color">http://www.w3.org/TR/CSS21/syndata.html#value-def-color</a><!-- m -->
<!-- w --><a class="postlink" href="http://www.firstchoicevacationhomes.com">www.firstchoicevacationhomes.com</a><!-- w --> -> select "Europe"
The list comes up nicely in IE but in Firefox it leaves an extra pixel-wide horizontal line every 2/3 items.
Any suggestions?
Here's the CSS for the list:
#mainFrame ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Tahoma,Arial,sans-serif;
font-size:10px;
}
#mainFrame li a
{
display: block;
padding: 0px 10px 0px 10px;
margin: 1px 0 1px 0;
width: 110px;
text-decoration: none;
color: #505050;
background:#fff url(bg_list.jpg) repeat-x center;
border: 1px solid #cccccc;
}
#mainFrame li a:hover
{
background:#fff url(bg_list_o.jpg) repeat-x center;
color: #000;
}#mainFrame li a:hover
{
background:#fff url(bg_list_o.jpg) repeat-x center;
color: #000;
}
This isn't proper coding, I assume you mean it to read...
#mainFrame li a:hover
{
background:#ffffff url(bg_list_o.jpg) repeat-x center;
color: #000000;
}
Also possible I'm not sure whether the padding and margin should be "0px" instead of just "0".Remove line-height in #mainFrame
and change padding: 4px 10px; in #mainFrame li a
Brollachan
#fff is shorthand for #ffffff and
margin:0; is shorthand for margin:0px;
both are correct.You may wish to revalidate your site, as on the home page 22 errors are thrown up, and on the Europe page 91 errors are listed.
See: <!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.firstchoicevacationhomes.com/">http://validator.w3.org/check?verbose=1 ... homes.com/</a><!-- m -->
<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.firstchoicevacationhomes.com/findavilla.asp%3FlocationA%3D4Legendary">http://validator.w3.org/check?verbose=1 ... 4Legendary</a><!-- m -->! You're absolutely right Fang that sorted it
I can't believe I didn't spot that line-height entry
You may wish to revalidate your site, as on the home page 22 errors are thrown up, and on the Europe page 91 errors are listed.See: <!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.firstchoicevacationhomes.com/">http://validator.w3.org/check?verbose=1 ... homes.com/</a><!-- m -->
<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.firstchoicevacationhomes.com/findavilla.asp%3FlocationA%3D4">http://validator.w3.org/check?verbose=1 ... ationA%3D4</a><!-- m -->
Yes I know... only just started writing it I'm not surprised there's loads of errors stillThis isn't proper coding...<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/syndata.html#value-def-color">http://www.w3.org/TR/CSS21/syndata.html#value-def-color</a><!-- m -->