moin,
ich bin auf der suche nach "genau" dem menü was für diese seite verwendet wird!!
ein vertikales menü mit 2-3 unterebenen!
div, ul, li und css... was könnte ihr empfehlen?
ich hab zwar schon bei google und hier im forum einiges gefunden aber mich würde interessieren was die profis dazu sagen...
achja, der hauptgrund meiner frage, browser-compatibility, ich hab schon mein eigens menu gebaut, jedoch sieht es im ie7 etwas komisch...
gruß
piripi
Für den Anfang ist das eine ganz gute Ressource um sich in das Thema einzuarbeiten
ich dachte schon an ein fertiges ts mit css...
gruß
philipp
Sind wir hier beim Wunschkonzert? 😉
TS
lib.accessible_TMENUTYPO3 = HMENU
lib.accessible_TMENUTYPO3 {
#special = list
#special.value = 1364, 1358, 1357,1353,1348
#entryLevel =1
#special.range = 0|8
1 = TMENU
1 {
#expAll =1
wrap = <div id="navcontainer"><ul id="nav1">|</ul></div>
noBlur = 1
NO = 1
NO {
wrapItemAndSub = <li>|</li>
}
ACT = 1
ACT.wrapItemAndSub = <li id="nav1act">|</li>
#ACTIFSUB = 1
#ACTIFSUB < .IFSUB
}
2 < .1
2 {
wrap = <ul id="nav2">|</ul>
ACT.wrapItemAndSub = <li id="nav2act">|</li>
#ACTIFSUB < .ACT
}
3 < .2
3 {
wrap = <ul id="nav3">|</ul>
ACT.wrapItemAndSub = <li id="nav3act">|</li>
#ACTIFSUB < .ACT
}
}
CSS, ca.
body { font: normal 12px verdana; }
#navcontainer {border:1px solid #eee;width:250px;}#nav1, #nav1 ul {
padding:0;margin:0;
}#nav1 {
margin-left:50px;
border: 1px solid #eee;
text-align: left;
list-style: none;
}#nav1 a, #nav1 a:active {
border-top: 1px solid #EBEBEC;
text-decoration: none;
display: block;
padding: 4px 0px 4px 20px;
background: #fff url(nav_pfeil_rot.gif) no-repeat 5px ;
color: #040000;
text-decoration:none;}
#nav1 a:hover {
color: #BF2236;
}/*#nav1 li:hover {
background-color: #f3f3f3;
}*/#nav1act a:link, #nav1act a:visited, #nav1act a:visited {
background: #BF2236 url(nav_pfeil_weiss.gif) no-repeat 5px ;
color: #eee;
}#nav1act a:hover {
xbackground-color:#eee;
text-decoration:none;
}#nav2 {
list-style: none;
background:#fff;
}#nav2 a:link, #nav2 a:visited, #nav2 a:active {
font-size:11px;
padding-left:40px;
color: #040000;
background: #f1f1f2 url(pfeil3.gif) no-repeat 28px ;
}#nav2 li, #nav2 ul {
list-style:none;
border: 0px solid black;
display : inline
}#nav2 a:hover{
color: #BF2236;
}#nav2act a:link, #nav2act a:visited, #nav2act a:active #nav2act a:visited {
background: #e2e2e5 url(pfeil3_act.gif) no-repeat 28px ;
}
#nav3 a:link, #nav3 a:visited, #nav3 a:active {
padding-left:60px;
background: #fff url(l3.gif) no-repeat 48px;
}#nav3act a:link, #nav3act a:visited, #nav3act a:active {
font-style:italic;
background: #fff url(l3_act.gif) no-repeat 48px ;
}
link zur amazon-wunschliste ist im profil
georg
he superdanke!! konnte es nicht erwarten und habe es schnell eingebunden!
das ist genau was ich wollte! und jetzt nur noch ein bisschen das css anpassen!!
hast mir echt arbeit erspart!
gruß
philipp
siehe die letzte zeile in meinem vorigen posting - mir hats einige stunden gekostet 😉
georg
sorry kann dir leider nix zahlen, die page ist für die Hochschule der Gestaltung Karlsruhe, sektion Foto...
und dann nun ja auch noch 600€ studiengebühren fällig werden... #angry#
alles was ich für die wensite bekomme ist eine schein, aber wenn dein script kommerziel einsetzen, werde ich mich an die amazon wunschliste erinnern!
gruß
philipp