selma: Navigation

Beitrag lesen

SELF-Forum

Navigation

selma
– Informationen zu den Bewertungsregeln

Hallo, ich versuche gerade dieses Navi einzusetzen.
Leider habe ich Schwierigkeiten damit, es an den Platz zu bringen, wo es hingehört.

Wer kann mir einen Tip geben?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>

<style>
body {
margin:5%;

}

#container {width:1000px;
}

#navMain {list-style-type: none;

}

#navMain li {  
	width:20%;  
	text-align:center;  
	  
}

#navMain li a {
background:#0066FF;
padding: 7.5% 5% 6.5% 7%;
color: white;
margin: 0 0 4% 0;
display:block;
text-decoration: none;

}

#navMain {/* Rotate div */
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Safari and Chrome */
list-style-type:none;

}
nav {width:80%; float:left;

}

a:hover { color: #cc0033; font-weight:900; letter-spacing:0.1em;   border: 3px solid red;
}

</style>

</head>

<body>
<div id="container">

<div id="box">
 <nav>
      <ul id="navMain">
        <li><a href="#">Ägypten</a></li>
        <li><a href="#">Städte-Trips</a></li>
        <li><a href="#">Tauchreisen</a></li>
        <li><a href="#">Nilfahrten</a></li>
        <li><a href="#">Reise-Tipps</a></li>
      </ul>
    </nav></div>

</div>
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln