Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 15

Thema: CSS-Navi soll zeigen: Hier bin ich

  1. #1
    Youngster
    Registriert seit
    05.03.2010
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS-Navi soll zeigen: Hier bin ich

    Liebes Forum,

    ich bin leider noch der totale Anfänger im Webdesign und hätte gerne euren werten Rat.

    Ich habe eine reine CSS-Navi und möchte dem Besucher durch den gehighlighteten Button zeigen, auf welcher Seite er ist. Was muss ich in das CSS-Stylesheet noch einfügen oder wo ist der Fehler, dass es bei mir nicht funktioniert. Irgendwo habe ich da noch einen Wurm drin ...
    Für einen Tipp, den auch ein Anfänger versteht, wäre ich sehr dankbar.

    Hier der CSS-Code:

    #navi ul {
    list-style-type: none;
    margin: 0px;
    padding-left: 8px;
    }
    #navi ul li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1px;
    margin-left: 0px;
    }
    #navi ul li a:link, #navi li a:visited {
    color: #FC9;
    background-color: #9f5d9d;
    text-decoration: none;
    text-align: right;
    display: block;
    border-left-color: #C09;
    width: 92px;
    border-left-width: 10px;
    border-left-style: solid;
    font-size: 0.75em;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2.4em;
    padding-right: 7px;
    text-transform: uppercase;
    }
    #navi ul li a:hover, #navi ul li a:active, #navi ul li a:focus a:visited {
    color: #FF9;
    background-color: #F69;
    border-left-width: 12px;
    border-left-style: solid;
    border-left-color: #F66;
    }
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: CSS-Navi soll zeigen: Hier bin ich

    naja mach doch ne css-klasse "active" und da packste den style rein, der nötig ist und dann musste nur noch in der navi dort die klasse zuweisen wo du dich befindest
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS-Navi soll zeigen: Hier bin ich


  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: CSS-Navi soll zeigen: Hier bin ich

    ja geht halt auch mit ner wechselnden id...
    aber ich mir sträuben sich die nackenhaare wenn eine ID nicht nur einem objekt zugewiesen wird.
    eine ID soll ja nur 1 mal pro dokument vergeben werden- klar ist das hier auch der fall, jedoch wird die id ja zu einem anderen objekt "weitergereicht".
    ich bin da für strenge reglements und vergebe bei sowas lieber ne klass, statt ne wechselnde id, is ja grundlegend die gleiche technik
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS-Navi soll zeigen: Hier bin ich

    des hängt ja vom design ab. wenn du ein eindimensionales menü hast dann kann
    schlecht ne seite mehr als 1x aufgerufen sein. anders ises bei menüs mit untermenüs,
    vorallem wenn sie dann des gleiche hilightning haben....
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  6. #6
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: CSS-Navi soll zeigen: Hier bin ich

    da haste auch wieder recht
    sozusagen bin ich dann ja immer auf der sicheren seite *freu*
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  7. #7
    Youngster
    Themenstarter

    Registriert seit
    05.03.2010
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS-Navi soll zeigen: Hier bin ich

    Ich habe es jetzt mal mit ner klasse gemacht. Passiert aber leider noch nicht, das der Button anzeigt, wo ich bin, wenn die Maus wieder weg ist. Muss noch ein Fehler drin sein!

    <div id="navi">
    <ul>
    <li><a class="aktiv" href="index.html">Home </a></li>
    <li><a href="osteopathie.html">Osteopathie</a></li>
    <li><a href="indikationen.html">Indikationen</a></li>
    <li><a href="ueber_mich.html">über mich</a></li>
    <li><a href="kontakt.html">Kontakt</a></li>
    <li><a href="links.html">Links</a></li>
    <li><a href="impressum.html">Impressum</a></li>
    </ul>
    </div>

    div#navi > a:active {
    background-color: #6C9;
    }

  8. #8
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS-Navi soll zeigen: Hier bin ich

    und wo is die definition von "aktiv" ?

    du musst die class "aktiv" schon einzeln definieren.
    unabhängig von den ganzen a:active, hover usw...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  9. #9
    Youngster
    Themenstarter

    Registriert seit
    05.03.2010
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS-Navi soll zeigen: Hier bin ich

    Meine Nerven sind nicht mehr die Besten. Ich sehe den Fehler nicht. Ich mache genau, was ihr mir ratet. Übersehe ich noch was?
    Hier der aktuelle Code:

    HTML_______________

    <div id="navi">
    <ul>
    <li><a class="aktiv" href="index.html">Home </a></li>
    <li><a href="osteopathie.html">Osteopathie</a></li>
    <li><a href="indikationen.html">Indikationen</a></li>
    <li><a href="ueber_mich.html">über mich</a></li>
    <li><a href="kontakt.html">Kontakt</a></li>
    <li><a href="links.html">Links</a></li>
    <li><a href="impressum.html">Impressum</a></li>
    </ul>
    </div>

    CSS______________

    #navi ul {
    list-style-type: none;
    margin: 0px;
    padding-left: 8px;
    }
    #navi ul li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1px;
    margin-left: 0px;
    }
    #navi ul li a:link, #navi li a:visited {
    color: #FC9;
    background-color: #9f5d9d;
    text-decoration: none;
    text-align: right;
    display: block;
    border-left-color: #C09;
    width: 92px;
    border-left-width: 10px;
    border-left-style: solid;
    font-size: 0.75em;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2.4em;
    padding-right: 7px;
    text-transform: uppercase;
    }
    #navi ul li a:hover, #navi ul li a:active, #navi ul li a:focus a:visited {
    color: #FF9;
    background-color: #F69;
    border-left-width: 12px;
    border-left-style: solid;
    border-left-color: #F66;
    }

    div#navi a:active {
    background-color: #6C9;
    }

    .active { background-color:#6F9;
    }

  10. #10
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: CSS-Navi soll zeigen: Hier bin ich

    jup aktiv is nich active
    solltest die klasse auch richtig im css bezeichnen oder eben umgekehrt
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Was soll ich hier tun
    Von DeNzo im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 3
    Letzter Beitrag: 07.04.2008, 19:28
  2. navi - was soll ich machen???
    Von davidos_no.1 im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 29.06.2005, 16:30
  3. °°JS-Navi soll über 2.Frame hinaus öffnen°°F1! F1!
    Von Blazin im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 19.07.2004, 16:42
  4. Navi in einem frame, bei klick soll in 2 frames geladen wer
    Von v-netz.de im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.04.2004, 12:39

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •