Kompletter Anfänger- brauche Hilfe :(

[Josey]

Hi!
Vor einiger Zeit (ist ne Weile her) hab ich ein Buch gelesen- HTML für Anfänger.
Ich habe es auch gerade neben mir liegen, komme aber im Moment nicht weiter.
Ich hoffe, ihr könnt mir helfen.

Hier in diesem Forum: Wonderland gibt es da diese hübsche Tabelle, in der oben drin "Registrieren Login" usw steht und unten drin "Administrator Lilakäpchen" usw.
Das hier ist mein Forum, aber ich kriege keine so hübsche Tabelle gebacken. Ich bin froh, dass ich das Hintergrundbild einarbeiten konnte, und das Logo und die Forenfarben. Aber die Tabelle bekomme ich einfach nicht hin.
Golden Paradise
(Ich weiß, die Welt hat schon ein schöneres Logo gesehen, aber mit meinem kleinen, niedlichen Paint schaffe ich nichts so schönes, wie im Wonderland Forum)

Ich habe mich natürlich erstmal nach meinem HTMLbuch gerichtet, aber mehr als diesen grünblauen Krüppel bekomme ich nicht hin.
Ich habe folgenden Text in den Header eingegeben:
(<table style="background-color: 5F9EA0" border="1" cellspacing="0">
<tr><td>Ich versuche</td><td>die Tabelle</td>
</tr>
<tr><td>hinzukriegen, aber</td><td>es geht nicht</span></td>
</tr>
</table>)
So.
Kann mir jemand vielleicht den richtigen Code verraten? Gerne auch erst so, wie in dem Wonderlandforum, damit ich selbst sehen kann, wie es gemacht wurde und vielleicht etwas dazu lerne.

MfG,
Josey~

 

[Cheffchen]

Hallo,

der Anfang ist getan, nur solltest Du dir auch ein CSS Buch zulegen .
Denn mit HTML erstellst Du die Tabelle und mit CSS machst Du die Optik.

<table cellspacing="0" cellpadding="0" style="border:0; background-color:#DEB887; text-align: center; width:484">
<tr style="background-color:#8B3A3A"><td colspan="4">1</td><tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><tr>
</table>

Diese sieht so aus wie Du möchtest aber ob das jetzt 100% valide ist las ich mal offen, bevor andere meckern.

 

[Efchen]

Bei width fehlt die Einheit. Und entweder man macht es state-of-the-art und macht kein Layout/Design mit HTML oder man schert sich einen Dreck um CSS, aber diese Mischung von veralteten HTML-Attributen und CSS gefällt mir nicht.

 

[Cheffchen]

ach nö

ach nö,

Josey mach px rein so

<table cellspacing="0" cellpadding="0" style="border:0; background-color:#DEB887; text-align: center; width:484px">
<tr style="background-color:#8B3A3A"><td colspan="4">1</td><tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><tr>
</table>

mehr gibt es nicht zu sagen

Diese sieht so aus wie Du möchtest aber ob das jetzt 100% valide ist las ich mal offen, bevor andere meckern.

 

[Josey]

Dankeschön!
Jetzt bin ich schon viel weiter!
Ich habe die Tabelle jetzt meinen Vorstellungen angepasst und bin soweit auch zufrieden. Nur eines klappt nicht, wie es soll.
Der Tabellenrand. Das Bordertag funktioniert irgendwie nicht, ich bekomme den Rand weder dicker, noch schwarz eingefärbt.

So habe ich das jetzt drin:

<table cellspacing="0" cellpadding="0" border="2" style="border:0; background-color:#6495ED; text-align: center; width:484px">
<tr style="background-color:#5F9EA0"><td colspan="4"><span style="font-size:12px;"><span style="font-family: monospace">
» <a href="http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=register">Registrieren</a> • <a href="http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=login">Login</a> • <a href="http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=members">Mitglieder</a> • <a href="http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=usercp">Profil</a> « </span>
<br> <br>
</span></td><tr>
<tr><td><span style="font-size:11px;"><br><b>Administratoren</b>
<br><br>
~K (Silver & Blane) und <br>J~ (Rainy & Kyzhin)<br><br></td>


<td><span style="font-size:11px;"><b>Reallife</b>
<br><br>
...ist wie immer stressig XD<br><br></td>


<td><span style="font-size:11px;"><b>Uhrzeit und Wetter (RPG)</b>
<br><br>
Folgt bei Playbeginn~<br><br></td>


<td><span style="font-size:11px;"><b>News</b>
<br><br>
Wir eröffnen in Kürze X3~<br><br></td>
<tr>
</table>

(Die vielen freien Stellen sind meine Anfängerkrücken XD)
Und so habe ich versucht, den Rand zu verändern:

<table cellspacing="0" cellpadding="0" border="2" bordercolor="[FONT=Verdana]#000000"[/FONT] style="border:0; background-color:#6495ED; text-align: center; width:484px">
<tr style="background-color:#5F9EA0"><td colspan="4"><span style="font-size:12px;"><span style="font-family: monospace">
» <a href="http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=register">Registrieren</a> • <a href="http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=login">Login</a> • <a href="http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=members">Mitglieder</a> • <a href="http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=usercp">Profil</a> « </span>
<br> <br>
</span></td><tr>
<tr><td><span style="font-size:11px;"><br><b>Administratoren</b>
<br><br>
~K (Silver & Blane) und <br>J~ (Rainy & Kyzhin)<br><br></td>


<td><span style="font-size:11px;"><b>Reallife</b>
<br><br>
...ist wie immer stressig XD<br><br></td>


<td><span style="font-size:11px;"><b>Uhrzeit und Wetter (RPG)</b>
<br><br>
Folgt bei Playbeginn~<br><br></td>


<td><span style="font-size:11px;"><b>News</b>
<br><br>
Wir eröffnen in Kürze X3~<br><br></td>
<tr>
</table>

Hab oben also, wie es in meinem schlauen HTMLbuch steht, bordercolor eingefügt, um so einen hübschen, schwarzen Rand zu erstellen, aber es rührt sich nichts. Auch geht der Rand nicht dicker zu machen, egal, wie sehr ich die Borderzahl verändere.

Hier noch einmal zum anschauen: Golden Paradise
Und so hätte ich die Tabellenlinien gern: Wonderland

@Efchen: Entschuldige, aber ich versteh fast kein Wort.
Noch weiß ich nicht, was CSS ist, und was ist so schlimm daran, mit HTML etwas optisch verbessern? Ist das was, was man nur versteht, wenn man sich länger mit HTML und Kennern beschäftigt? Ich kann nur davon ausgehen, was in meinem Buch von 2005 steht.

Danke nochmal für die Starthilfe ^^

MfG,
Josey~

 

[Cheffchen]

Hallo,

CSS.

änder die erste zeile so dann hast ein schwarzen rahmen.
border="2" wieder löschen. Du machst Optik mit CSS und CSS bekinnt mit style. Google hilft da einfach "css table rahmen" eingeben.

<table cellspacing="0" cellpadding="0" style="border:2px solid #000000; background-color:#6495ED; text-align: center; width:484px">

 

[Josey]

Okay, dankeschön! ^^
Hab maln bisschen im Net rumgeklickt, aber nicht gefunden, wie ich jetzt die Rahmenlinien innerhalb der Tabelle mache, wenn ich border weglösche
Drumherum ist der Rahmen jetzt toll, aber innerhalb der Tabelle fehlt er jetzt ganz _._

Vielleicht finde ich nicht die richtigen Seiten? So ganz verstehe ich "CSS-Sprache" auch noch nicht, bin ja erst gerademal dabei HTML zu verstehen...

 

[Cheffchen]

Hallo,

wie schon gesagt CSS mal anschauen.

hier zum testen

<table cellpadding="0" cellspacing="0" style="border-collapse:collapse  ; text-align: center; width:484px; margin:0;padding:0">
<tr><td colspan="4" style="border:2px solid #000000;background-color:#5F9EA0"><span style="font-size:12px;"><span style="font-family: monospace">
» <a href="<A href="http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=register">Registrieren</a">http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=register">Registrieren</a> • <a href="<A href="http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=login">Login</a">http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=login">Login</a> • <a href="<A href="http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=members">Mitglieder</a">http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=members">Mitglieder</a> • <a href="<A href="http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=usercp">Profil</a">http://www2.board-server.de/cgi-bin/foren/F_8971/forum.pl?action=usercp">Profil</a> « </span>
<br> <br>
</span></td><tr>
<tr><td style="border:2px solid #000000; background-color:#6495ED;"><span style="font-size:11px;"><br><b>Administratoren</b>
<br><br>
~K (Silver & Blane) und <br>J~ (Rainy & Kyzhin)<br><br></td>
 
<td style="border:2px solid #000000; background-color:#6495ED;"><span style="font-size:11px;"><b>Reallife</b>
<br><br>
...ist wie immer stressig XD<br><br></td>
 
<td style="border:2px solid #000000; background-color:#6495ED;"><span style="font-size:11px;"><b>Uhrzeit und Wetter (RPG)</b>
<br><br>
Folgt bei Playbeginn~<br><br></td>
 
<td style="border:2px solid #000000; background-color:#6495ED;"><span style="font-size:11px;"><b>News</b>
<br><br>
Wir eröffnen in Kürze X3~<br><br></td>
<tr>
</table>

 

[Efchen]

Hab oben also, wie es in meinem schlauen HTMLbuch steht, bordercolor eingefügt, um so einen hübschen, schwarzen Rand zu erstellen, aber es rührt sich nichts.

Wenn Du ein HTML-Buch hast, das Dir sagt, wie Du optische Effekte damit erzielst, dann ist es kein schlaues Buch, und Du solltest es unbedingt gleich wegwerfen.
HTML ist eine Strukturbeschreibungssprache. Damit wird einzig festgelegt, was Dein Inhalt bedeutet. Für Design&Layout ist allein CSS zuständig.

@Efchen: Entschuldige, aber ich versteh fast kein Wort.

Das zeigt Dir immerhin, dass Du noch einen weiten Weg vor Dir hast, bevor Du sagen kannst, dass Du weißt, was Du tust.

Noch weiß ich nicht, was CSS ist

Aber Du weißt auch noch nicht, was HTML ist. Wer HTML nicht beherrscht, braucht sich natürlich nicht mit CSS zu beschäftigen, denn das setzt gute HTML-Kenntnisse voraus.

und was ist so schlimm daran, mit HTML etwas optisch verbessern?

Dafür ist HTML nicht gemacht. Du fährst doch auch nicht mit nem BobbyCar auf der Autobahn.

Ist das was, was man nur versteht, wenn man sich länger mit HTML und Kennern beschäftigt? Ich kann nur davon ausgehen, was in meinem Buch von 2005 steht.

Das ist etwas, was man verstehen sollte, wenn man Websites erstellen will. Und wenn man das versteht, dann weiß man, dass dieses Buch für den Müll ist. Insbesondere, wenn es von 2005 ist, denn schon zu der Zeit bestand für das, was Du aus dem Buch zitierst, keine Notwendigkeit mehr. Das sind Arbeitsweisen aus den 1990er Jahren.

Danke nochmal für die Starthilfe

Kein Problem. Es ist kein Meister vom Himmel gefallen.
Man muss sich nur im Klaren darüber sein, dass man Websites ohne Vorkenntnisse nicht so einfach in 10 Minuten entwirft, auch wenn viele mit solchen Lügen Aufmerksamkeit erhaschen wollen (insbesondere Firmen, die damit auf irgendeine Weise Geld verdienen wollen).

Gruß,
-Efchen