Suche im Forum:
Suchen


Autor Nachricht
Beitrag20.11.2016 um 04:03 (UTC)    
Titel: Wie eine vernüftige Navigation erstellen

Hallöchen...

bräuchte mal Hilfe. Habe für meine Freundin eine Tolle HP gezaubert, nur mit dem Menü will es einfach nicht klappen. Habt ihr den richtigen Code für mich? Wenn ja, wo muss ich den dann einfügen?

meinebabys.de.tl


Zuletzt bearbeitet von meinebabys am 20.11.2016, 05:05, insgesamt einmal bearbeitet
Beitrag22.11.2016 um 16:56 (UTC)    
Titel:

Niemand der helfen kann? Rolling Eyes
Beitrag24.11.2016 um 11:43 (UTC)    
Titel:

Hallo,

Du verwendest das Baukasten-Design "CSS" Very Happy
das bei Fragen immer mit angeben ; sonst müssen deine Helfer erst im Quellcode auf die Suche gehen.

Im Design "CSS" sitzt das Menü im <div id="nav_container">.
Dem geben wir erstmal eine Breite.
Zitat:
#nav_container {
width: 980px;
overflow: hidden;
}


Die Menü-Felder sitzen im Listen-Element <li>
Dem entfernen wir die Aufzählungspunkte ... und platzieren sie nebeneinander
Zitat:

#nav_container li {
list-style-type:none;
float: left;
}


Die Menü-Links <a> bekommen noch gewünschte Aussehen: Abstände und Rahmen:
Zitat:

#nav_container li a {
display:block;
padding:0px 10px;
margin:5px 10px;
height:30px;
line-height:30px;
border:1px solid;
}

#nav_container li a:hover {
background:white;
color:black;
font-style:normal;
}


Wo den CSS-Code einfügen ?
Du verwendest das Design "CSS", dort gibt es das Feld "css ohne style-tags",
bei "Design" / "Designeinstellungen" / "erweiterte Einstellungen anzeigen".
Da fügst Du die hier kopierten CSS-Codes ein.

Dein Menü platziert sich dann nebeneinander .
Leider wird es wegen der vielen Menü-Punkte zweireihig angezeigt. Um die zweite Menü-Zeile bündig mit der ersten
zu bekommen, müsstest Du mit der Länge deiner Seitentiteln experimentieren. Da könnte man einigen einen längeren Seitentitel verpassen, bis es passt.

Ich hoffe das konnte dir weiter helfen

Gruß Wolle
Beitrag24.11.2016 um 13:46 (UTC)    
Titel:

clean-test hat Folgendes geschrieben:
Hallo,

Du verwendest das Baukasten-Design "CSS" Very Happy
das bei Fragen immer mit angeben ; sonst müssen deine Helfer erst im Quellcode auf die Suche gehen.

Im Design "CSS" sitzt das Menü im <div id="nav_container">.
Dem geben wir erstmal eine Breite.
Zitat:
#nav_container {
width: 980px;
overflow: hidden;
}


Die Menü-Felder sitzen im Listen-Element <li>
Dem entfernen wir die Aufzählungspunkte ... und platzieren sie nebeneinander
Zitat:

#nav_container li {
list-style-type:none;
float: left;
}


Die Menü-Links <a> bekommen noch gewünschte Aussehen: Abstände und Rahmen:
Zitat:

#nav_container li a {
display:block;
padding:0px 10px;
margin:5px 10px;
height:30px;
line-height:30px;
border:1px solid;
}

#nav_container li a:hover {
background:white;
color:black;
font-style:normal;
}


Wo den CSS-Code einfügen ?
Du verwendest das Design "CSS", dort gibt es das Feld "css ohne style-tags",
bei "Design" / "Designeinstellungen" / "erweiterte Einstellungen anzeigen".
Da fügst Du die hier kopierten CSS-Codes ein.

Dein Menü platziert sich dann nebeneinander .
Leider wird es wegen der vielen Menü-Punkte zweireihig angezeigt. Um die zweite Menü-Zeile bündig mit der ersten
zu bekommen, müsstest Du mit der Länge deiner Seitentiteln experimentieren. Da könnte man einigen einen längeren Seitentitel verpassen, bis es passt.

Ich hoffe das konnte dir weiter helfen

Gruß Wolle




Vielen lieben Dank für die tolle Hilfe Smile

Super, das hat schon mal geklappt. Wie gestalte ich ein vertikales Menü? und wie sieht es mit den Unterrubriken aus?
Beiträge der letzten Zeit anzeigen:   


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