Ergebnis 1 bis 3 von 3

Thema: Navileiste mit Background-img

  1. #1
    HTML Newbie
    Registriert seit
    05.05.2013
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Navileiste mit Background-img

    Hallo ich habe eine horizontale Navileiste. bei a:hover erscheint ein kleines Dreieck über dem Listenpunkt. Soweit ok. Bei a:visited soll das Dreieck stehenbleiben. (Dreieck ist als Img hinterlegt) Geht das überhaupt?

    2. Frage: wie kann ich den Abstand zwischen den einzelnen Menüpunkten ändern? Mit display:block sind die Abstände der Boxen gleich groß. Das sieht nicht schön aus bei langen und kurzen Worten. Die Breite der Navileiste ist gegeben durch das darunter liegende Bild.

    navleiste.png

    Hier der Code:
    div#navigation {
    position:relative;
    top:0px;
    left: 0px;
    width: 990px;
    margin: 0 auto;
    z-index: 20;
    }
    #navmenu ul
    {
    list-style: none;
    padding: 0px;
    margin: auto auto;
    }
    #navmenu li
    {
    list-style: none;
    position: relative;
    left:204px;
    float: left;
    margin-bottom: 0px;
    border: 0px ;
    font-size: 14px !important;
    font-weight: bold;
    }
    #navmenu li a
    {
    height: 18px;
    padding-top: 11px;
    padding-bottom: 2px;
    float: left;
    width: 129.5px;
    display:block;
    border: 0 solid #0093dd;
    color: #0093dd;
    text-decoration:none;
    text-align: center;
    }
    #navmenu li a:hover, li a:visited {
    background-image: url(../Bilder/drei-unten.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
    background-size: auto auto;
    color:red;
    }
    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
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Navileiste mit Background-img

    Zitat Zitat von flora-bora Beitrag anzeigen
    Hallo ich habe eine horizontale Navileiste. bei a:hover erscheint ein kleines Dreieck über dem Listenpunkt. Soweit ok. Bei a:visited soll das Dreieck stehenbleiben. (Dreieck ist als Img hinterlegt) Geht das überhaupt?
    Ich denke du willst das der Menüpunkt der gerade ausgewählten Seite auch mit einem Dreieck gekennzeichnet wird.
    Das geht schon, du musst dazu lediglich eine klasse active haben und dann dem jeweiligen Menüpunkt bei der Seite die ausgewählt wurde zuweisen.
    Im CSS gibst du dann .active die Regel mit die auch bei hover steht.

    2. Frage: wie kann ich den Abstand zwischen den einzelnen Menüpunkten ändern? Mit display:block sind die Abstände der Boxen gleich groß. Das sieht nicht schön aus bei langen und kurzen Worten. Die Breite der Navileiste ist gegeben durch das darunter liegende Bild.
    Display block hat damit nichts zu tun.
    im CSS unter #navmenu li a musst du den Wert für width: 129.5px; ändern.

    Bei deinem Kenntnisstand zu CSS würde ich dringind anraten dich mal in die Materie einzulesen, zum Beispiel bei http://www.peterkropff.de/site/css/css.htm

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    05.05.2013
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Navileiste mit Background-img

    Vielen Dank für die schnelle Antwort. Und auch Danke für den Link: Werde ich mal durcharbeiten.

Ähnliche Themen

  1. background-position und background-attachment kombinieren
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 25.04.2012, 19:14
  2. Navileiste in Flash?
    Von tankrusher im Forum Flash Forum
    Antworten: 9
    Letzter Beitrag: 13.02.2007, 08:54
  3. Navileiste verschoben
    Von WWKiller im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 15.10.2006, 03:49
  4. Frage zur Navileiste
    Von sandraratlos im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 22.08.2006, 20:59
  5. NAVILEISTE?
    Von GÄSTlEIN im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 26.06.2006, 15:00

Stichworte

Berechtigungen

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