Verfasst: Mi 23. Apr 2008, 17:53
ich möchte in der 2. navigation die sortierungsreihenfolge umdrehen...
wie kann ich das machen?
wie kann ich das machen?
Das Diskussionsforum zum Open Source Content Management System
https://forum.contenido.org/
Doch, es geht mit der Listenaufzählung - ich setze es selbst ein.DoroM hat geschrieben:Mist, es geht nicht mit Listennavigation, denn die Verschachtelung der <ul> und <li> wird über mehrere Container verteilt. Wie habt Ihr denn das gemacht?
Gruß
DoroM
Du musst Dich mit CSS auseinandersetzen, arbeite mit dem "float" Tag, siehe css4you.deBIG-BEN hat geschrieben:Hy
hab das Modul jetzt mal eingebaut.
erste Modul heist "Hauptnavi_horizontal_cat_1" und das zweite "Hauptnavi_horizontal_cat_2-5" und die templates hab ich auch angepasst
aber die hauptnavigation geht trotzdem noch von oben nach unten und nich quer woran kann das noch liegen?
container 1 = modul 1 und container 2 = modul 2 also das hab ich eigentlich auch beachtet. Hoffe da kann mir wer helfen :?
MFG Benny
Auch hier ein klarer Fall von CSS Formatierung, siehe Dir bitte das "float" Tag bei css4you.de an.lenanova hat geschrieben:Navigation wird in Cat 1 und Cat 2-5 angezeigt.
Suche noch eine Lösung für folgende "Probleme":
1. Wenn ich in der Cat 1 eine Kategorien mit Unterkategorie anklicke, dann wird der unter diesem Punkt befindliche Teil der Navigation nach rechts gerückt. Ich hätte es aber lieber, wenn der Baum so stehen bleibt.
2. Die jeweiligen Unterkategorien werden mir angezeit, aber untereinander. Ich hätte sie jedoch gern nebeneinander.
Hat jemand eine Lösung.... 8)
Code: Alles auswählen
.navii {
float:left;
width:100%;
background-color:transparent;
font-size:93%;
line-height:normal;
padding:10px 0px 0 4%;
}
#tabsE {
float:left;
width:100%;
background:transparent;
font-size:93%;
line-height:normal;
}
#tabsE ul {
margin:0;
padding:10px 10px 0 0px;
list-style:none;
}
#tabsE li {
display:inline;
margin:0;
padding:0;
}
#tabsE a {
float:left;
background:url("../images/tableftE.png") no-repeat left top;
margin:0;
padding:0 0 0 15px;
text-decoration:none;
}
#tabsE a span {
float:left;
display:block;
background:url("../images/tabrightE.png") no-repeat right top;
padding:8px 15px 6px 0px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsE a span {float:none;}
/* End IE5-Mac hack */
#tabsE a:hover span {
color:#FFF;
}
#tabsE a:hover {
background-position:0% -50px;
}
#tabsE a:hover span {
background-position:100% -50px;
}
#activeE a {
float:left;
background:url("../images/tableftE.png") no-repeat left top;
background-position:0% -50px;
margin:0;
padding:0 0 0 15px;
text-decoration:none;
}
#activeE a span {
float:left;
display:block;
background:url("../images/tabrightE.png") no-repeat right top;
background-position:100% -50px;
padding:8px 15px 6px 0px;
color:#FFF;
}
#tabsF {
float:left;
width:100%;
background:transparent;
font-size:93%;
line-height:normal;
}
#tabsF ul {
margin:0;
padding:2px 0px 0px 3%;
list-style:none;
}
#tabsF li {
display:inline;
margin:0;
padding:0;
}
#tabsF a {
float:left;
background:url("../images/tableftF.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsF a span {
float:left;
display:block;
background:url("../images/tabrightF.gif") no-repeat right top;
padding:2px 15px 2px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span {float:none;}
/* End IE5-Mac hack */
#tabsF a:hover span {
color:#FFF;
}
#tabsF a:hover {
background-position:0% -50px;
}
#tabsF a:hover span {
background-position:100% -50px;
}
#activeF a {
float:left;
background:url("../images/tableftF.gif") no-repeat left top;
background-position:0% -50px;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#activeF a span {
float:left;
display:block;
background:url("../images/tabrightF.gif") no-repeat right top;
background-position:100% -50px;
padding:2px 15px 2px 6px;
color:#FFF;
}
Sicher???prepress89 hat geschrieben:Habe in de rSuche nichts passendes gefunden..