Hintergrund in einer Tabelle
Mark Ferkaluk
- html
0 Robb0 Mark Ferkaluk0 Robb0 Mark Ferkaluk0 wahsaga0 Robb
Hi Leute,
ich sitze schon seit Tagen an einem Problem, was mich echt zum verzweifeln bringt...
Ich hoffe mir kann jemand weiterhelfen.
Hier erst mal der Code:
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="design_02.jpg" width="24" height="18"></td>
<td><img src="design_03.jpg" width="40" height="18"></td>
<td colspan="2" background="design_04.jpg" height="18"></td>
<td><img src="design_06.jpg" width="21" height="18"></td>
</tr>
<tr>
<td><img src="design_08.jpg" width="24" height="29"></td>
<td colspan="3" rowspan="3" background="design_09.jpg" style="background-repeat:no-repeat;" valign="top" bgcolor="529AE2"><br></td>
<td rowspan="3" background="design_14.jpg" width="21"></td>
</tr>
<tr>
<td background="design_12.jpg" width="24"></td>
</tr>
<tr>
<td><img src="design_17.jpg" width="24" height="18"></td>
</tr>
<tr>
<td><img src="design_18.jpg" width="24" height="25"></td>
<td><img src="design_19.jpg" width="40" height="25"></td>
<td background="design_20.jpg" width="100%" "height="25"></td>
<td><img src="design_22.jpg" width="43" height="25"></td>
<td><img src="design_23.jpg" width="21" height="25"></td>
</tr>
</table>
So, bei dem Bild "design_12.jpg" gibt es nun ein Problem. Ich will das es den restlichen Platz der Höhe der Tabelle einnimmt. Also sich einfach nach unten multipliziert wie jeder andere Hintergrund auch. Dies geschieht aber nicht.
Hat jemand ne Idee warum?
Danke im Voraus
Greez
Mark
Hallo Mark,
ersetz mal folgenden HTML Code
<td colspan="3" rowspan="3" background="design_09.jpg" style="background-repeat:no-repeat;" valign="top" bgcolor="529AE2"><br></td>
durch
<td colspan="3" rowspan="3" background="design_09.jpg" valign="top" bgcolor="red">
<img border="0" src="design_12.jpg" width="100%" height="52" align="left">
<td rowspan="3" background="design_14.jpg" width="21"></td>
Dann sollte es klappen
Gruß
Robb
Hallo Robb,
habe getan was du geasgt hast, aber irgendwie verschiebt mir es dann komplett alles...
Versteh auch nicht ganz wie das funktionieren soll. Ich will das "design_12" ja in der Höhe auf 100% bekommen und nicht in der Breite.
Das hier hilft vll es besser zu verstehen:
http://www.markferkaluk.de/enzkreis/
An den Boxen links soll eben noch der grüne Strich sein.
Greez
Mark
Hallo Mark,
hier ochmal der html code...
ich hoffe ich konnte dir jetzt weiterhelfen.
anssonsten bitte genau beschreiben was nicht stimmt...
gruß
robb
<html>
<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="design_02.jpg" width="24" height="18"></td>
<td><img src="design_03.jpg" width="40" height="18"></td>
<td colspan="2" background="design_04.jpg" height="18"></td>
<td><img src="design_06.jpg" width="21" height="18"></td>
</tr>
<tr>
<td><img src="design_08.jpg" width="24" height="29"></td>
<td colspan="3" rowspan="3" background="design_09.jpg" valign="top" bgcolor="#00FF00">
<img src="design_12.jpg" widht="100%" height="52" align="left"></td>
<td rowspan="3" background="design_14.jpg" width="21"></td>
</tr>
<tr>
<td colspan="2" height="100%"></td>
</tr>
<tr>
<td><img src="design_17.jpg" width="24" height="18"></td>
</tr>
<tr>
<td><img src="design_18.jpg" width="24" height="25"></td>
<td><img src="design_19.jpg" width="40" height="25"></td>
<td background="design_20.jpg" width="100%" "height="25">
<td><img src="design_22.jpg" width="43" height="25"></td>
<td><img src="design_23.jpg" width="21" height="25"></td>
</tr>
</table>
<p> </p>
</body>
</html>
Hi,
also ich hab jetzt mal genau das gemacht was du geschrieben hast. Ich weis nicht, ob du dir die Homepage gerade vorher angekuckt hast.
Kuck sie jetzt nochmal an, dann siehste, dass sich wieder alles verschoben hat.
http://www.markferkaluk.de/enzkreis
Ich möchte einfach, dass "design_12.jpg" eine Höhe von 100% hat (Ist aber mit height="100%" nicht getan).
Kuck dir mal die anderen Boxen auf der Homepage an, dann weist du was ich meine (hoff ich ^^).
Greez
Mark
hi,
Kuck sie jetzt nochmal an, dann siehste, dass sich wieder alles verschoben hat.
</faq/#Q-19>
ist ehrlich gesagt kein wunder, wenn der browser da irgendwas anzeigt - es sind zahlreiche fehler in deinem code.
gruß,
wahsaga
Hi,
also die Seite ist ja mal ein Witz...die bemängelt ja alles!
Ich konnte bei mir keinen Fehler finden. Auf sowas geb ich nix.
Trotzdem danke.
Greez
Mark
moin,
also die Seite ist ja mal ein Witz...die bemängelt ja alles!
eben
Ich konnte bei mir keinen Fehler finden. Auf sowas geb ich nix.
wie meinst du das, du konntest keinen fehler finden? dann unterschiedet sich dein verständnis von html ganz schon von dem des allmächtigen validators.
er zeigt mir jede menge fehler an. wenn du die beseitigst, löst sich dein problem (fast) von ganz allein.
das layout könnte ja ganz nett aussehen, wenn es so angezeigt würde, wie ich denke, dass du es meinst.
F.
Hi,
der Validator zeigt die "Fehler" an, weil sie anscheinend nicht der Norm von dem XHTML Dokument entsprechen.
Macht aber keinen Unterschied ob ich das jetzt so mach wie er es sagt oder so lasse.
Der kann mir ja nicht erzählen, dass es keine "top-" oder "leftmargin" gibt.
Weiterhin sind die meisten angezeigten "Fehler" die Close-Tags von <td>. Die brauch ich aber wegen der Übersichtlichkeit.
Aber wie gesagt das ändert nix an dem Problem das ich habe...
Ich versteh einfach nicht warum er das Bild "design_12.jpg" nicht nach unten multipliziert, obwohl es ein Hintergrund ist.
Greez
Mark
hi,
der Validator zeigt die "Fehler" an, weil sie anscheinend nicht der Norm von dem XHTML Dokument entsprechen.
ja.
Der kann mir ja nicht erzählen, dass es keine "top-" oder "leftmargin" gibt.
doch, und ob ich kann.
du möchtest dich über CSS informieren, und formatierungen _ausschießlich_ damit realisieren.
Weiterhin sind die meisten angezeigten "Fehler" die Close-Tags von <td>. Die brauch ich aber wegen der Übersichtlichkeit.
nein, es sind die _fehlenden_ schließenden tags.
dass du die der übersichtlichkeit halber weglässt, willst du ja jetzt wohl nicht behaupten?
darüber hinaus zeigt die menge an fehlern ja, dass du bereits jetzt keine übersicht mehr _hast_.
gruß,
wahsaga
Macht aber keinen Unterschied ob ich das jetzt so mach wie er es sagt oder so lasse.
wenn es für dich keinen unterschied macht, dann bitte aber nicht das forum, deinen falschen code zu korrigieren.
Der kann mir ja nicht erzählen, dass es keine "top-" oder "leftmargin" gibt.
macht er aber doch. da lässt er sich von dir nix vorschreiben.
Weiterhin sind die meisten angezeigten "Fehler" die Close-Tags von <td>. Die brauch ich aber wegen der Übersichtlichkeit.
???
F.
Hi Mark,
versuche es jetzt mal mit diesem html code..
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="design_02.jpg" width="24" height="18"></td>
<td><img src="design_03.jpg" width="40" height="18"></td>
<td colspan="2" background="design_04.jpg" height="18"></td>
<td><img src="design_06.jpg" width="21" height="18"></td>
</tr>
<tr>
<td><img src="design_08.jpg" width="24" height="29"></td>
<td colspan="3" rowspan="3" background="design_09.jpg" style="background-repeat:no-repeat;" valign="top" bgcolor="529AE2"> <table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<th valign="top">
Login </th>
</tr>
<tr>
<td>
<form action="index.php" method="post" name="login" >
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
Benutzername <br />
<input name="username" type="text" class="inputbox" alt="username" size="10" />
<br />
Passwort <br />
<input type="password" name="passwd" class="inputbox" size="10" alt="password" />
<br />
<input type="checkbox" name="remember" class="inputbox" value="yes" alt="Remember Me" />
Angemeldet bleiben <br />
<input type="hidden" name="option" value="login" />
<input type="submit" name="Submit" class="button" value="Anmelden" />
</td>
</tr>
<tr>
<td>
<a href="index.php?option=com_registration&task=lostPassword">
Passwort vergessen? </a>
</td>
</tr>
</table>
<input type="hidden" name="op2" value="login" />
<input type="hidden" name="lang" value="germani" />
<input type="hidden" name="return" value="/enzkreis/" />
<input type="hidden" name="message" value="0" />
</form>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
Noch kein Account? <br /> <a href="index.php?option=com_registration&task=register">
Hier erstellen </a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br></td>
<td rowspan="3" background="design_14.jpg" width="21"></td>
</tr>
<tr>
<td background="design_12.jpg" width="24"></td>
</tr>
<tr>
<td height="230"><img src="design_17.jpg" width="24" height="233"></td>
</tr>
<tr>
<td><img src="design_18.jpg" width="24" height="25"></td>
<td><img src="design_19.jpg" width="40" height="25"></td>
<td background="design_20.jpg" width="100%" "height="25"></td>
<td><img src="design_22.jpg" width="43" height="25"></td>
<td><img src="design_23.jpg" width="21" height="25"></td>
</tr>
</table>
Hi,
die Idee hatte ich auch schon, einfach ne feste Höhe zu nehmen. Aber das ganze muss dynamisch bleiben....
Eigentlich find ich in meinem Code auch keinen Fehler, dass muss doch so gehn, oder?
Greez
Mark