Hi,
@lay-z-cow hat dir doch schon gesagt, wie es zu lösen ist. Benutze statt vieler CSS-Selektoren eine CSS-Klasse, um die gewünschten Eigenschaften zuzuweisen.
CSS-Klasse:
HTML-Ausschnitt:
Ciao
Quaese
@lay-z-cow hat dir doch schon gesagt, wie es zu lösen ist. Benutze statt vieler CSS-Selektoren eine CSS-Klasse, um die gewünschten Eigenschaften zuzuweisen.
CSS-Klasse:
Code:
.hideBox{
height: 100px;
width: 100px;
border: 1px solid grey;
background-color: lightgrey;
margin:5px 0 0 25px; /* Aussenabstand oben-rechts-unten-links */
}
Code:
<td>
<div class="transON" onmouseover="this.className='transOFF'" onmouseout="this.className='transON'">
Tux in action...<br>
<a href="#" onclick="editbox(1)" style="float:left;">edit</a>
<div id="layer1" class="hideBox" style="visibility:hidden;" onmouseout="editbox(1)">link</div>
</div><!-- </div> IST IN JEDER ZELLE ZUVIEL -->
</td>
<td>
<div class="transON" onmouseover="this.className='transOFF'" onmouseout="this.className='transON'">
Tux in action...<br>
<a href="#" onclick="editbox(2)" style="float:left;">edit</a>
<div id="layer2" class="hideBox" style="visibility:hidden;" onmouseout="editbox(2)">link</div>
</div>
</td>
Quaese