Grafik mit Tabellen einfügen???
lucas
- html
0 Zeromancer0 lucas
hi,hab ein problem: ich soll auf ein mir vorgelegtes design content machen. die gfx ist so aufgebaut,dass oben ein banner quer verläuft (banner.jpg) und drunter eben der content teil (content.jpg). nun soll der banner natürlich direct am contentteil sein (cellpadding und spacing 0) und auf den contentteil sollen verkleinerte bilder sein,die auf die großen verweisen... bis dahin alles ok: hab folgenden code geschrieben:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Julius´ Geburtstag</title>
</head>
<body>
<div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" valign="top">
<tr>
<td>
<img src="banner.jpg" width="100%" align="center" valign="top">
</td>
</tr>
</div>
<div>
<table border="0" cellpadding="4" cellspacing="0">
<tr>
<td>
<img src="content.jpg" width="100%" height="*" align="center" valign="top">
</td>
</tr>
<h1 align="center">HAPPY BIRTHDAY TO YOUUUU!</h1>
<p align="center">Hey, also hier findet ihr einige Fotos von Julius und seinen Rabaukenfreunden ;) Werd mich bemühen, den Rest auch bald reinzustellen!!!</p>
<div align="center">
<tr>
<td align="center"><a href="chillingG.jpg"><img src="chillingG.jpg" width="150" height="113" border="0" alt="chilling"></a></td>
<td align="center"><a href="tischG.jpg"><img src="tischG.jpg" width="150" height="113" border="0" alt="Geburtstagtisch"></a></td>
<td align="center"><a href="essenG.jpg"><img src="essenG.jpg" width="150" height="113" border="0" alt="Essen"></a></td>
<td align="center"><a href="ellaG.jpg"><img src="ellaG.jpg" width="150" height="113" border="0" alt="Die Ella"></a></td>
<td align="center"><a href="groggieG.jpg"><img src="groggieG.jpg" width="150" height="113" border="0" alt="Annette ist fertig..."></a></td>
</tr><tr>
<td align="center"><a href="nettiG.jpg"><img src="nettiG.jpg" width="150" height="113" border="0" alt="Miss Elli"></a></td>
<td align="center"><a href="haremG.jpg"><img src="haremG.jpg" width="150" height="113" border="0" alt="Julius´ Harem"></a></td>
<td align="center"><a href="muedeG.jpg"><img src="muedeG.jpg" width="150" height="113" border="0" alt="Nun werden sie MUUEEEDE"></a></td>
<td align="center"><a href="saubermannG.jpg"><img src="saubermannG.jpg" width="150" height="113" border="0" alt="?!"></a></td>
<td align="center"><a href="blurryG.jpg"><img src="blurryG.jpg" width="150" height="113" border="0" alt="Unser Held!"></a></td>
</tr>
</table>
</div>
</body>
</html>
nur wird es nix: der banner ist ok,streckt sich auch mit etc...dann kommt aber der text völlig unproportioniert,darunter der content.jpg,der völlig verschwommen ist,weil es superheftig langgestreckt ist und darunter die kleinen bildchen/links... was mach ich denn falsch??? geht das überhaupt mit layouttabellen??? oder nur mit css??? mit frames hab ichs auch nicht schön hinbekommen... need help.danke im vorraus
Hallo lucas,
<td>
<img src="banner.jpg" width="100%" align="center" valign="top">
</td>
ein erster Schritt: Gib den Bildern mal eine vernünftige Höhe und Breite ohne Einheiten. (vgl. http://de.selfhtml.org/html/grafiken/einbinden.htm)
Mit freundlichen Grüßen
André
Hallo lucas,
<td>
<img src="banner.jpg" width="100%" align="center" valign="top">
</td>ein erster Schritt: Gib den Bildern mal eine vernünftige Höhe und Breite ohne Einheiten. (vgl. http://de.selfhtml.org/html/grafiken/einbinden.htm)
Mit freundlichen Grüßen
André
ne,genau das will ich ja nicht,denn dann wird der banner nicht kompatibel für verschiedene darstellungseinstellungen der user.. sprich er ist dann nur für 800x600 user geeignet... wills ja aber variabel haben... deshalb die 100% ...
Hallo,
ne,genau das will ich ja nicht,denn dann wird der banner nicht kompatibel für verschiedene darstellungseinstellungen der user.. sprich er ist dann nur für 800x600 user geeignet... wills ja aber variabel haben... deshalb die 100%
dann denke erst einmal um! Validiere deine Geschichte, beseitige die Fehler und schraube deine Ansprüche mit diesem Konzept zurück. Du hast fehlerhaften Quelltext und erwartest eine fehlerfreie Darstellung?
File: test.html
Encoding: utf-8
No Character Encoding Found! Falling back to UTF-8.
I was not able to extract a character encoding labeling from any of the valid sources for such information. Without encoding information it is impossible to reliably validate the document. I'm falling back to the "UTF-8" encoding and will attempt to perform the validation, but this is likely to fail for all non-trivial documents.
Mit freundlichen Grüßen
André