nicht angemeldet
Markierung von Überthema
0 
Matthias Apsel
0 0 
Gustl
0
Markierung von Überthema
So sieht mein CSS und HTML gerade aus. Ich möchte jetzt nur noch, dass wenn z.b. über uns gerade geöffnet ist, dass es so wie es jetzt schon funktioniert rot hinterlegt ist und das nächste unterthema wie z.b. Infos zum Ortsverein ebenfalls markiert ist. Aktuell geht gerade nur dass entweder Über uns oder Infos zum Ortsverein markiert ist. ich möchte aber dass beide hinterlegt sind wenn des aktuell aufgerufen wird.
Das ist die 1. CSS Datei:
div#Navi {font-family:Arial; position:absolute; top:136px; left:425px; margin:0; padding:0.45em; text-align:center; border:1px solid black; background-color:silver;}
div#Navi li {list-style:none; display:inline; margin:0.1em; padding:0;}
div#Navi a, div#Navi span {padding:0.1em 1em; text-decoration:none; font-weight:bold; border:1px solid black; border-left-color:white; border-top-color:white; color:black;
background-color:#ccc; font-size:80%;}
* html div#Navi a, * html div#Navi span {width:1em;}
div#Navi a:hover, div#Navi span {border-color:white; border-left-color:black; border-top-color:black; color:black; background-color:red;}
ul#Navi-Links {width:220px; height:564px; background-color:white; position:absolute; left:200px; top:177px; right:1000px;}
* html ul#Navi-Links { width:11.6em; w\idth:10em; padding-left:0; padd\ing-left:0.8em;}
ul#Navi-Links {width:13.15em; margin:0; padding:0.3em; background-color:white; }
ul#Navi-Links li {list-style:none; margin:0.4em; padding:0;}
ul#Navi-Links a {display:block; padding:0.2em; text-decoration:none; font-weight:bold; border:1px solid black; border-left-color:white; border-top-color:white; color:black; background-color:#ccc;}
* html ul#Navigation a {width:100%; w\idth:8.8em;}
ul#Navi-Links a:hover {border-color:white; border-left-color:black; border-top-color:black; color:black; background-color:red;}
Das ist die 2-CSS Datei:
#start #Navi a.start,
#wir #Navi a.wir,
#info #Navi-Links a.info,
#ansprechpartner #Navi-Links a.ansprechpartner,
#organigramm #Navi-Links a.organigramm,
#bereitschaft #Navi-Links a.bereitschaft,
#jrk #Navi-Links a.jrk,
#ansprechpartner-jrk #Navi-Links a.ansprechpartner-jrk,
{border-color:white; border-left-color:black; border-top-color:black; color:black; background-color:red;}
So und hier noch die HTMLs:
<div id="Navi">
<a href="startseite.html" class="start"><b>Startseite</b></a>
<a href="wir.html" class="wir"><b>Ueber uns</b></a>
</div>
<ul id="Navi-Links">
<li><a href="infos-ov.html" class="info">Infos zum Ortsverein</a></li>
<li><a href="ansprechpartner.html" class="ansprechpartner">Ansprechpartner</a></li>
</ul>
-
Om nah hoo pez nyeetz, Sascha_97!
Für den Anfang erkenne den Unterschied zwischen "#" und ".". Du brauchst IE\5.5 nicht beachten. Deine vielen Klassen sind sehr wahrscheinlich überflüssig.
Matthias
--
1/z ist kein Blatt Papier.
-
Om nah hoo pez nyeetz, Sascha_97!
Für den Anfang erkenne den Unterschied zwischen "#" und ".". Du brauchst IE\5.5 nicht beachten. Deine vielen Klassen sind sehr wahrscheinlich überflüssig.
Matthias
Ähm ok und das bedeutet?
-
Für den Anfang erkenne den Unterschied zwischen "#" und "."... Matthias
Ähm ok und das bedeutet?
naja matthias hat wohl sagen wollen, du kannst dir hier keine mundfertigen diagnosen oder lösungen erwarten, sondern lediglich hilfe zur selbsthilfe. er vermutet eventuell, dass du "weiter unten" anfangen musst zu lernen.
mach halt mal was er sagt.
- Gustl
--
Ich pflege mit mir selbst den modernen Führungsstil: Ich nehme mir was vor und verrate mir mit keinem Wort wie ich das erreichen will :-) blubb
-
-
-
Ich habs jetzt hinbekommen ich hatte nur einen denkfehler.