Einzelnen Beitrag anzeigen
  #23 (permalink)  
Alt 10.07.2011, 23:33
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

Zitat:
Zitat von Manfred62 Beitrag anzeigen
@gaby
zu deinem Beispiel-Code. Der geht auch deutlich einfacher..
Code:
td  {     
    width: 180px; 
    background: yellow;
    border: 2px dotted red;
    }
    
td span {
    float: right;
    }
    
td:hover {
   background: red;
   }

<table>
<tbody>
    <tr>
        <td> 
         NIKE AIR MAX <span> 60€ </span>
        </td>
    </tr>
</tbody>
</table>
Manfred
Stimmt, das ist viel einfacher als mein Vorschlag, aber eine kleine Änderung würde ich dennoch machen, um die Darstellung browserübergreifend zu bekommen.

Das 'float' rutscht laut Screenshot-Service im IE-7 und IE-6 in die nächste Zeile.
Wenn man das Float nach vorne setzt, passt es auch in diesen Browsern.

Code:
<td> 
     <span> 60€ </span>  NIKE AIR MAX 
</td>
Mit Zitat antworten