nicht angemeldet
Servus,
irgendwie bin ich zu doof heute dafür....
Das CSS...
#left-fixed-image {
vertical-align:top;
text-align:left;
margin-left: 0%;
padding-left: 0px;
}
Das HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<link rel="stylesheet" href="index.css" type="text/css">
<title>Titel</title>
</head>
<body>
<div align="left">
<table border="0" width="800" height="0" cellspacing="0" cellpadding="0">
<tr height="0">
<td align="left" valign="top" width="235" height="0">
<p align="left"><img src="images/top.jpg" width="220"
height="102" alt="top.jpg (18750 Byte)" align="top"></p>
</td>
<td width="565" height="0" valign="top" align="left"><img src="images/esw_logo.jpg"
alt="logo.jpg (22566 Byte)" width="698" height="102"></td>
</tr>
</table>
<table border="0" width="800" height="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table cellspacing="0" cellpadding="0" height="0" width="220">
<tr>
<td width="220" colspan="3">
<img src="images/top_down_1.jpg" width="220"
height="98" alt="top_down_1.jpg (11732 Byte)"></td></tr>
<tr>
<td id=nav-border> </td>
<td id=nav-left> </td>
<td id=nav-right> </td>
</tr>
<tr>
<td id=nav-border> </td>
<td id=nav-lactiv>
<a href="unt.html">Unternehmen</a></td>
<td id=nav-right> </td>
</tr>
<tr>
<td id=nav-border> </td>
<td id=nav-left><a href="sen.html">Senertec</a></td>
<td id=nav-right> </td>
</tr>
<tr>
<td id=nav-border> </td>
<td id=nav-left><a href="pho.html">Photovoltaik</a></td>
<td id=nav-right> </td>
</tr>
<tr>
<td id=nav-border> </td>
<td id=nav-left><a href="was.html">Wasserkraft</a></td>
<td id=nav-right> </td>
</tr><tr>
<td id=nav-border> </td>
<td id=nav-left><a href="sch.html">Schaltanlagen</a></td>
<td id=nav-right> </td>
</tr>
<tr>
<td id=nav-border> </td>
<td id=nav-left><a href="kon.html">Kontakt</a></td>
<td id=nav-right> </td>
</tr>
<tr>
<td id=nav-border> </td>
<td id=nav-left> </td>
<td id=nav-right> </td>
</tr>
<tr>
<td id=nav-border> </td>
<td id=nav-foot colspan=2> <a href="index.html">home </a>
<a href="impressum.html">impressum </a><p>suchen <input type="text" name="T1" size="10">
go</td>
</tr>
<tr>
<td width="10" height="100"><br>
</td>
<td width="210" colspan="2" height="100"><small><font face="Arial"><br>
</font></small></td>
</tr>
</table>
</td>
<td id="left-fixed-image">
<img src="images/senertec_1.jpg" width="500" height="308" alt="xyz">
</td>
</tr>
</table>
So sieht das aus. Der Rest ist soweit ok wenn auch das HTML an der einen stelle noch etwas -> alt. Wird aber noch ins CSS übernommen.
Nur.... warum will das Bild nicht linksbündig?
Wenn ich folgendes mache, wandert das Bild dahin, wo ich es haben wollte.
<td>
<img src="images/senertec_1.jpg" width="500" height="308" alt="xyz" align="top"> <br><br><br><br><br><br><br><br><br>
</td>
Jetzt ist das Bild links bündig und sogar ganz oben.
Aber das kann nicht die feine Art sein.
Zumal je nach Browser entweder das Bil einen kleinen 1 pixel abstand zum oberen Bild hat bzw. die navigation eine Lücke aufweist.
Hat keiner eine Konkrete Idee?
Die ganzen ausrichtungen habe ich inzwischen druch aber man muss doch ein Element wie img einfach links und oben bündig platzieren können oder nicht?
Gruss Matze