Tanya Renne wrote:
http://nolarelief.orchidsuites.net
(all browsers) nav on the left - color should go to the top of the
footer
Background can only go as far down as the '#nav2' itself. You'll have to
add a suitable background-image (faux column) to 'div#sitecontainer'
behind '#nav2'.
(NS) the whole middle content area slips down below the nav.
CSS-standard confusion...
Fix:
div#sitecontainer {
display: table; <-- delete this
overflow: hidden; <-- add this.
}
(all browsers) I'm using a gif for the list item bullets -- I'm
blanking on how to get the placed correctly - presently they are not
behaving.
Not sure what you mean by that...
'background-position' will place it, but it won't 'behave' (at least not
in IE/win) unless the image is altered, the line is placed as background
on the 'li', and the'behaving' part (arrow, I think) is background on
the 'a' where even IE/win can manipulate it without any extra code.
A simplified version with the original image and corrected code, spelled
out to make it easy to read:
#nav2 li {
margin: 0;
background-image: url(images/bg_mn.gif);
background-repeat: no-repeat;
background-position: -5px 0;
_height: 22px; /* Make sure this is seen only by IE/win */
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
color : #FFFFFF;
list-style: none;
line-height: 1.8;
}
#nav2 a {
display: block;
padding-left: 30px;
background-image: url(images/bg_mn.gif);
background-repeat: no-repeat;
background-position: -5px 0;
}
html body #nav2 a:hover {
background-position: 3px 0;
color: #fff;
text-decoration: none;
}
The above will make a single arrow turn into a double-arrow upon
a:hover, just by manipulating the 'background-position'. A more prepared
image can give you whatever 'look' and 'behavior' you might like.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
