unsichtbarer Tabellenrand

Status
Nicht offen für weitere Antworten.

Pacific

Grünschnabel
an folgendem Script werde ich noch blöd :(
kann mir vielleicht jemand helfen?

ich möchte, dass wenn man über die zelle färbt, diese
von einem tabellenrand umrandet wird, sich aber der
text darin natürlich NICHT verschiebt .....

wär cool wenn jemand wüsste wie das geht ;-)





<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>Willkommen bei Adobe GoLive 5</title>
<style type="text/css">
<!--


.td-over {border-width:1px; border-style:groove; border-color:#000000; cursor: hand; border-collapse:collapse;}
.td-out { }

.zelle {border-width:1px; cellpadding:10px; cellspacing:5px; border-collapse: collapse; this.layer.visibility:hidden;}

.1 { font-face: geneva, verdana, tahoma, arial; padding-left: 10px;}

-->
</style>

</head>

<body bgcolor="#ffffff">
<table cellpadding="1" cellspacing="2">
<tr height="30">
<td class="zelle" onmouseover="this.className='td-over'" onmouseout="this.className='td-out'" height="30" width="70"><font class=1>xx</td>
<td height="30" width="15">xx</td>
<td height="30" width="15">xx</td>
</tr>
<tr height="30">
<td class="zelle" onmouseover="this.className='td-over'" onmouseout="this.className='td-out'" height="30" width="70"><font class=1>xx</td>
<td height="30" width="15">xx</td>
<td height="30" width="15">xx</td>
</tr>
<tr height="30">
<td class="zelle" onmouseover="this.className='td-over'" onmouseout="this.className='td-out'" height="30" width="70"><font class=1>xx</td>
<td height="30" width="15">xx</td>
<td height="30" width="15">xx</td>
</tr>
</table>
<p></p>
</body>

</html>
 
Wenn der Hintergrund eine einfarbige Fläche ist würde ich einfach einen Border in der selbigen Farbe einfügen, und nur die Farbe per "mouseover" anpassen...
 
Geb der td via CSS im Falle, dass kein Rahmen vorhanden ist einen margin: Wert von 1px. Kann sein, dass das bei einer td nicht funktioniert, dann ist die Idee nichtig.
Wenn es jedoch geht, machst du bei einem MouseOver über eine Funktion
1) den margin Wert auf 0
2) die border-width auf 1px
Und beim MouseOut wieder rückwärts.

Müsstest du mal probieren.
 
Status
Nicht offen für weitere Antworten.
Zurück