Ergebnis 1 bis 7 von 7

Thema: Hintergrund bei a:hover

  1. #1
    Meister(in)
    Registriert seit
    11.10.2006
    Beiträge
    299
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Hintergrund bei a:hover

    Hallo,

    habe mal wieder ein Problem: Meine Navigation habe ich in Form einer Liste aufgebaut - also <ul> und[*]. Jetzt will ich, dass der Eintrag farbig hinterlegt wird wenn man mit der Maus drüberfährt. Also "gehighlightet" wird.

    Geht das mit meinem bisherigen Aufbau, oder muss ich meine Navi in eine Tabelle basteln, sodass ich dann mit background-coloryz; arbeiten kann?

    Grüße,
    Questionmark
    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
    Teeny
    Registriert seit
    11.11.2006
    Ort
    Winterthur (CH)
    Beiträge
    35
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ein menü macht man überhaupt nicht mit einer liste.

    sag mir folgendes und ich schreib dir schnell ein menü-script:

    -hintergrungfarbe oder image des gesamten menüs
    -breite (oder höhe, falls das menü sich nicht dem content anpassen soll)
    - link farbe
    - bereits besuchter link farbe(wenn du überhaupt willst)
    - link hover farbe + background color(wenn du mit der maus drüber fährst)

    gruss
    Gruss

    K.C.

  3. #3
    Meister(in)
    Themenstarter

    Registriert seit
    11.10.2006
    Beiträge
    299
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Zitat Zitat von K.C.
    ein menü macht man überhaupt nicht mit einer liste.
    Nichts gegen dein Wissen, aber seriöse Quellen sagen folgendes.

    Außerdem will ich kein Script, sondern einen CSS-Effekt!

    Gruß,
    Questionmark


  4. #4
    Shogun Avatar von DarkSyranus
    Registriert seit
    28.03.2006
    Ort
    ::1/128
    Alter
    25
    Beiträge
    3.446
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    Code:
    ...
    <style type="text/css">
    .hl &#123; background-color&#58; #000; &#125;
    .hl&#58;hover &#123; background-color&#58; #fff; &#125;
    </style>
    ...
    <li class="hl">Link
    <li class="hl">Link
    ...
    So müsste das glaub ich gehen.

  5. #5
    Meister(in)
    Themenstarter

    Registriert seit
    11.10.2006
    Beiträge
    299
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Vielen Dank, DarkSyranus,

    so hatte ich das auch gehabt und es hat nicht funktioniert. Nach deinem Posting habe ich meinen Quelltext nochmal angeschaut und siehe da - es hat sich ein Rechtschreibfehler eingeschlichen

    Vielen Dank!
    Questionmark


  6. #6
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Zitat Zitat von K.C.
    ein menü macht man überhaupt nicht mit einer liste.
    Ich hab keine Ahnung wer du bist, aber du schreibst ziemlich viel Schrott.
    Bevor du solche Aussagen machst, solltest du dich vielleicht einmal etwas schlauer machen.


    @Questionmark

    Mann kann die List-Zeichen dafür benutzen, muß man aber nicht. Es hat sich bei vielen Usern so eingebürgert, genau wie die Aussage "keine Tabellen für Layouts verwenden". Komischerweise sagt niemand "List-Styles sind nicht für Navigationen vorgesehen", dabei ist beides gleich sinnvoll oder gleich unsinnig.

    So geht es ohne List-Styles (mal eben so aus dem Handgelenk, sollte hoffentlich klappen):
    Code:
    <html>
    <head>
    <title></title>
    <style type="text/css">
    <!--
    
    .navi a   &#123;
              display&#58;block;
              width&#58;150px;
              height&#58;22px;
              color&#58;#FFFFFF;
              background-color&#58;#005050;
              border&#58;1px solid #000000;
              line-height&#58;22px;
              margin&#58;1px;
              font-size&#58;13px;
              text-indent&#58;5px;
              &#125;
    
    .navi a&#58;hover   &#123;
              color&#58;#003030;
              background-color&#58;#BCD0BB;
              &#125;
    -->
    </style>
    </head>
    <body>
    <div class="navi">
    Testseite
    Testseite 2
    Testseite 3
    </div>
    </body>
    </html>
    Generell kannst du dir bei den Styles alles so anpassen, wie du es haben willst.

    G.a.d.M.

    Ronald

  7. #7
    Meister(in)
    Themenstarter

    Registriert seit
    11.10.2006
    Beiträge
    299
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    @ Ronald

    Vielen Dank für deinen Tipp, das sieht jetzt ungefähr so aus wie ich mir das vorgestellt habe

    Grüße,
    Questionmark


Ähnliche Themen

  1. hover
    Von gast im Forum Flash Forum
    Antworten: 1
    Letzter Beitrag: 24.10.2007, 09:30
  2. Hover
    Von Prinz im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 06.05.2007, 21:44
  3. a hover....
    Von Dark_Dog im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 11.04.2007, 16:50
  4. hover menü
    Von nessi im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 09.10.2006, 09:07
  5. Hover?
    Von im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 22.08.2004, 23:50

Stichworte

Berechtigungen

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