Sent by Holly Bergevin on 7 July 2007 23:11
From: "John Lockerbie" [EMAIL-REMOVED]>
>somebody can now help by telling me what I'm doing wrong in not being
>able to get the same menu at the bottom of the page as there is at the
>top on:
>
>http://www.catnaps.org/newlayout/index.html
>css: http://www.catnaps.org/newlayout/islamic2.css
Assuming, since you didn't really say, that what you want is the "box" around the bottom nav as the
top one has, you'll need to add the appropriate element to your HTML.
In your style sheet you have -
#contentcol, contentcol2 {
color: #333;
background: #e7fbee;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 160px;
width: 724px;
float: left;
border: 1px solid #bbbbff;
}
Note that the second part of that selector selects absolutely noting. Even if you put a leading #,
it will still select nothing because that element - #contentcol2 - does not exist in your HTML.
So, to get what you want, you'll need to fix your HTML to include that element, and fix your CSS so
that it targets the element -
#contentcol, #contentcol2 {etc}
You may find you want to add the following selectors and properties as well.
#contentcolnav2 {
position:relative;
float: left;
left: 10px;
margin-top: 0px;
}
#contentcol2 {margin-left: -10px;}
Regards,
~holly
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
