3 svar · 546 visningar · startad av Lasse H
Kan jag ha två olika css menyer med två olika menymallar på samma dokument?
Hur talar jag om vilken mall som hör till vilken meny?
Jo då...
<!-- första menyn -->
<ul class="primary nav">
<li><a href="#">...</a></li>
...
</ul>
<!-- andra menyn -->
<ul class="secondary nav">
<li><a href="#">...</a></li>
...
</ul>
/* gemensamma stilregler för alla menyer */
.nav { }
.nav li { }
.nav a { }
/* första menyn */
.primary { }
.primary li { }
.primary a { }
/* andra menyn */
.secondary { }
.secondary li { }
.secondary a { }
Det vart nog lite avancerat för en nybörjare...:-)
Om jag använder denna menymallen till första menyn, vad behöver jag ändra på ?
/* CSS menymall */
body {padding: 0; margin: 0;}
#content{margin: 1em auto; padding: 0; width: 25em;}
#menycontainer ul{margin: 0; padding: 0.3em 0; text-align: center; border: 1px solid #99CC99;background: #99CC99; font: 70% Verdana, Helvetica, sans-serif;}
#menycontainer li{display: inline; margin-left: -0.35em}
#menycontainer ul a{text-decoration: none; padding: 0.3em 2em; border: 1px solid #99CC99;}
#menycontainer a:link{color: #000000;}
#menycontainer a:visited{color: #000000;}
#menycontainer a:hover{ border: 1px solid #000000;}
#menycontainer a#current{background: #D6EBD6; color: #000000;}
Ingenting så vitt jag kan se. Se bara till att ha ett annat id="" på din andra meny så blir alla glada. 