Tabelle

[Kreativcolor]

Guten Tag, Hilfe ich weiß nicht weiter. Kann mir bitte jemand helfen? Ich habe eine normale Tabelle erstellt und habe dabei rechts immer einen wesentlich dickeren Rand . Wie kann ich den wegbekommen?
Zu sehen auf: www.kasperkiste-Dresden.de
Vielen dank! Mari

 

[igestalten]

Deshalb sind Tabellen nicht fürs Layouten gedacht...

setze mal border="0" und stattdessen einen ordentlichen Rahmen mit style="border:1px solid #000;"

<table cellspacing="0" cellpadding="0" border="0" align="center" width="950" bordercolorlight="#268e0b" style="border: 1px solid #000;">

Im Übrigen sind da noch etliche Fehler im HTML:
http://validator.w3.org/check?verbose=1&uri=http://www.kasperkiste-dresden.de/

 

[Kreativcolor]

hallo "igestalten", ganz lieben dank für die schnelle antwort. und es funktioniert auch. der breite rand ist weg ) vielen vielen dank. aber warum nimmt man keine tabellen mehr für`s layouten? ich habe vor ca. 10 jahren mal einen lehrgang gemacht, da hat man uns das so beigebracht. wie macht man das jetzt. ich betreibe das nur als hobby. vielen dank auch für den "fehlerlink". aber die fehler , die da rot gekennzeichnet sind, sind eigentlich gar nicht da :-( oder verstehe ich das system nicht?
vielen dank mari

 

[Kreativcolor]

hmm, habe bei genauerem hinschauen bemerkt, dass da natürlich alle linien weg sind zwischen den einzelnen button und die farbe kann man wohl nun so auch nicht mehr bestimmen? danke für deine antwort

 

[igestalten]

vor 10 Jahren waren Tabellen leider das Layoutmaß aller Dinge - inzwischen hat sich allerdings der Grundsatz der Trennung von Inhalt und Layout durchgesetzt (zumindest sollte das bei professionellem Webdesign so sein).

Das bedeutet innerhalb des HMTL Gerüstes befindet sich nur der reine Inhalt. Hier ist auf eine semantisch korrekte Auszeichnung zu achten.
Überschrift = <h1>,<h2>,<h3>,..
Listen = <ul>,<ol>,<li>,...
Absatz = <p>
usw.
Tabellen würden in diesem Zusammenhang für die tabellarische Darstellung von Daten benutzt werden (und eben nicht fürs Layouten).

Das Layout (Farben, Schriftgrößen, Hintergründe, Abstände, Positionierung, ...) übernimmt ein Stylesheet (CSS).

Der große Vorteil ist - du kannst das Design und Layout jederzeit ohne Eingriff in den Inhalt ändern ( Paradebeispiel war der "CSS Zengarden" - ich weiss gar nicht, ob es die Seite noch gibt - dort wurde das gleiche HTML Gerüst mit komplett unterschiedlichen Layouts und Designs versehen, so das die Seite jedesmal anders aussieht.)
Anwedungsbeispiel: Der Kunde möchte "die Box mit den News lieber auf die linke Seite und die Schrift überall etwas größer"...
In Tabellen müsstest du nun auf zig Seiten das Tabellenlayout umbauen und alle deine FONT-Angaben ändern.
Mit CSS wären das ein paar Zeilen Code.

Ich würde also Grundlagenrecherche HTML + CSS empfehlen (Google hilft bestimmt). Mit Vorkenntnissen in HTML ist das eigentlich kein Hexenwerk.

Nochmal zu deinem Beispiel:

<table cellspacing="0" cellpadding="0" border="0" style="border: 1px solid #000; text-align:center; width:950px;">

Die (gesamte) Tabelle bekommt einen Rahmen in 1px Dicke mit der Farbe #000 (=schwarz). Genauso kannst du auch einzelne Tabellenzellen ansprechen.

<td style="width:150px; padding:10px; border:5px ridge #f00;">

Am besten beschäftigts du dich auch mit CSS Selektoren und dem Auslagern von CSS Angaben. So lassen sich auch Änderungen für die gesamte Tabelle, alle Zellen oder den gesamten Text erreichen.

Die Fehler im Validator zu berücksichtigen macht schon Sinn. (Bsp. "there is no attribute "BORDERCOLORLIGHT" - bedeutet, das es das verwendete Attribut gar nicht gibt) - so vermeidet man z.B. fehlerhafte Darstellung in verschiedenen Browsern und kommt dahinter, was sonst so nicht stimmt.

Letztendlich geht es natürlich auch mit Tabellen - aber mit "Webdesign" hat das halt wenig gemeinsam

In einschlägigen Foren (wo ein bischen mehr los ist als hier, gibt es auch gute Linklisten für den Einstieg) - Viel Spass!