I'm about finished with the mapsearch css page.
I've removed all of the code that was not being used and attempted to reduce what else I dared.
Like in a data base - less is more.
It's all looking pretty well except the #nav portion of the menu is under the #navli1 portion of the menu - AND - I can't get the menu to rise to the top of the visible screen. Very troublesome.
Do I need both the #navli and #navli1 portions of the menu?
Here is my full CSS page now.
Code:
@charset "utf-8";
/* CSS Document mapsearch.css 1/3/2012 */
html, body { margin:0;
padding:0;
}
@font-face { font-family: 'TangerineRegular';
src: url('../css/fonts/Tangerine_Regular-webfont.eot');
src: local("☺"),
src: url('../css/fonts/Tangerine_Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../css/fonts/Tangerine_Regular-webfont.woff') format('woff'),
url('../css/fonts/Tangerine_Regular-webfont.ttf') format('truetype'),
url('../css/fonts/Tangerine_Regular-webfont.svg#TangerineRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face { font-family: 'gabrielle';
src: url('../css/fonts/gabrielle-webfont.eot');
src: local("☺"),
src: url('../css/fonts/gabrielle-webfont.eot?#iefix') format('embedded-opentype'),
url('../css/fonts/gabrielle-webfont.woff') format('woff'),
url('../css/fonts/gabrielle-webfont.ttf') format('truetype'),
url('../css/fonts/gabrielle-webfont.svg#gabrielleRegular') format('svg');
font-weight: normal;
font-style: normal;
}
body { background-color: #0A1794;
background: url(images/swirl.png) fixed; /*newbkground.png)*/
max-width: 1200px;
min-width: 400px;
font-family: Verdana, Geneva, sans-serif;
font-size:16px;
color:#fff;
line-height:106%;
margin-top:10px;
}
#maincontent{ float:right;
width:880px;
position:relative;
background-image: url(file:///D|/mydesign/css/images/gray4b32.jpg); /* background image for the iframe */
margin-left:320px;
}
.header { float:right;
display:block;
position:relative; /* IE bug fix*/
margin-bottom:5px;
}
h1,h2,h3,h4{ font-family:'TangerineRegular', arial, san-serif;
text-align:left;
font-size:80%;
color: 3CF;
}
p { height: auto;
font-size:87.50%;
color: #fff;
}
.txtright { font-size: 90%;
color:#FFF;
display: block;
float:right;
width:880px;
position:relative;
}
.mapname { font-family:'TangerineRegular', arial, san-serif;
width:880px;
float:right;
text-align: center;
font-size:220%;
color:#6CF;
font-weight:normal;
font-style: normal;
line-height:160%;
}
/* ---------------container for the navigation ---------------------- */
ul { list-style-type: none;} /* removes list bullets! */
#nav { position:fixed;
float:left;
font-family:'gabrielle', arial, san-serif;
font-size: 116%;
width:320px;
line-height:110%;
}
html #nav { margin:0;
padding:0;
float:left;
position: relative ;
}
#navli { list-style: none;
float:left:;
position:fixed;
}
#navli1 { float:left;
position:fixed;
font-family:'gabrielle', arial, san-serif;
font-size: 116%;
line-height:105%;
width:320px;
}
#nav a,#nav a:link,#nav a:visited
{ margin: 0; padding: 0;
color: #3CF;
list-style: none;
text-decoration: none;
}
#nav li a:hover{ background-image: url(images/menubkrnd2.png);
float:left;
width:auto;
color: #FFF;
/*font-size: 100%;*/
}
/*************************************************NAVIGATION ENDS HERE***************/
#footer { clear:both;
float:right;
font-size:62.50%;
font-style:normal;
line-height: 110%;
color: #000;
margin-top:1%;
padding-right:1%;
padding-left:1%;
}/* eND css*/
Thanks much for all of your hell on this.
Rick
Reply With Quote
Originally Posted by kohoutek
Bookmarks