Seite 1 von 1
Design mit Tabellen , wie schreibe ich jetzt dadrauf ?
Verfasst: 06.04.2006 19:19
von DsMagic
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 ?
Verfasst: 06.04.2006 19:26
von Pato
du willst eine Schrieft auf die Tabelle machen? Geht das vielleicht einwenig genauer?
Sers Pato
Verfasst: 06.04.2006 19:34
von DsMagic
Also ich habe das Design fertig . Jetzt möchte ich halt meine Hompage machen . Also auf dem Design Bilder ,die Schrift und scripts drauf tun .
Verfasst: 06.04.2006 19:40
von chriss713
Wie hast Du denn das Tabellendesign erstellt? Von Hand zu Fuß mit (X)HTML oder mit irgendeinem Programm/Tool?
Hast Du die Seite schon irgendwo online? Würde mir das mal gerne anschauen, weiß nämlich nicht so recht, was Du meinst und wo genau Dein Problem liegt.
Verfasst: 06.04.2006 19:49
von DsMagic
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>
Verfasst: 06.04.2006 20:13
von Spezial
DsMagic hat geschrieben:Also Online ist es noch nicht aber der Code lautet
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.
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

Verfasst: 06.04.2006 20:20
von DsMagic
Ok , thx . Hatt mir geholfen ^^