Suche im Forum:
Suchen


Autor Nachricht
Beitrag22.08.2008 um 16:00 (UTC)    
Titel: codefrage zu einer navigation

Hallo,

nach mehrmaligen probieren und ändern hab ich es nicht hingekriegt diesen navigation code lauffähig zu machen. Irgendwie klappt das nich. HTML verarbeitet er ja noch aber dann die gestalterischen aspekte vernachlässigt er. Vieleicht weiß ja einer von euch was man umändern muss. ich bin noch anfänger auf diesem gebiet! Hier erst mal der code:


HTML
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

CSS
#navlist
{
background: #FFCC00;
margin: 0px;
padding: 0px;
height: 16px;
border: 1px solid #FFEA93;
}

#navlist li
{
display: inline;
float: left;
margin: 0px;
padding: 0px;
list-style: none;
}

#navlist li a:link, #navlist li a:visited
{
font: bold 24px/18px Georgia, "Times New Roman", Times, serif;
color: #FFEA93;
text-decoration: none;
display: block;
padding: 0px 0px 0px 3px;
margin: 0px;
height: 16px;
overflow: hidden;
width: 135px;
text-align: center;
}

#navlist li a#current
{
color: #FFFFFF;
font-style: italic;
}

#navlist li a:hover, #navlist li a:active
{
color: #FFFFFF;
text-decoration: none;
background: #CC3333;
text-align: left;
text-transform: uppercase;
font: bold normal 10px/16px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}


und der link der seite: http://css.maxdesign.com.au/listamatic/horizontal22.htm

danke im voraus
Beitrag22.08.2008 um 16:31 (UTC)    
Titel:

du musst den css code ja auch richtig einbinden:


Code:
<style type="text/css">
#navlist
{
background: #FFCC00;
margin: 0px;
padding: 0px;
height: 16px;
border: 1px solid #FFEA93;
}

#navlist li
{
display: inline;
float: left;
margin: 0px;
padding: 0px;
list-style: none;
}

#navlist li a:link, #navlist li a:visited
{
font: bold 24px/18px Georgia, "Times New Roman", Times, serif;
color: #FFEA93;
text-decoration: none;
display: block;
padding: 0px 0px 0px 3px;
margin: 0px;
height: 16px;
overflow: hidden;
width: 135px;
text-align: center;
}

#navlist li a#current
{
color: #FFFFFF;
font-style: italic;
}

#navlist li a:hover, #navlist li a:active
{
color: #FFFFFF;
text-decoration: none;
background: #CC3333;
text-align: left;
text-transform: uppercase;
font: bold normal 10px/16px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}
</style>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

______________
by hoodride.de.tl
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de