Hallo zusammen. Habe nun ein neues Problem :(
Aber seht das Bild selber an: Homepage (http://www.beepworld.de/memberdateien/members90/lucifer2509/mackcss.jpg)
Probleme sind folgende:
- Einmal die Linie, bzw. der Rand an der linken Seite neben den Bildern, bündig zu dem Trennstrich zwischen den Navileisten.
- Dann das Bild soll so verschoben werden, dass es oben mit dem oberen Ende der Navigation bündig ist.
Danke für eure Hilfe.
gruß luci
HIer noch der Quellcode:
<html>
<head>
<title>Rechtsanwalt</title>
<style type="text/css">
body { background-color:#F2E9E0;}
table {width:100%; }
a:link { font-weight:bold; color:white; text-decoration:none; }
a:visited { font-weight:bold; color:red; text-decoration:none; }
a:focus { font-weight:bold; color:green; text-decoration:underline; }
a:hover { font-weight:bold; color:silver; text-decoration:none; }
a:active { font-weight:bold; color:yellow; text-decoration:underline; }
#td2 {background-color:#B3455E; font:Arial; color:#FFFFFF; text-align:middle; vertical-align:middle; height:22px; width:150px; text-align:middle; padding-left:30px; }
#td {background-color:#9A0027; font:Arial; color:#FFFFFF; text-align:middle; vertical-align:middle; padding-left:30px; height:22px;}
#logo {background-color:#FFFFFF; padding:10px; height:22px; width:180px; vertical-align:top; text-align:right; background-color:#FFFFFF; }
#tdleft {width:200px; height:100%; vertical-align:top; text-align:middle; background-color:#F2E9E0;}
#tableleft { width:205px; height:750px;}
#rahmen {border-width:1px; border-style:thin; border-left-color:black; border-right-color:transparent; border-bottom-color:transparent; border-top-color:transparent; }
#td3 {height:100%; width:210px; }
#table { border-width:1px; border-style:bold; border-color:#000000; vertical-align:bottom; text-align:middle; }
#tabletd1 {background-color:#E2d3BE; height:22px; width:180px; border:1px; border-color:#FFFFFF;}
#tabletd2 {height:22px; width:180px; border:1px; border-color:#FFFFFF;}
#bilder {vertical-align:top; text-align:left; padding:5px;}
#tablein {background-color:#FFFFFF; }
</style>
</head>
<body>
<table border="0">
<tr cellpadding="5" >
<td id="td2" nowrap >Aktuelle Meldungen</td>
<td id="td" ><a href="Kanzlei.html">Kanzlei</a></td>
<td id="td" ><a href="Schwerpunkte.html">Schwerpunkte</a></td>
<td id="td" > <a href="Newsletter.html">Newsletter</a></td>
<td id="td" ><a href="Formulare.html">Formulare</a></td>
<td id="td" ><a href="Kosten.html">Kosten</a></td>
<td id="td" ><a href="Kontakt.html">Kontakt</a></td>
<td id="logo" rowspan="8"><img src="logomack.jpg" ></a>
</td>
</tr>
<tr>
<td id="tdleft" >
<table id="tableleft" >
<tr>
<td id="td3">
<div id="tabletd1" id="tabletd2"></div>
</td>
<tr>
</table>
<td id="bilder" ><img src="hand.jpg">
<br>
<img src="akten.jpg">
<br>
<img src="füller.jpg">
</td>
</table>
</body>
</html>