Zitat:
Zitat von Manfred62
@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>