Tabellen/spalten
#1
geschrieben 13. Juni 2005 - 11:45
also will links und rechts quasi spalten haben wo ich links habe. So in etwa wie es auf winfuture.de ist
<3 Adblock
Anzeige
#2
geschrieben 13. Juni 2005 - 12:25
Zitat
<tr>
<td>TEXT</td>
</tr>
</table>
so vlt? was ist genau dein problem?
#3
geschrieben 13. Juni 2005 - 12:39
Zitat (Meatwad: 13.06.2005, 13:25)
<{POST_SNAPBACK}>
Das ergibt keinen Sinn was du da hast

Aber es stimmt schon: Mit der Beschreibung kann man nicht viel anfangen.
#4
geschrieben 13. Juni 2005 - 13:18
news, news archiv usw.
sowas möchte ich machen
<3 Adblock
#5
geschrieben 13. Juni 2005 - 13:31
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Deine Seite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="100%" border="0" cellspacing="0">
<tr>
<td width="768">
<table width="100%" border="0" cellspacing="0">
<tr>
<td align="center">Header</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0">
<tr valign="top">
<td width="150" height="500">Links</td>
<td height="500">Mitte</td>
<td width="150" height="500">Rechts</td>
</tr>
</table></td>
<td> </td>
</tr>
</table>
</body>
</html>
Dieser Beitrag wurde von quix bearbeitet: 13. Juni 2005 - 13:33
#6
geschrieben 13. Juni 2005 - 13:34
#7
geschrieben 13. Juni 2005 - 13:38
Zitat (stefanra: 13.06.2005, 14:34)
<{POST_SNAPBACK}>
Ich denke wenn er das mit den Tabellen nicht mal hinbekommt, sollte er mit divs garnet erst anfangen...
Hier mal noch ein link wie man ein Framless-Design erstellt (mit Tabellen und PHP):
Frameless
#8
geschrieben 13. Juni 2005 - 14:17
<html>
<head>
<title>Tabelle</title>
<style type="text/css">
#leftcol {
float:left;
width:200px;
}
#rightcol {
margin-left:250px;
}
</style>
</head>
<body>
<div id="leftcol">
Linke Spalte
</div>
<div id="content">
Rechte Spalte (Inhalt)
</div>
</body>
</html>
Zitat
Einsicht ist der erste Weg zur Besserung

Dieser Beitrag wurde von Floele bearbeitet: 13. Juni 2005 - 14:23
#9
geschrieben 13. Juni 2005 - 15:52
<3 Adblock
#10
geschrieben 13. Juni 2005 - 15:58
Zitat (linksta: 13.06.2005, 16:52)
<{POST_SNAPBACK}>
Besser ist das von Floele... vorausgesetzt du bekommst das hin.
Demonstration was mit CSS und DIV's so alles möglich ist:
ZenGarden
#11
geschrieben 13. Juni 2005 - 16:48
Ich habe hier mal ein Beispiel mit drei Containern nebeneinander (links Navigation, mitte Inhalt und rechts noch Menu):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Seitentitel</title>
<link rel="stylesheet" type="text/css" media="screen" href="style.css">
</head>
<body>
<div id="leftmenu">
<div>
<!-- Links -->
</div>
</div>
<div id="rightmenu">
<div>
<!-- Rechts -->
</div>
</div>
<div id="content">
<!-- Inhalt -->
</div>
</body>
</html>
Dann die CSS-Datei:
#leftmenu
{
float:left;
width:18%;
text-align:left;
}
#leftmenu div
{
min-height:150px;
text-align:left;
margin-bottom:25px;
padding:5px;
border:1px solid #000;
background:#FFF;
}
#rightmenu
{
float:right;
width:18%;
text-align:right;
}
#rightmenu div
{
min-height:150px;
text-align:center;
margin-bottom:25px;
padding:5px;
border:1px solid #000;
background:#FFF;
}
#content
{
min-height:500px;
margin:0% 20%;
padding:10px;
border:1px solid #000;
background:#FFF;
text-align:center;
}
Dann kannst du noch für den body ein padding von oben und unten 2% und rechts links noch 5%, das sieht dann optimal aus

Erstens durch Nachdenken: Das ist der Edelste.
Zweitens durch Nachahmen: Das ist der Leichteste.
Drittens durch Erfahrung: Das ist der Bitterste.
(Konfuzius)
#12
geschrieben 13. Juni 2005 - 18:05
Dieser Beitrag wurde von linksta bearbeitet: 13. Juni 2005 - 18:33
<3 Adblock
#13
geschrieben 13. Juni 2005 - 18:42
Zitat (linksta: 13.06.2005, 19:05)
<{POST_SNAPBACK}>
Na, das steht ja schon oben...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Seitentitel</title>
<link rel="stylesheet" type="text/css" media="screen" href="style.css">
</head>
<body>
<div id="leftmenu">
<div>
<!-- Links -->
</div>
</div>
<div id="rightmenu">
<div>
<!-- Rechts -->
</div>
</div>
<div id="content">
<!-- Inhalt -->
</div>
</body>
</html>
Ich habe jetzt hier HTML-Kommenare verwendet, da kannst du aber den Inhalt rein (z.B. anstatt <!-- Inhalt -->).
Erstens durch Nachdenken: Das ist der Edelste.
Zweitens durch Nachahmen: Das ist der Leichteste.
Drittens durch Erfahrung: Das ist der Bitterste.
(Konfuzius)