Design mit Tabellen , wie schreibe ich jetzt dadrauf ?

DsMagic · Beitrag von **DsMagic** » 06.04.2006 19:19

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 ?

Pato · Beitrag von **Pato** » 06.04.2006 19:26

du willst eine Schrieft auf die Tabelle machen? Geht das vielleicht einwenig genauer?

Sers Pato

DsMagic · Beitrag von **DsMagic** » 06.04.2006 19:34

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 .

chriss713 · Beitrag von **chriss713** » 06.04.2006 19:40

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.

DsMagic · Beitrag von **DsMagic** » 06.04.2006 19:49

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>

Spezial · Beitrag von **Spezial** » 06.04.2006 20:13

DsMagic hat geschrieben:Also Online ist es noch nicht aber der Code lautet
Code: Alles auswählen
...

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

DsMagic · Beitrag von **DsMagic** » 06.04.2006 20:20

Ok , thx . Hatt mir geholfen ^^