HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum |
 

 
 

Anzeige 
 
               Forum
 
 
HTMLWorld » Forum

Horizontale Navigation CSS das von unten hilft mir nicht wei - CSS Forum

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Horizontale Navigation CSS das von unten hilft mir nicht wei

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Vorheriges Thema: Bild als Seitenlayout
Nächstes Thema: wo ist der fehler?  
Autor Nachricht
MTB-bo



Anmeldungsdatum: 13.07.2005
Beiträge: 1

BeitragVerfasst am: 13.07.2005 13:03:31    Titel: Horizontale Navigation CSS das von unten hilft mir nicht wei Antworten mit Zitat

Hey Leute habe so ein kleines Problem.
Wollte ne Horizontale Navigation machen.
Aber die Unternavigation soll auch Horizontal werden wegen Platz gründen.
Hatte sie erst so wie man jetzt im code sieht.

aber irgend wie kommen bei mir du Verschiebungen falsche Einrückungen usw.

ich danke jetzt schonmal für eure hilfe
mfg mtb

MEIN CODE
[code]<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Navigationsleisten</title>

<style type="text/css">
body, p a
{
font:normal 100.01% Helvetica, Arial, sans-serif;
color:black; background-color:#999999;
}
div#Rahmen
{
width:43.5em;
padding:0.6em;
border:0px solid black;
background-color:silver;
}
* html div#Rahmen
{ /* Korrektur fuer IE 5.x */
width:46.7em;
w\idth:45.1em;
}
div#Rahmen div
{
clear:left;
}
ul#Navigation
{
margin:0; padding:0;
text-align:center;
}

ul#Navigation li
{
list-style:none;
float:left; /* ohne width - nach CSS 2.1 erlaubt */
position:relative;
margin:0.4em; padding:0;
}
* html ul#Navigation li
{ /* Korrektur fuer den IE */
margin-bottom: -0.4em;
}

ul#Navigation li ul {
margin:0; padding:0;
float:left; /* ohne width - nach CSS 2.1 erlaubt */
position:absolute;
top:1.6em; left:-0.4em;
display:none; /* Unternavigation ausblenden */
}
* html ul#Navigation li ul
{ /* Korrektur fuer IE 5.x */
left:-1.5em;
lef\t:-0.4em;
}
ul#Navigation li:hover ul
{
display:block; /* Unternavigation in modernen Browsern einblenden */
}
ul#Navigation li ul li
{
float:none;
display:block;
margin-bottom:0.2em;
}

ul#Navigation a, ul#Navigation span
{
display:block;
width:6.1em; /* Breite den in li enthaltenen Elementen zuweisen */
padding:0.1em;
text-decoration:none; font-weight:bold;
border:1px solid black;
border-left-color:white; border-top-color:white;
color:#800000; background-color:#CCCCCC;
}
* html ul#Navigation a, * html ul#Navigation span
{
width:8.6em; /* Breite nach altem MS-Boxmodell f&uuml;r IE 5.x */
w\idth:6.4em; /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell
{
border-color:white;
border-left-color:black; border-top-color:black;
color:#CCCCCC; background-color:gray;
}
li a#aktuell
{ /* aktuelle Rubrik kennzeichnen */
color:maroon; background-color:silver;
}
ul#Navigation li ul span
{ /* aktuelle Unterseite kennzeichnen */
border-color:white;
border-left-color:black; border-top-color:black;
color:#CCCCCC; background-color:gray;
}

</style>

<!--[if IE]><script type="text/javascript">
function hoverIE() {
var LI = document.getElementById("Navigation").firstChild;
do {
if(LI.firstChild) { // A (SPAN)
if(LI.firstChild.nextSibling) { // #text
if(LI.firstChild.nextSibling.nextSibling) { // UL ?
LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
}
}
}
LI = LI.nextSibling;
}
while(LI);
}
function einblenden() {
this.firstChild.nextSibling.nextSibling.style.display = "block";
this.firstChild.nextSibling.nextSibling.style.backgroundColor = "silver";
}
function ausblenden() {
this.firstChild.nextSibling.nextSibling.style.display = "none";
}
window.onload=hoverIE;
</script><![endif]-->

</head>
<body>
<div id="Rahmen">
<ul id="Navigation">
<li><a href="home.htm" alt="Home" target=hauptframe>Home</a></li>

<li><a href="links_wir.htm" alt="Wir" target=links>Wir</a>
<ul>
<li><a href="gebaut.htm" alt="Marc" target=hauptframe>Marc</a></li>
<li><a href="gebaut.htm" alt="Sven" target=hauptframe>Sven</a></li>
<li><a href="gebaut.htm" alt="Kevin" target=hauptframe>Kevin</a></li>
</ul>
</li>

<li><a href="links_freunde.htm" alt="Freunde" target=links>Freunde</a>
<ul>
<li><a href="freunde.htm" alt="Wahre Freunde" target=hauptframe>Freunde</a></li>
<li><a href="kumpels.htm" alt="Freunde" target=hauptframe>Kumpels</a></li>
<li><a href="freaks.htm" alt="Freaks" target=hauptframe>Freaks</a></li>
</ul>
</li>

<li><a href="links_events.htm" alt="Events" target=links>Events</a>
<ul>
<li><a href="2004.htm" alt="2004" target=hauptframe>2004</a></li>
<li><a href="2005.htm" alt="2005" target=hauptframe>2005</a></li>
<li><a href="gebaut.htm" alt="2006" target=hauptframe>2006</a></li>
<li><a href="gebaut.htm" alt="2006" target=hauptframe>2007</a></li>
</ul>
</li>

<li><a href="http://77580.netguestbook.com" alt="G.Book" target=hauptframe>G.book</a></li>

<li><a href="http://www.hobbits.de.ms" alt="GALJOR-Clan" target=_new>Clan</a></li>
</ul><div></div></div>
</body>
</html>[/code]
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Ähnliche Beiträge
Thema Autor Forum Antworten Verfasst am
Keine neuen Beiträge Achtung: Seite ist nicht mehr gültig Sir Quicksand PHP 0 20.03.2012 22:59:06 Letzten Beitrag anzeigen
Keine neuen Beiträge blättern navigation - nicht alle seit... Powell JavaScript 0 14.08.2011 10:05:15 Letzten Beitrag anzeigen
Keine neuen Beiträge footer unten platzieren Alex... CSS 11 03.07.2011 15:25:01 Letzten Beitrag anzeigen
Keine neuen Beiträge Bilder, um die ein Text fließt, ersch... JulieJulieJulie HTML 4 20.04.2011 11:44:19 Letzten Beitrag anzeigen
Keine neuen Beiträge Merlin erscheint nicht auf der Website Moijto JavaScript 1 04.04.2011 11:22:44 Letzten Beitrag anzeigen