HTML brauche hilfe bei tabellenlayout

R4id3r · 2. März 2009

Hallo !!

Ich habe da ein kleines Problem mit Tabellen. --> siehe Anhang.

Und zwar würde ich gerne unter Navigation einige Links hinzufügen..

aber wenn ich ein weiteres <td> dazugebe wird das layout zerstört....

Quellcode:

<body>

<table width="980" border="1" cellpadding="3" cellspacing="0" id="table">
<tr>

<td valign="top" height="100" colspan="2" ><img src="logo.jpg" alt="logo.jpg"></td>
</tr>

<tr>

<td id="Menü" width="150" height="443" valign="top" bgcolor="#CCCCCC">Navigation</td>

hier sollten eigentlich die weiteren links dazukommen


<td id="Inhalt" width="600" valign="top" bgcolor="#F5F5F5">Inhalt</td>
</tr>

</body>

Ich komm einfach nicht drauf.... -.- help me

greetz

mcmaurice · 2. März 2009

machs bloss per css, webseiten per tables zu formatieren ist grauenhaft veraltet...

Schnidi · 2. März 2009

Zwischen <td> und </td> steht der Text für die jeweilige Zelle. Mit weiteren Zellen zerlegt es dir natürlich deine Tabelle, denn eine Zelle in einer Zelle geht nicht (sehr wohl aber eine Tabelle in einer Zelle).
Wenn ich dich richtig verstehe, brauchst du etwa so:

Code:

<body>
   <table width="980" border="1" cellpadding="3" cellspacing="0" id="table">
       <tr>

               <td valign="top" height="100" colspan="2" >
                       <!-- Logo und Werbebanner -->
                        <img src="logo.jpg" alt="logo.jpg">
               </td>

      </tr>

      <tr>

              <td id="Menü" width="150" height="443" valign="top" bgcolor="#CCCCCC">
                        <!-- Das Menü -->
                        Navigation<br><br>
                        Link<br>
                        Link<br>
              </td>

              <td id="Inhalt" width="600" valign="top" bgcolor="#F5F5F5">
                        <!-- Der Inhalt-->
                        Inhalt
              </td>

     </tr>

</body>

NaTaS77 · 2. März 2009

nicht nur das. es ist auch sehr schlecht zu programieren

mach es mit css!

also div tags und css

R4id3r · 2. März 2009

Danke für die Antworten!wer ich gleich mal ausprobieren

PW-toXic · 2. März 2009

Raider du solltest dir dringend CSS aneignen, denn damit geht das ganze viel einfacher!
Der Code ist ja schrecklich.

Wie bist du denn darauf gekommen das mit tables zu machen?

Erstmal musst du deine ganzen Layout Informationen in ein CSS auslagern:

HTML:

<link rel="stylesheet" type="text/css" href="/css/style.css" />

das fügst du in den header ein

in deiner HTML datei machst du folgendes:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="de-DE">
<head>
<title> ---- HIER DEINEN TITEL EINFUEGEN --- </title>

<link rel="stylesheet" type="text/css" href="style.css" />

</head>
<body>

<!-- this is a div for layout purposes -->
<div id="pageBox">
	<div id="banner"></div>
	<div id="menu">
		<a href="...">mein link</a>
	</div>
	<div id="content">
		<h1>Meine Überschrift</h1>
		<p>Mein Text</p>
	</div>
</div>
</body>
</html>

und in deiner CSS datei, die ich oben verlinkt habe machst du folgendes:

HTML:

#pageBox {
	margin: auto;
	border: 1px solid black;
	width: 750px;
	margin-top: 100px;
}

#banner {
	height: 100px;
	background: url(logo.jpg) no-repeat;
}


#menu {
	float: left;
	width: 150px;
	min-height: 443px;
	background: #CCCCCC;
	height: 443px;
}

#content {
	background: #F5F5F5;
	height: 443px;
}

Du solltest dir unbedingt ein CSS tutorial durchlesen, da du damit viel einfacher und schneller dein Layout erstellen kannst. Z.B. das hier:
http://www.w3schools.com/css/
Aber es gibt noch viele andere.

Wenn du möchtest, dass die Höhe von deinem Layout variabel ist, dann wird es leider ein klein wenig komplizierter, aber da du ja height=433 in deinem Layout angegeben hast, denke ich dass es statisch sein soll.

stna1981 · 2. März 2009

Da er kein Layout, sondern nur eine Liste von Links erzeugt, kann er das auch mit Tabellen machen. Bloß ganze Layouts mit Tabellen oder die Ausrichtung von Elementen sind pfui. Für tabellenartige Inhalte darf und soll man auch weiterhin Tabellen verwenden. Sicher kann mans auch mit CSS machen, hat seine Vorteile, wenn man damit umgehen kann. Er sollte aber vorher erstmal die grundlegenden HTML-Konstrukte beherrschen, bevor er zu CSS geht.

PW-toXic · 2. März 2009

Man ey, in den einen Thread verteidige ich wie blöd die Tabelle, und hier muss ich dafür kämpfen, dass man sie nicht einsetzt ;(
Verzweiflung macht sich breit

Was Raider hier macht ist ganz klar ein Tabellen Layout an einer Stelle wo es in keinster Weise sinn macht. Und dass das Tabellen Layout offensichtlich doch nicht ganz so einfach ist, zeigt sich ja dadurch, dass er hier im Forum fragen muss

Wenn es jemand schafft mit Tabellen sein Layout umzusetzen und damit glücklich ist, und keinen Bedarf daran hat mit Zusatzaufwand irgendetwas daran zu ändern, dann soll das so sein.

Aber hier wird nach Hilfe gesucht, und man hilft ihm, indem man ihm die einfachere Lösung zeigt, und nicht die schwieriegere versucht zu erklären.

stna1981 · 2. März 2009

Ich habe Tabellen nicht verteidigt, sondern lediglich darauf hingewiesen, dass Tabellen nicht per se schlecht sind, so wie es oft dahingestellt wird. Sie haben schon ihre Daseinsberechtigung. Außerdem sollte dir - sofern du meinen Beitrag ganz gelesen hast - nicht entgangen sein, dass ich CSS auch für den besseren Weg halte.

PW-toXic · 2. März 2009

https://www.computerbase.de/forum/threads/warum-tabellen-zum-layouten-besser-sind.554996/
Na dann schau doch mal bei gelegenheit bei diesem Thread vorbei

Suche

HTML brauche hilfe bei tabellenlayout

R4id3r

Cadet 4th Year

Anhänge

mcmaurice

Ensign

Schnidi

Ensign

NaTaS77

Lt. Commander

R4id3r

Cadet 4th Year

PW-toXic

Lieutenant

stna1981

Commander

PW-toXic

Lieutenant

stna1981

Commander

PW-toXic

Lieutenant

Ähnliche Themen