Html Tabellen

W

weau

0
Moin zusammen!

und zwar schlage ich mich gerade mit folgendem problem rum (bis dato habe ich nur mit dw (wysiwyg) gearbeitet - nun möchte ich gerne mit vi eine homepage erstellen.

alles soweit easy, ich stoße da nur schnell auf ein problem und zwar bei folgendem codestück :

Code: 
<center>
<table border =1>
<tr><td><img src="banner.png" width="728" height="90" border="0" alt=""></td></tr>
<tr><td><A href="ich.html">Ich</A></td><td>Linux</td><td>C++</td><td>GB</td></tr>
<tr><td>Wichtig : INHALT > DESIGN !!!!!</td></tr>
</table>
</center>

Alles super easy - Oben wird zentriert mein banner angezeigt
darunter kommt eine spalte mit einer art menü jetzt kommt nur mein problem, die zeile Ich wird solange gestreckt, bist der banner zu ende ist also 728 ...
wie kann ich das ändern?

LG,weau
 
ich vermute mal du meinst die 2. tablerow die sich streckt.

das ist logisch. die tabellenbreite (und somit halt die breite für <tr> orientiert sich an der breitesten tablerow. wenn sich deine einträge verschieben musst du einfach noch leere felder einfügen
 
Code: 
<center>
<table border="1">
<tr><td colspan="4"><img src="banner.png" width="728" height="90" border="0" alt=""></td></tr>
<tr><td><A href="ich.html">Ich</A></td><td>Linux</td><td>C++</td><td>GB</td></tr>
<tr><td  colspan="4">Wichtig : INHALT > DESIGN !!!!!</td></tr>
</table>
</center>

colspan macht, dass eine Zelle mehrere Spalten gross sein kann (klick!). Center würde ich ausserdem nichtmehr verwenden, es wird als deprecated eingestuft, d.h., es ist überflüssig und sollte eigentlich besser nichtmehr verwendet werden
 
Ich würde nicht mal Tabellen verwenden. Angenommen du fügst in einem Jahr einen neuen Menüpunkt hinzu und wunderst dich dann, dass das Logo nicht auch über diesem neuen Punkt steht ... :) Zweiter Grund dafür auf Tabellen zu verzichten: die nutzt man nicht mehr um das Grundgerüst von Webseiten zu erstellen. Statt dessen nimmt man vermehrt div's die mit CSS formatiert werden. Gibt auch mehr Gestaltungsmöglichkeiten ;)

Beispiel:
Code: 
<div style="text-align: center;width: 100%;">
<div style="text-align: center;width: 100%;"><img src="logo.gif" alt="" /></div>
<div style="width: 100%;"><a href="1.html">Menue 1</a><a href="2.html">Menue 2</a><a href="3.html">Menue 3</a></div>
<div>Contentbereich</div>
</div>
 
Ich rate auch ganz dringend zu divs, zumal sich dort Formatierung und Inhalt schön trennen lassen.
(Du gibst deinen divs kategorien, und wenn du das Design ändern willst, änderst du nur das css für das div der entsprechenden kategorie...schu's dir mal an, es lohnt sich.
 
vorher hat das dreamweaver immer schön alles selber gemacht ^^
jetzt muss man das alles selber machen?
welche tools nutzt ihr für linux für html so ?
 
Geb ich dir recht, evtl. versuchst du mal NVU. Aber mit WYSIWYG ist das immer so ne Sache...ich hab noch nie wirklich sauberen Code rauskommen sehen, den man freudig per hand feintrimmt. Eher steht am Anfang immer eine mühsame händische Kosmetik..
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben