danke littlecloud und roland,
eure hinweise haben mir sehr weitergeholfen. ich hatte zwar vorher auch schon gelesen, dass die verwendung von tabellen wie bei mir sehr unsauber ist, wusste aber nicht recht weiter.
Naja, jetzt hat es auf jeden fall geklappt, auch wenn ich mit margin und nicht mit padding gearbeitet habe damit hover nur anschlägt wenn ich auch wirklich auf dem div bin.
Vielen Dank noch einmal euch beiden 
MfG
ruedi
Hallo,
ich bin HTML Neuling und weiss leider nicht weiter 
Ich möchte 4 div-elemente (Inhalt: img + text) mit Hilfe einer Tabelle zentriert ausrichten. Leider sieht alles recht verzehrt aus :-/ :
[Blockierte Grafik: http://s1.directupload.net/images/130629/vncgqjoa.jpg]
Die Border ist nur da, um kenntlich zu machen das etwas nicht stimmt.
der Code ist:
<table id="navigation_info" border="1" cellpadding="0" width="800" height="200">
<tr>
<td align="center">
<div class="transparenz auswahl_2">
<a style="text-decoration: none;" href="#"><img src="img/info_test_1.png" alt="Lebenslauf Daniel Rüdiger"><br>Lebenslauf</a>
</div>
</td>
<td align="center">
<div class="transparenz">
<a style="text-decoration: none;" href="#"><img src="img/info_test_2.png" alt="Kenntnisse Daniel Rüdiger"><br>Kenntnisse</a>
</div>
</td>
<td align="center">
<div class="transparenz">
<a style="text-decoration: none;" href="#"><img src="img/info_test_3.png" alt="Interessen Daniel Rüdiger"><br>Interessen</a>
</div>
</td>
<td align="center">
<div class="transparenz">
<a style="text-decoration: none;" href="#"><img src="img/info_test_3.png" alt="SWOT Daniel Rüdiger"><br>SWOT</a>
</div>
</td>
</tr>
</table>
CSS ist:
.transparenz {
text-decoration: none;
border: 0;
width: 80px;
height: 80px;
font-size: 14px;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
opacity: 0.6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 */
filter: alpha(opacity=60); /*IE7 und kleiner*/
}
.transparenz:hover {
opacity: 1.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.auswahl_2 {
opacity: 1.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100
Habe schon einiges ausprobiert, was jetzt nicht mehr drin steht. Kann mit bitte jemand helfen??
Vielen Dank im Voraus!
ruedi
