• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabellen vereinfachen

Status
Für weitere Antworten geschlossen.
F

Frieden

Neues Mitglied
Hallo meine Freunde ich bin es euer Lieblingsgast, Topa, aber ich komme diesmal in Frieden. :wink:

Ich will mir ein Layout machen für meine Seite. Nun habe ich das PRoblem das ich mit Tabellen Arbeite, kann mir jemand einen besseren Tipp geben? Ich will das in entwa so haben :
tabellen.GIF


kann mir jemand helfen?

Bisher habe ich folgendes Ergebniss:

Code: 
<!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>Unbenanntes Dokument</title>
</head>

<body>
<table width="800" height="776" border="1">
  <tr>
    <td><table width="791" height="506" border="0">
      <tr>
        <td width="127" valign="top"></td>
        <td width="515"></td>
        <td width="127"></td>
      </tr>
    </table></td>
  </tr>
</table>

</body>
</html>
 
Code: 
<table>
	<tr>
		<td>
			

Navi</p>
		</td>
		<td rowspan="2">
			

Text, Text, Text....</p>
		</td>
		<td rowspan="2">
			

News</p>
		</td>
	</tr>
	<tr>
		<td>
			

Logo</p>
		</td>
	</tr>
</table>
 
ich hab auch noch was, nur n bisschen länger...

Code: 
<table width="800" height="536" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="150" valign="top">
	<table width="150" height="537" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="269" valign="top">
        <ul>
          [*]Navi
          [*]Navi
          [*]Navi
          [*]Navi
          [*]Navi
        [/list]
        </td>
      </tr>
      <tr>
        <td align="center" valign="top">
		<form name="form1" method="post" action="">
          <input type="text" name="textfield">
          <input type="text" name="textfield">
          <input type="submit" name="Submit" value="Log In">
		</form>
        </td>
      </tr>
    </table>
	</td>
    <td width="500" valign="top">
	<table width="500" height="536" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="137" align="center" valign="top"><h1 class="Stil1">LOGO</h1></td>
      </tr>
      <tr>
        <td valign="top"><span>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</span></td>
      </tr>
    </table>
	</td>
    <td width="150" valign="top">

Nachrichten:</p>
    <div style="border: 1px solid #000000;">
	  



	  & nbsp;

	  & nbsp;

	  & nbsp;

	  & nbsp;

	  & nbsp;</p>
    </div>
	</td>
  </tr>
</table>
 
Hallo,

Code: 
<div style="border:1px solid #000000; text-align:center;">
    <div style="width:20%; float:left;">
        <div style="width:100%; height:50%; border-bottom:1px solid #000000;">Hier soll die Navi sein</div>
        <div style="width:100%; height:50%;">Hier soll ein Log in feld sein</div>
    </div>
    <div style="width:60%; height:100%; float:left; border-left:1px solid; border-right:1px solid">Irgendwo hier soll das Logo sein


               TEXT</div>
    <div style="width:20%; height:100%; float:left;">Hier stehen Aktuelle sachen....</div>
</div>


Liebe Grüße,
L.T.M
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben