Barthez
Hi Leute,
ich möchte links eine Grafik haben und rechts Text ... das klappt auch ganz gut (bei Fehlern im folgenden Code bitte unbedingt posten)
<html>
<head>
<title>Testseite</title>
<meta name="author" content="Sascha">
</head>
<b><font><br /><h1><img src="images/index_skyscraper.gif" width="100" height="800" align="left" vspace="10" hspace="20" alt="Aktionsfläche">Textüberschrift</h1>
<p>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text</p>
</body>
</html>
Wie schaffe ich es nun auf die linke Grafik mehrere kleine zu legen ... das index_skyscraper.gif, soll also der Untergrund für andere Grafiken sein?
Hoffe ich habe mich nicht allzu doof ausgedrückt ... ich danke für Eure Zeit!
Indeep
in dem du die "linke Grafik" als Background legst, damit kannste die andere grafik dann normal drüberlegen
Barthez
danke sehr
ok es geht jetzt alles ... wie schaffe ich es die Bilder die auf der Backgroundgrafik liegen vertikal auszurichten? Sie liegen zwar drauf fangen aber erst recht weit unten auf dem Background an ... deswegen ist die unterste Grafik auch schon nicht mehr auf dem Background drauf, sondern lapt unten über!
Hier nochmal der Code wie er jetzt ist
<table cellpadding="3" cellspacing="0" border="0">
<tr>
<td style=" width:100px; height:850px; background-image: url(images/index_skyscraper.gif); background-repeat:no-repeat">
<a href="link"><img src="images/index_1.gif" alt="index1.gif" border="0" width:50px; height:150px; vspace="3"></a>
<a href="link"><img src="images/index_2.gif" alt="index2.gif" border="0" width:50px; height:150px; vspace="3"></a>
<a href="link"><img src="images/index_3.gif" alt="index3.gif" border="0" width:50px; height:150px; vspace="3"></a>
<a href="link"><img src="images/index_4.gif" alt="index4.gif" border="0" width:50px; height:150px; vspace="3"></a>
<a href="link"><img src="images/index_5.gif" alt="index5.gif" border="0" width:50px; height:150px; vspace="3"></a>
</td>
<td valign="top">
<p><font size="+1">Textüberschrift</b></font></p
<p>Text</p>
</td>
</tr>
</table>
Donkman
ich weiss ja nicht wie weit das "recht weit unten" ist, aber mit dem
cellpadding="3" sagste deiner tabelle schon den inhalt 3px vom rand wegzusetzen.
Barthez
ja klar 3px horizontal ... ich bemängele aber die vertikale Ausrichtung ...
zu sehen ist das ganze unter [URL][/URL] auf der linken mittleren Seite ... da sind jetzt so kleine Bildchen drauf und die starten nicht oben wo der Background anfängt sondenr bestimmt 3 oder 4 cm zu weit unten und stehen deswegen auch über den Background nach unten über!.
ja ich weiß ist kein WBB "Problem", aber zu HTML paßte es hier eben grade und da ich weiß wie schnell und gut manchen hier helfen können habe ich mich entschlossen hier zu fragen!
Schweinebacke
Schreibe mal in die Zelle valign="top" mit rein oder in das css vertical-align:top;.
Die Tabelle sieht dann so aus:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
|
<table cellpadding="3" cellspacing="0" border="0">
<tr>
<td style=" width:100px; height:850px; background-image: url(images/index_skyscraper.gif); background-repeat:no-repeat; vertical-align:top;">
<a href="link?osCsid=536677d70386753584ff121a43e9928f"><img src="images/index_1.jpg" alt="CL-Sieger" border="0" width="94" height="150" vspace="3"></a>
<a href="link?osCsid=536677d70386753584ff121a43e9928f"><img src="images/index_banner.jpg" alt="SELLS-Shop.de" border="0" width="94"; height="300" vspace="3"></a>
<a href="link?osCsid=536677d70386753584ff121a43e9928f"><img src="images/index_2.jpg" alt="der Prototyp" border="0" width="94" height="150" vspace="3"></a>
<a href="link?osCsid=536677d70386753584ff121a43e9928f"><img src="images/index_3.jpg" alt="schottischer Meister" border="0" width="94" height="150" vspace="3"></a>
</td>
<td valign="top">
<p><font size="+1"><b>Ist SELLS der Rolls Royce unter den Torwarttextilien?</b></font></p
<p><b>Qualitativ ist SELLS mit Sicherheit eine Topmarke, die vor allem in England, Schottland und Wales von den dortigen Profitorhütern getragen wird.<br /><br />Der SELLS-Shop.de bringt diese Top-Marke nun nach Deutschland ohne übermässig lange Lieferzeiten, überzogene Preise, oder viel zu hohe Versandkosten!<br /><br />Zeigen Sie ihren Torwartkollegen und vor allem den gegnerischen Keepern und Stürmern, dass Sie sich mit diesem Topmaterial von der Masse abheben. Treten Sie mit mehr Selbstbewusstsein auf, immer nach dem Motto: "an mir musst Du erstmal vorbei".<br /><br />Adam Sells und Chris Taylor gründeten im November 2001 die Firma und Marke SELLS (SGP), die Grundidee war bei höchster Qualität auf die speziellen Bedürfnisse des modernen Torwarts einzugehen ... anschliessend ging alles ganz schnell:<br /><br />Schon im Februar 2002 trug der damalige Keeper von Charlton bei einer Liveübertragung des Meisterschaftsspiels gegen Middlesbrough Handschuhe der Marke SELLS.<br /><br />Im März 2002 wurde Celtic Glasgow schottischer Meister. Celtic Keeper Robert Douglas hebt die Meisterschale mit SELLS-Handschuhen in den Himmel!<br /><br />Im Mai 2005 gewinnt Jerzey Dudek den wichtigsten europäischen Vereinswettbewerb, die Champions League .. in SELLS-Handschuhen!<br />Noch im gleichen Monat gewinnen SELLS-Keeper alle 3 englischen Playoff-Pokale und Ronald Waterreus holt die schottische Meisterschaft ... allesamt in SELLS-Handschuhen!<br /><br /><br />Sollten Sie offene Fragen, Anregungen oder auch Kritik zu den SELLS Produkten, oder dem SELLS-Shop.de selbst haben melden Sie sich per <a href="mailto:support@sells-shop.de"><b>E-MAIL</b></a> oder rufen Sie mich einfach unter <b>02305 / 352652</b> an. Ich erwarte Ihren Anruf.<br /><br />Ihr Sascha Oezer<br />SELLS-Shop.de, spezialisiert auf Sells Goalkeeper Products.<br /><br /></b></p>
</td>
</tr>
</table> |
|
Die Größenangaben der Bilder habe ich gleich berichtigt.
Nicht so width:94px; height:150px;
Sondern so width="94" height="150"
Oder so style=" width:94px; height:150px;“
Den Rahmen um das Bild auf Null gesetzt. Da es ein Link ist, bekommt der eventuell sonst eine andere Farbe.