diedVIPs

html knowhow

Bilder mit DIV positionieren










Bilder mit DIV positionieren

Hier gibt die Hülle die Größe der Bilder an. Die Bilder haben eine Größe von 100%.

So sieht´s aus
Fehler
Einpflanzen
Düngen
Schneiden
Quellcode
<html>
<head>
<style type="text/css">Hier nichts</style>
</head>

<body>
<table cellpadding="3" cellspacing="0" style="width: 90%" align="center">
<tr><td class="auto-style39" valign="top" style="height: 33px;" colspan="4"><h3>Hier gibt die Hülle die Größe der Bilder an. Die Bilder haben eine Größe von 100%.</h3></td></tr>
<tr><td class="auto-style39" valign="top" style="height: 33px;" colspan="4"><strong>So sieht´s aus</strong></td></tr>
<tr><td valign="top" style="width: 25%" class="auto-style38"><div style="width: 80%; height: auto; background: #FCE8C9; padding:10px"><img src="../Bilder/HKhlogo.jpg" style="width:100%; height: inherit" alt="Fehler" /></div></td>
<td valign="top" style="width: 25%" class="auto-style38"><div style="width: 80%; height: auto; background: #FCE8C9; padding:10px"><img src="../Bilder/HKhlogo.jpg" style="width:100%; height:inherit" alt="Einpflanzen" /></div></td>
<td valign="top" style="width: 25%" class="auto-style38"><div style="width: 80%; height: auto; background: #FCE8C9; padding:10px"><img src="../Bilder/HKhlogo.jpg" style="width:100%; height:inherit" alt="Düngen" /></div></td>
<td valign="top" style="width: 25%" class="auto-style38"><div style="width: 80%; height: auto; background: #FCE8C9; padding:10px"><img src="../Bilder/HKhlogo.jpg" style="width:100%; height:inherit" alt="Schneiden" /></div></td></tr>
</table>
</body>

</html>


Hier gibt es KEINE Hülle. Die Bilder sind nach wie vor 100% groß.

So sieht´s aus
Fehler Einpflanzen Düngen Schneiden
Quellcode
<html>
<head>
<style type="text/css">Hier nichts</style>
</head>

<body>
<table cellpadding="3" cellspacing="0" style="width: 90%" align="center">
<tr><td class="auto-style39" valign="top" colspan="4"><h2>Hier gibt es KEINE Hülle. Die Bilder sind nach wie vor 100% groß.</h2></td></tr>
<tr><td valign="top" style="width: 25%" class="auto-style38"><img src="../Bilder/HKhlogo.jpg" style="width:100%; height:auto" alt="Fehler" /></td>
<td valign="top" style="width: 25%" class="auto-style38"><img src="../Bilder/HKhlogo.jpg" style="width:100%; height:auto" alt="Einpflanzen" /></td>
<td valign="top" style="width: 25%" class="auto-style38"><img src="../Bilder/HKhlogo.jpg" style="width:100%; height:auto" alt="Düngen" /></td>
<td valign="top" style="width: 25%" class="auto-style38"><img src="../Bilder/HKhlogo.jpg" style="width:100%; height:auto" alt="Schneiden" /></td></tr>
</table>
</body>

</html>








Kontakt    Datenschutz    Impressum