Design mit Tabellen , wie schreibe ich jetzt dadrauf ?
Design mit Tabellen , wie schreibe ich jetzt dadrauf ?
Hi , ich bin anfänger in sachen design . Ich hab jetzt mal ein design mit Tabellen gemacht . Das ist 1 HTML datei . Aber wie kann ich das jetzt machen das ich da die Schrift drauf bekomme ?
Also Online ist es noch nicht aber der Code lautet
Code: Alles auswählen
<!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>TEst</title>
</head>
<body background="1.gif" topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">
<table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td width="25"><img src="blauer_kasten/blue_ul.gif" width="25" height="30" border="0" alt="" /></td>
<td width=""><img src="blauer_kasten/blue_u.gif" width="100%" height="30" border="0" alt="" /></td>
<td width="25"><img src="blauer_kasten/blue_ur.gif" width="25" height="30" border="0" alt="" /></td>
</tr>
<tr>
<td width="25"><img src="blauer_kasten/l.gif" width="25" height="55" border="0" alt="" /></td>
<td width=""><img src="blauer_kasten/m.gif" width="100%" height="55" border="0" alt="" /></td>
<td width="25"><img src="blauer_kasten/r.gif" width="25" height="55" border="0" alt="" /></td>
</tr>
<tr>
<td width="25"><img src="blauer_kasten/blue_dl.gif" width="25" height="30" border="0" alt="" /></td>
<td width=""><img src="blauer_kasten/blue_d.gif" width="100%" height="30" border="0" alt="" /></td>
<td width="25"><img src="blauer_kasten/blue_dr.gif" width="25" height="30" border="0" alt="" /></td
></table>
<br>
<br>
<br>
<table border="0" cellpadding="0" cellspacing="0" width="261%" >
<tr>
<td width="25"><img src="gelber_kasten/yellow_ul.gif" width="25" height="30" border="0" alt="" /></td>
<td width="105"><img src="gelber_kasten/yellow_u.gif" width="105" height="30" border="0" alt="" /></td>
<td width="180"><img src="gelber_kasten/yellow_ur.gif" width="25" height="30" border="0" alt="" /></td
>
<td width="25"><img src="blauer_kasten/blue_ul.gif" width="25" height="30" border="0" alt="" /></td>
<td width="1192"><img src="blauer_kasten/blue_u.gif" width="100%" height="30" border="0" alt="" /></td>
<td width="180"><img src="blauer_kasten/blue_ur.gif" width="25" height="30" border="0" alt="" /></td
>
<td width="290"><img src="news_kasten/habbo_today.gif" width="200" height="30" border="0" alt="" /></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="261%" >
<tr>
<td width="25"><img src="gelber_kasten/yellow_l.gif" width="25" height="300" border="0" alt="" /></td>
<td width="105"><img src="gelber_kasten/m.gif" width="105" height="300" border="0" alt="" /></td>
<td width="178"><img src="gelber_kasten/yellow_r.gif" width="25" height="300" border="0" alt="" /></td>
<td width="25"><img src="blauer_kasten/l.gif" width="25" height="300" border="0" alt="" /></td>
<td width="1158"><img src="blauer_kasten/m.gif" width="100%" height="300" border="0" alt="" /></td>
<td width="176"><img src="blauer_kasten/r.gif" width="25" height="300" border="0" alt="" /></td>
<td width="288"><img src="news_kasten/middle.gif" width="200" height="300" border="0" alt="" /></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="261%" >
<tr>
<td width="25"><img src="gelber_kasten/yellow_dl.gif" width="25" height="30" border="0" alt="" /></td>
<td width="105"><img src="gelber_kasten/yellow_d.gif" width="105" height="30" border="0" alt="" /></td>
<td width="176"><img src="gelber_kasten/yellow_dr.gif" width="25" height="30" border="0" alt="" /></td
>
<td width="25"><img src="blauer_kasten/blue_dl.gif" width="25" height="30" border="0" alt="" /></td>
<td width="1162"><img src="blauer_kasten/blue_d.gif" width="100%" height="30" border="0" alt="" /></td>
<td width="174"><img src="blauer_kasten/blue_dr.gif" width="25" height="30" border="0" alt="" /></td
>
<td width="288"><img src="news_kasten/habbo_today_bottom.gif" width="200" height="30" border="0" alt="" /></td>
</tr>
</table>
</body>
</html>
Wenn du willst, das auf einem Feld etwas steht, und im Hintergrund ein Bild ist machst du das Bild anstelle von <img> in den <td>-Tag im attribut background="". um die größe zu bestimmen kannst du dann auch noch width und height zum <td>-tag hinzufügen.DsMagic hat geschrieben:Also Online ist es noch nicht aber der Code lautetCode: Alles auswählen
...
Somit ist der inhalt zwischen <td> und </td> leer und du kannst dort reinschreiben was du willst. Beachte aber das wenn der Text größer als das Bild, also die zelle ist, das der Hintergrund dann wiederholt wird. Das kann man noch erweitert alles mit css einstellen...
hoffe das konnte dir helfen

Wenn Chuck Norris ins Wasser fällt, wird er nicht nass…aber das Wasser wird Chuck Norris.