Hilfe - Suche - Mitglieder - Kalender
Vollansicht: navigation über css
Forum Sefrengo.org > Allgemeine Foren > Anwenderforum
thor
hi an die gemeinde,
bin im css und php noch nicht so fit, also:

ich würde den navigationshintergrund gerne über css steuern,
jetzt sieht er im Nav 2.01 so aus:

<table width="100%" cellspacing="0" cellpadding="4" border="0">
..
<tr><td onMouseOver="this.style['background']='#5A7BAD';" onMouseOut="this.style['background']='#A8BADE';" bgcolor="#A8BADE" nowrap>&nbsp;&nbsp;{space}<a href="{link}" onMouseOver="on('{s_name}');return true;" onMouseOut="off();return true;" class="{font1}">{name}</a></td></tr>

..

wie kriege ich die farben über css gesteuert?
merci
thor
hylli
Empfehlung:
Nimm die Listennavigation, suche Dir bei Listamatic eine Navi raus, nimm das CSS bei Dir auf, pass die Farben an, pass gegebenenfalls die Modulkonfiguration der Listennavi an und Du hast es per CSS gelöst.

Hylli smile.gif
thor
ok,

nu hab ich was ausgesucht:
HTML
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a>
<ul id="subnavlist">
<li id="subactive"><a href="#" id="subcurrent">Subitem one</a></li>
<li><a href="#">Subitem two</a></li>
<li><a href="#">Subitem three</a></li>
<li><a href="#">Subitem four</a></li>
</ul>

</li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>


aber wo bringe ich genau was im linstennavi unter??
jetzt du! ;-)
thor
amk
lernhilfe findest du bzgl. css auf unzähligen seiten im netz bspw.:

http://de.selfhtml.org/css/


ansonsten grundkonfiguration der listennavigation anschauen und einfach dieses oder jenes ausprobieren!
thor
hi,
das mache ich ja ...

meine frage bezog sich aber auf das listennavi.
vor allem bezogen auf die id und wo ich was eintrage ...
probieren hat noch nix gutes erbeben.
bitte also mal um einen tip!
thor
thor
ZITAT(hylli @ Thu. 23. October 2008, 13:31) *
Empfehlung:
Nimm die Listennavigation, suche Dir bei Listamatic eine Navi raus, nimm das CSS bei Dir auf, pass die Farben an, pass gegebenenfalls die Modulkonfiguration der Listennavi an und Du hast es per CSS gelöst.

Hylli smile.gif


wenn du das schon erfolgreich umgesetzt hast würde mir ein "bild" von der konfi schon reichen .......
thor
hylli
Bei mir sieht es so aus:


Habe allerdings keine "Subnavlist" wie Du.

Welche Navi hast DU Dir ausgesucht?

Hylli
thor
aber genau das ist mein problem... die angaben für sie subnavigation.
sie werden angezeigt, aber die ordnerstruktur legt sich dann direkt wieder darüber! sad.gif
thor
hylli
Also ausgehend von dieser Navigation benötigst Du die IDs navlist/subnavlist etc. gar nicht!

Wenn Du Dir das CSS näher anschaust, wurde für diese nix definiert, also unnötig.

Wichtig ist, dass das umschließend DIV die id navcontainer hat.

Muss es allerdings mal live in SF testen.

Hylli
hylli
So kurz mal angetestet: Wenn ich die Navi so einbaue und an der Standardkonfiguration der Listennavigation nichts ändere, dann entsprechen Ordner der 1. Ebene ("navlist") und Seiten/Subordner und darunter der 2. Ebene ("subnavlist").

http://knallhart.bplaced.net/

Hylli

thor
ZITAT(hylli @ Thu. 23. October 2008, 17:20) *
So kurz mal angetestet: Wenn ich die Navi so einbaue und an der Standardkonfiguration der Listennavigation nichts ändere, dann entsprechen Ordner der 1. Ebene ("navlist") und Seiten/Subordner und darunter der 2. Ebene ("subnavlist").


kannst mir mal ein bild von der konfig machen?
das wäre super!
merci
thor
hylli
Bild 1: normaler Konfigurationsmodus



Geändert habe ich nur, dass die Startseiten mit angezeigt werden!

Bild 2: erweiterter Konfigurationsmodus Teil 1



Keine Änderung vorgenommen!

Bild 3: erweiterter Konfigurationsmodus Teil 2



Keine Änderung vorgenommen!

Hylli
thor
bei mir zeigt er die seiten nicht ...
guck selber:

testpage

er dückt den rest nicht nach unten weg.....
hylli
Bist Du Dir sicher?



Hylli
thor
;--)))

hab ich auch gerade im firefox gesehen ..
ich habe aber die ganze zeit mit dem ie7 gearbeitet... und da geht es nicht!

hylli
Hm, im IE8 beta scheint's zu passen, IE7 kann ich nicht testen.

Vielleicht mal Browsercache und SF-Cache löschen und nochmals schauen?!?

Hylli
thor
hola,
so gelöst das problem....

ich hatte in einer 2.css dieselbe klasse angegeben.....
lieber hylli,
ich danke dir für deine zeit und deine hilfe ...
merci
und sonnengrüsse aus saarbrücken
volker
hylli
Keine Ursache!

Hylli smile.gif
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.
Invision Power Board © 2001-2024 Invision Power Services, Inc.