Ergebnis 1 bis 6 von 6

Thema: html-Navigation mit auftauchendem Bild

  1. #1
    Teeny
    Registriert seit
    12.11.2006
    Ort
    Esslingen
    Beiträge
    20
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard html-Navigation mit auftauchendem Bild

    Hallo!

    Ich möchte eine Navigation machen mit normalen HTML-Textlinks. Aber als Besonderheit hätte ich gerne bei Mouseover ein kleines Bild, das UNTER dem Textlink erscheint (so wie man mit HTML die Farbe des Textlinks bei Mousover verändern kann). Wie realisiere ich so etwas? Oder weiß jemand schon eine fertige Navigation, die diese Idee realisiert?.

    Danke!

    archaja
    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
    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

    Das geht mit css.

    Code:
    <html>
    <head>
    <style type="text/css">
    .hoverlink&#58;hover &#123;
    background-image&#58;url&#40;'url_des_hoverbildes'&#41;;
    &#125;
    </style>
    </head>
    <body>
    ...
    ???
    ...
    </body>
    Müsste so gehen, wenn ich mich nicht vertippt habe.

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    12.11.2006
    Ort
    Esslingen
    Beiträge
    20
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hallo!
    Bin noch nicht wirlich weiter. Was verstehst Du unter "url_des_hoverbildes"? Ich habe den Bildnamen eingegeben und es auch mit einem Grafiklink versucht. Tat beides nicht.
    Es ergibt sich auch die Frage, wo sich das Bild positioniert (es sind ja keine "Ortsangaben" vorhanden.
    Danke. P.S. Habe Deine Seite besucht, sieht schick aus. Aber Du bist Deiner Zeit ganz schön voraus, wenn Du Dich seit dem 24.12.2006 mit Webdesign beschäftigst!archaja,

  4. #4
    Teeny
    Registriert seit
    11.11.2006
    Ort
    Winterthur (CH)
    Beiträge
    35
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi

    Du hast geschrieben, du willst das Bild UNTER dem Text haben,

    UNTEN im Sinn von: vorne -- hinten
    oder
    UNTEN im Sinn von: oben -- unten

    ??

    hier ist ein Link im Sinne von oben -- unten:

    http://www.css4you.de/trickkiste/tr00022.html


    und hier ein Link im Sinne von vorne -- hinten:

    http://www.css4you.de/trickkiste/tr00023.html
    (anstatt der Hintergrundfarbe nimmst du einfach dein HintergrundBILD!)


    Ich hoffe, ich konnte dir helfen!!
    Gruss

    K.C.

  5. #5
    Teeny
    Themenstarter

    Registriert seit
    12.11.2006
    Ort
    Esslingen
    Beiträge
    20
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hallo!

    oben-unten. Das möchte ich gerne. Von dem her ist der erste Link genau richtig. Aber es funzt nicht. Ich habe mir das jetzt in Opera und in Firefox angeschaut, aber der Text: "Hier steht mehr zu den Hyperlinks" ist immer sichtbar. Ich habe dann mal meinen Link rein und das Bild das ich möchte:

    <title>Links mit zusätzlichen Informationen</title>
    <style type="text/css">
    p,div .info{
    <html><head>
    <title>Links mit zusätzlichen Informationen</title>
    <style type="text/css">
    p,div .info{
    font-family:Verdana;
    font-size:12px;
    color:#000000;
    font-weight:normal;
    }
    div a {
    display:block;
    float:left;
    margin-right:15px;
    width:100px;
    text-align:center;
    }

    a .info{visibility:hidden;}

    a:hover .info{visibility:visible;}
    </style>

    </head><body>

    <div>
    <a href="start.html">Hyperlink 1
    <span class="info">


    [img]laby.jpg[/img]</span></a>


    <a href="#">Hyperlink 2
    <span class="info">


    Hier steht mehr zu Hyperlink 2</span></a></p>
    <a href="#">Hyperlink 3
    <span class="info">


    Hier steht mehr zu Hyperlink 3</span></a>
    <a href="#">Hyperlink 4
    <span class="info">


    Hier steht mehr zu Hyperlink 4</span></a>
    </div>

    </body>
    </html>

    Aber es geht nicht. Dabei ist es genau das, was ich will.

    Gruss Archaja

  6. #6
    Teeny
    Themenstarter

    Registriert seit
    12.11.2006
    Ort
    Esslingen
    Beiträge
    20
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hallo!

    Nehme alles zurück. Habe einen Kopierfehler gemacht, wie man oben sehen kann. Blöde Hektik!
    Es funktioniert! Vielen Dank, war genau das, was ich wollte.

    archaja

Ähnliche Themen

  1. HTML Bild
    Von Maria im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 14.11.2006, 13:46
  2. HTML Problem - Navigation !!
    Von Masterfummel im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 15.07.2005, 14:54
  3. Bild per CSS in Html Integrieren?????
    Von DaMaster im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.06.2005, 15:34
  4. bild mit der endung .html
    Von castor im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 16.05.2005, 18:58
  5. rechte navigation welche html befehle?
    Von dinosaurs im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 05.05.2005, 20:16

Stichworte

Berechtigungen

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