nicht angemeldet
bgcolor im template
Hallo! Ich habe mit HTML ein Template geschrieben und habe noch zwei Probleme, bei denen ich alleine nicht weiterkommen.
Ich habe versucht, dass der hellblaue Hintergrund auf der website auf der linken Seite (vom wechselnden Text) und auf der rechten Seite (hinter den News) die komplette Spalte ausfüllt (height="100%"), aber ich habe das nicht hinbekommen. Außerdem hätte ich den Text auf der linken Seite gerne direkt unter dem Menü, aber mit valign="top" funktioniert es nicht.
Hier erst mal der Link zu der website für die das Template ist, damit ihr wisst, was ich meine: www.signet.co.nz
Und hier der code vom Template:
<html> <head> <title>ThePacific.net</title> <link rel="stylesheet" href="fileadmin/style.css" type="text/css"> </head> <body>
<!-- ###DOKUMENT### begin --> <table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#000000"><img src="clear.gif" width="1" height="1"></td> <td bgcolor="#000000"><img src="clear.gif" width="1" height="1"></td> <td bgcolor="#000000"><img src="clear.gif" width="1" height="1"></td> </tr> <tr> <td bgcolor="#000000"><img src="clear.gif" width="1" height="1"></td> <td width="100%">
<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0"> <tr> <td width="100%" height="100" bgcolor="#FFFFFF" valign="top" align="left"> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td align="left" width="215"> <img src="fileadmin/images/top_logo.gif"> </td> <td align="right" width="100%"> <img src="fileadmin/images/top_picture.gif"> </td>
</tr>
</table>
</td>
</tr> <tr> <td width="100%" valign="top" align="left"><img src="clear.gif" width="1" height="1"></td> </tr> <tr> <td width="100%" height="20" bgcolor="#2957A2" align="right" valign="middle"><small><img src="clear.gif" width="1" height="3"><br> <font face="Arial" size="1" color="#FFFFFF">###MENU_TOP###</font> <img src="clear.gif" width="20" height="1" align="middle"> </td> </tr>
</tr> <tr> <td width="100%" height="1" valign="top" align="left" bgcolor="FFFFFFF"><img src="clear.gif" width="1" height="1"> </td> </tr> <tr> <td width="100%" valign="top" align="left">
<table border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"> <tr> <td valign="top" align="left" width="160" bgcolor="#FFFFFF"> ###MENU_LEFT### </td> <td rowspan="2" valign="top" align="left" width="19"> <img src="clear.gif" width="19" height="1"> </td>
<td rowspan=2 valign="top" align="left" width="100%" height="600" bgcolor="#FFFFFF"> <form>
<br>###CONTENT###
</form>
</td> <td rowspan="2" valign="top" align="left" width="10" bgcolor="#FFFFFF"><img src="clear.gif" width="10" height="1"> </td> <td rowspan="2" valign="top" align="left" width="1" bgcolor="#2957A2"><img src="clear.gif" width="1" height="1"> </td>
<td rowspan="2" valign="top" align="left" width="200" bgcolor="#FFFFFF"> <table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"> <tr> <td valign="top" align="left" width="200" height="1" bgcolor="#2957a2"><img src="clear.gif" width="1" height="1"></td> </tr> <tr> <td valign="top" align="left" width="200" height="100%" bgcolor="#7EA3D0">###RIGHT### </td> </tr>
<!-- <tr> <td bgcolor="#2957A2" valign="top" align="left" width="200" height="1"><img src="clear.gif" width="200" height="1"></td> </tr> <tr> <td valign="top" align="left" width="200" bgcolor="#FFFFFF">###FREESPACE###<br> </td> </tr>-->
</table> </td> </tr> <tr> <td valign="top" align="left" width="160" height="100%" bgcolor="#7EA3D0"> ###RANDOM_TEXT### </td> </tr> </table> </td> </tr> <!-- <tr> <td width="100%" height="1" valign="top" align="left"><img src="clear.gif" width="1" height="1"> </td> </tr> --> <tr> <td bgcolor="#2957A2"><img src="clear.gif" width="1" height="2"></td> </td> </tr> <tr> <td valign="top" align="left" width="100%" height="100" bgcolor="#FFFFFF">
<br>###FOOTER###
</td> </tr> </table> </td> <td bgcolor="#000000"><img src="clear.gif" width="1" height="1"></td> </tr>
<tr> <td bgcolor="#000000"><img src="clear.gif" width="1" height="1"></td> <td bgcolor="#000000"><img src="clear.gif" width="1" height="1"></td> <td bgcolor="#000000"><img src="clear.gif" width="1" height="1"></td> </tr> </table>
<!-- ###DOKUMENT### end -->
</body> </html>
Danke schon mal für alle Tips! Gruß Anja
-
Hi Anja,
schon mal mit dem Gedanken gespielt, alle Layout-Attribute in CSS umzusetzen? Das würde den Code moderner u. übersichtlicher machen und die Gestaltung vom Inhalt trennen.
Kennst Du die Tutorials Modern- u. Futuristic Template Building und verwendest die Extension CSS Styled Content? Außerdem solltest Du Dir unbedingt das neue Buch kaufen: http://typo3.org/documentation/typo3-book/
freundlichen Gruß
Danny--
Selfcode: fo:) br:& n4:& ie:% mo:) va:| de:] zu:) fl:| ss:) ls:& ls:& js:|
Motto: OpenSource - Das Wissen der Menschheit gehört der Welt!