Tabellen
Benjamin
- html
Hallo erstmal,
hier meine Frage
Auf dem Sreenshot seht ihr den momentanen Stand. Nun würde ich gerne in den schwarzen Rahmen (mit PS eingefügt) meinen Text schreiben. Werd ich Evtl noch etwas nach unten schieben.
Aber wie bekomme ich da noch ne Tabelle hin??
Hab auch schon versucht die Zellen der Anderen Tabelle zu verbinden aber das wird nicht so richtig.
Hier der HTML Code
<html>
<head>
<title>Schorle4Life - Party on</title>
<meta name="author" content="Benjamin">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body text="#ffffff" bgcolor="627AA0" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<font face="Verdana" size="10">
<table width="100%">
<colgroup>
<col width="4*">
<col width="2*">
<col width="1*">
</colgroup>
<tr>
<td></td>
<td><div align="center"><img src="../Eigene Bilder/Schorle4Life/webgrafik.jpg" width="525" height="118" border="0" alt=""></div> </td>
<td></td>
</tr>
</table>
<br>
<div align="center"><table border="1" width="75%">
<tr>
<td><img src="Grafiken/button_home.jpg" width="100" height="30" border="0" alt=""></td>
</tr>
<tr>
<td><img src="Grafiken/Button Fotos.jpg" width="100" height="30" border="0" alt=""></td>
</tr>
<tr>
<td><img src="Grafiken/Button Guestbook.jpg" width="100" height="30" border="0" alt=""></td>
</tr>
<tr>
<td><img src="Grafiken/Button Events.jpg" width="100" height="30" border="0" alt=""></td>
</tr>
<tr>
<td><img src="Grafiken/Links.jpg" width="100" height="30" border="0" alt=""><a href=""></td>
</tr>
</table>
</div>
</body>
</html>
hi,
Aber wie bekomme ich da noch ne Tabelle hin??
was willst du mit _noch einer_ tabelle? in deinem code sind doch jetzt schon zwei zu viel ...
-> tabellen sollten nicht zu layout-zwecken missbraucht werden, sie dienen zur darstellung tabellarischer daten.
aber zu deinem problem:
hast du evtl. schon mal dran gedacht, eine tabelle mit mehr als einer spalte zu verwenden? dann könntest du die menübuttons in die linke packen, und den inhalt in die mittlere.
damit du in der mitte eine durchgängige spalte hast, und nicht so viele wie du bei den buttons zeilen hast, setze rowspan ein.
gruß,
wahsaga
Erstmal Danke für deine Antwort
Also was würdest du dann für Layout-Zwecke vorschlagen? Frames soll zuviele Nachteile haben. Welche Möglichkeiten gibts denn noch?
Das mit buttons in die linke test in die rechte SPalte:
Wenn ich alle buttons in die linke spatle packe sitzten sie ja zu eng aufeinander und wenn ich abstände rein mache, also zeilenumbrüche, hab ich die beim Text auch. Und das sieht doof aus.
Das mit rowspan (also Zellenverbinden) hab ich auch versucht aber nicht so richtig hinbekommen.
Also was würdest du mir vorschlagen?
hi,
Also was würdest du dann für Layout-Zwecke vorschlagen? Frames soll zuviele Nachteile haben. Welche Möglichkeiten gibts denn noch?
semantisch _sinnvolles_ HTML - <hX> für überschriften, <p> für textabsätze, <ul><li> für (link-)listen, etc.
formatiert wird das ganze dann _ausschließlich_ über CSS - float & co. sind tolle dinger :-)
ein paar beispiele für einfache spalten-layouts findest du z.b. unter http://glish.com/css/.
Das mit buttons in die linke test in die rechte SPalte:
Wenn ich alle buttons in die linke spatle packe sitzten sie ja zu eng aufeinander und wenn ich abstände rein mache, also zeilenumbrüche,
nein, "abstände" bitte nicht mit "zeilenumbrüchen" machen. abstände sind auch _aussehen_ der seite, also auch über CSS zu realisieren - stichwort margin/padding.
hab ich die beim Text auch. Und das sieht doof aus.
nein, nicht wenn du in der mitte nur eine "zeile" machst - mit rowspan eben.
Das mit rowspan (also Zellenverbinden) hab ich auch versucht aber nicht so richtig hinbekommen.
dann war da wohl noch irgendwas falsch ...
Also was würdest du mir vorschlagen?
dich intensiv mit CSS zu beschäftigen.
und ja, das erfordert eine längere lernphase - aber es lohnt sich.
gruß,
wahsaga
Danke dir,
für deine Ideen, ich werde es vorab mal noch mit den Tabellen lassen, bis ich mich dann in css eingearbeitet hab. Gibts da auch gute Deutsche Seiten dafür??
Englisch ist nicht ganz so meine Stärke. Oder ist es in SelfHTML auch schon dabei?
MfG
hi,
Gibts da auch gute Deutsche Seiten dafür??
Englisch ist nicht ganz so meine Stärke.
http://css.fractatulum.net/ ist ein beispiel, was mir da jetzt einfällt.
Oder ist es in SelfHTML auch schon dabei?
selfhtml beschränkt sich eher auf die erklärung der zur verfügung stehenden CSS-eigenschaften. wie man diese sinnvoll kombiniert, um etwas aufwendigere effekte zu erreichen, lässt sich darin aber nur kaum herauslesen.
gruß,
wahsaga