Einzelnen Beitrag anzeigen
  #10 (permalink)  
Alt 10.07.2011, 14:09
gaby gaby ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.03.2006
Beiträge: 387
gaby sorgt für eine eindrucksvolle Atmosphäre
Standard

PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd"
>
<
HTML>

<
HEAD>
<
TITLE>Hover und Positionieren in Tabellenzelle</TITLE>
<
META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<
STYLE type="text/css">


body {
    
margin0;
    
padding0;
    
font-family Verdanasans-serif;
    
font-size:100.01%;
    
background-color:#e1e1e1;   }




table  {
     
background-color:#eee;
     
width:100%;
     
border0.4em ridge #ccc;  }

td  {    
    
positionrelative
    
width180px
    
background-coloryellow
 }
     

td .tab {
    
positionrelative
    
height100%;
    
width100%;
    
border2px dotted red;
    }

td div:hover {
   
background-colorred }


</
STYLE>
</
HEAD>

<
BODY>

<
div style="width: 400px; margin: auto;  border: 1px solid;">



<
table>
<
tbody>
    <
tr>
        <
td
            <
div class="tab"
                <
divNIKE AIR MAX </div>
                <
div style="position: absolute; top: 0; right: 0;"60€ </div>
            </
div>
        </
td>
    </
tr>
</
tbody></table>

</
div>

</
body>
</
HTML
Das "div:hover" wird aber in älteren IEs nicht funktionieren.

Geändert von gaby (10.07.2011 um 14:12 Uhr)
Mit Zitat antworten
Sponsored Links