Ergebnis 1 bis 8 von 8

Thema: Rollover-Link soll Hintergrundfabe ändern

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

    Standard Rollover-Link soll Hintergrundfabe ändern

    Hallo,

    ich habe hier einen div-Bereich mit einem Link. Beim rollover über den Link sollen die Linkfarbe und die Hintergrundfarbe ausgetauscht werden.

    aktuell: Link: gelb, Hintergrund: rot
    rollover: Link rot, Hintergrund: gelb

    <div id="Layer1" style="background-color: #f00; width:100%; height:100%;">
    <a href="link.php" style="color: #ff0;">link</a>
    </div>

    Wie mach ich das am besten??

    Die div-Box soll bildschirmfüllend sein, das geht noch nicht mit der Höhe, aber das ist dann ein anderes Problem.

    Danke!
    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
    Azubi(ne)
    Registriert seit
    30.03.2008
    Ort
    localhost
    Beiträge
    51
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Code:
    a:link{
    color:yellow;
    background-color: red;
    
    a:hover{
    color: red;
    background-color:yellow;
    Die div-Box soll bildschirmfüllend sein, das geht noch nicht mit der Höhe, aber das ist dann ein anderes Problem.
    http://www.ohne-css.gehts-gar.net/0025.php
    Geändert von HighFlyer (19.08.2008 um 19:30 Uhr)

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    01.04.2007
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Danke HighFlyer!

    Funktioniert bei mir nur leider nicht, die Änderung der Hintergrundfarbe bezieht sich ja da nur auf den Link, nicht auf die ganze Div-Box.

  4. #4
    Azubi(ne)
    Registriert seit
    30.03.2008
    Ort
    localhost
    Beiträge
    51
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Wofür brauchst du den div um den Link bzw. wie soll dein Layout des Links/divs genau aussehen?

  5. #5
    gelöschter User
    Gast

    Standard

    ok das ist kein problem

    Code:
    #Layer1 {
    background-color: yellow;
    color:red;
    }
    
    #Layer1 div:hover{
    color:yellow;
    background-color: red;
    }
    so sollte es funktionieren
    ich habe deinem Layer1 nochmal die Farbe und die hintergrund Farbe definiert kannste ja wieder löschen falls dus nicht brauchst

    mfg

  6. #6
    Azubi(ne)
    Registriert seit
    30.03.2008
    Ort
    localhost
    Beiträge
    51
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    @Josi: Ich glaube nicht, dass der div überhaupt notwendig ist für das Vorhaben. Bei deiner Lösung würde ich dem Link noch ein display:block hinzufügen.

  7. #7
    gelöschter User
    Gast

    Standard

    wenn suse28 das nu mit nem div machen will hab ich ihr hingeschrieben wies mit div geht

  8. #8
    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

    Also ich habs jetzt mal so gemacht wie aus dem ersten Post gelsen, bin zwar ein wenig verwundert über Sinn und Zweck der Sache, aber egal.
    Außerdem wollte ich schon lange mal das html-Tag ausprobieren

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <!-- page title -->
            <title>Link</title>
            
    
            <!-- simple stylesheet -->
            <style type="text/css">
                body, html
                {                
                    height: 100%;
                    margin: 0px;
                    padding: 0px;
                    
                }
                
                #overallLink
                {
                    background-color: red;
                    color: yellow;
                    display: block;
                    height: 100%;
                }
                
                #overallLink:hover
                {
                    background-color: yellow;
                    color: red;
                }
            </style>
        </head>
    
        <body>
            <a href=#" id="overallLink">Link</a>
        </body>
    </html>

Ähnliche Themen

  1. Link im frame soll zwei verschiedene Frames ändern,
    Von kupferdach im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 25.06.2008, 00:41
  2. EIn Link soll 2 Frames ändern??
    Von blueberlin im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 23.11.2006, 15:39
  3. link farbe soll sich ändern!
    Von b2act im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 16.01.2006, 23:40
  4. Rollover und Aktiver Link
    Von Luca im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 01.08.2004, 15:10
  5. Button ändern beim Anklicken Rollover-Effekt
    Von Phill im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 3
    Letzter Beitrag: 03.05.2004, 15:55

Stichworte

Berechtigungen

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