Grafiken auf backgroundgrafik positionieren?
Admin
- html
0 Fanny
Hallo Forum,
ich möchte demnächst einen osCommerce-Onlineshop eröffnen. Ich versuche im Moment etwas am Design zu spielen und habe auf der Startseite auf der linken Seite eine backgroundgrafik eingefügt auf der ich später interne Werbegrafiken und Verlinkungen einbauen will ... leider schaffe ich es nciht die Grafiken vernünftig auf der Backgroundgrafik zu platzieren ...
Oben soll ein Abstand von 3px bleiben und dann sollen direkt die kleinen Werbegrafiken anfangen ... aber weder das klappt noch die zentrierte Platzierung der Grafiken auf der Grafik ...
hier mal der Quellcode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>
<body>
<table cellpadding="4" cellspacing="0" border="0">
<tr>
<td style=" width:100px; height:800px; background-image: url(images/index_skyscraper.gif); background-repeat:no-repeat">
<table cellpadding="0" cellspacing="0" border="0"><div align="center">
<img src="images/index_1.gif" alt="index1.gif" border="0" width:98px; height:150px; vspace=3>
<img src="images/index_2.gif" alt="index2.gif" border="0" width:98px; height:150px; vspace=3>
<img src="images/index_3.gif" alt="index3.gif" border="0" width:98px; height:150px; vspace=3>
<img src="images/index_4.gif" alt="index4.gif" border="0" width:98px; height:150px; vspace=3>
<img src="images/index_5.gif" alt="index5.gif" border="0" width:98px; height:150px; vspace=3></div>
</td>
</table>
<td valign="top">
<h1>Textüberschrift</h1>
<p>Text</p>
</td>
</tr>
</table>
</body>
</html>
Hie der Link zum Problemshop:
http://www.sells-shop.de
ich danke Euch für Eure Hilfe!
Hi,
1. Diese Zeile:
<table cellpadding="0" cellspacing="0" border="0">
hat da nix zu suchen.
2. Die Angabe:
width:98px; height:150px;
geht so nicht. Doppelpunkte brauchst Du für Style-Sheeds. Hier musst Du "=" einsetzen, wie bei den anderen angaben auch.
3. Willst Du's nicht lieber gleich mit CSS realisieren...?
Ciao, Fanny