Spieleplanet Community

Spieleplanet Community (http://www.spieleplanet.eu/forum.php)

- Betriebssysteme / Software (http://www.spieleplanet.eu/forumdisplay.php?f=40)

- - HTML Codes (http://www.spieleplanet.eu/showthread.php?t=4909)

War schon auf dich bezogen...
Aber so wirklich Ahnung hab ich nicht davon ;)
Aber es macht mir halt spaß,
inna Freizeit drann rumzubasteln ;)
Frag mal Zahl der weiß das bestimmt ;)

@Manu
Wie meinst du Tabstop? Sowas wie einen Einzug oder wie, das wäre dann

Code:

<blockquote>Absatzvorlage Zitat</blockquote>

<!-- oder -->

<dd>Absatzvorlage Listeninhalt</dd>

Tabellen mit Einzug funktionieren nicht, dafür verwendet man eigentlich CSS was extrem einfach zu erlernen ist mit der w3school.
Wenn du es aber testen willst:

Code:

<html>

<body>



<dd>

        <table>

                <tr>

                        <td>

                                Mein Tabelleninhalt

                        </td>

                </tr>

        </table>

</dd>



<dd>Meine Liste</dd>

<dd>Meine Liste</dd>

<dd>Meine Liste</dd>



</body>

</html>

Wie du dir sicherlich denken kannst, ist eine Tabelle einzuziehen nicht wirklich möglich, es geht nur wenn du die Tabelle einfach ausrichtest, also Links, Mitte und Rechts ausrichten.

Mit CSS kann man sich sogar die Tabelle sparen oder schön formatierte Menü´s erstellen nur mit Listenfelder.

Kurz mal runtergeschrieben

Code:

<html>

<head>

<style type="text/css">

li {

        float: left;

        margin-left: 1px;

}



ul {

        /*

                515 Pixel einzug von Rechts oder Dynamisch mit em

                z.B. 70em

        */

        padding-left: 512px; 

        font-size: 10px;

        margin-left: 25px;

        list-style: none;

        background: #EEF0F2;

        font-family: arial, "lucida console", sans-serif;

        text-align: right;

}



ul a {

        background: #C4CCD2;

        display: block;

        text-decoration: none;

        background-color: #C4CCD2;

        border: 1px solid #58646E;

        border-bottom: none;

        padding: 5px 10px;

        margin-right: 2px;

        color: #000;

        margin: 0px;

}



ul a:hover {

        background-color: #ffffff;

}



/*

        Tabellenartige Listen

        Geht besser, aber auf die schnelle *G*

*/



li.tabelle {

        border: 1px solid black;

        border-right: 0px;

        padding: 2px;

        margin: 0px;

}



li.tabeller {

        border: 1px solid black;

        padding: 2px;

        margin: 0px;



}



</style>

</head>

<body>



<!-- Start Menu -->

        <ul>

                <li><a href="home.html">Back Home</a></li>



                <li><a href="1.html">gehe zu 1</a></li>

                <li><a href="2.html">gehe zu 2</a></li>

        </ul>

<!-- Ende Menu -->

        <br>



<!-- Start Tabellenemulation -->

        <ul>

                <li class="tabelle">tesdaasdasdasdt</li>

                <li class="tabelle">test</li>

                <li class="tabeller">test</li>

        </ul><br>

        <ul>

                <li class="tabelle">test</li>

                <li class="tabelle">test</li>

                <li class="tabeller">test</li>

        </ul><br>

        <ul>

                <li class="tabelle">test</li>

                <li class="tabelle">test</li>

                <li class="tabeller">test</li>

        </ul>

<!-- Ende Tabellenemulation -->



</body>

</html>

Das mit den Tabellen geht zwar noch schöner, aber auf die schnelle um zu zeigen das CSS die Zeit wert ist die man investiert reicht es. Es gibt bessere Lösungen im Netz. Das soll jetzt nur mal demonstrieren das man mit ein paar Definitionen im CSS. Wenn du unbedingt mit den Tabellen arbeiten willst, das Beispiel lässt sich mit 2 handgriffen so umändern, das die Tabelle einen Einzug von Links hat und einen Abstand von Rechts, das sind die "padding" Elemente. Experimentier einfach mal mit den zwei beispielen rum, das wichtigste für den Anfang steht drin, wenn du später etwas mehr brauchst hast du ja jetzt Adressen zum surfen ;)

ps. bevor die Frage kommt warum ich CSS fixiert bin: HTML einfach zu starr was Formatierungen angeht oder zu umständlich, wer mal ein bisschen mit rumspielt merkt wie cool das ist und muss sich nur noch wenig Gedanken machen ob die Webseite im IE oder Firefox gleich aussieht, weil CSS ist besser umgesetzt in den Browsern als HTML und erfordert weniger Arbeit.

Ich will das so haben, wie geht des? Abstand zwischen den Wörtern ca. 5 cm:

Hallo...........Hallo...........Hallo..........Hallo

(die Punkte zwischendrinne wegdenken)

  wenn ich mich recht entsinne...

hier das is mein erstes html projekt, hab ich auf eis gelegt ersma, erst schule fertig machen ;)

http://web363.c5.ibone.ch/k3gfx/index.htm

Soooo, hab meine "Page" eigentlich für den Anfang gut hinbekommen! *stolzaufmichsei*
Seit Dienstag weiß ich überhaupt was HTML wirklich ist, so weit bin ich bis jetzt gekommen! (siehe Bild)
Das ist eine Page über meine Weltrekorde in Trackmania United (gefahrene offline Zeiten von mir, dann Replays hochgeladen auf TMX, bald kommen die Replays noch rein in die Page, aber erst wenn ich weiß wie es geht :D)

Danke für eure Hilfe, wegen den Tabellen, usw.!!!!!!

MfG Manu16

PS: Darf ich auf meiner Page den Smiley benutzen, den ich hier vom SP "geklaut" habe (den Smiley da: :welle:)??? Oder soll ich den wegmachen???

http://img71.imageshack.us/img71/308/pagexs8.th.jpg

Meine nächste Frage, um meine Page weiter zu gespalten...

Wie mache ich einen schönen Hintergrund für die Page? Dieses komische gelb/orange sieht langweilig aus! Hätte gerne ein Bild oder so, oder wie kann man den Hintergrund Benutzerdefiniert gestalten, so wie zB hier beim SP der Hintergrund der Page...?!

Danke

MfG Manu16

1. Hintergrund auf einer einzelnen Seite.
<body background=http://www.adresse-des-bildes.jpg>

2. Unbeweglicher Hintergrund
<body background=http://www.adresse-zum-hintergrund.jpg bgcolor="#000000" text="#0000FF"
<br>bgproperties="fixed">

SuperHTML ist meiner Meinung nach der beste HTML Editor :that:

Also das mit dem Hintergrundbild funktioniert!

Brauche jetzt nurnoch ein Bild 1024 x 768 o.ä., sollte aber hell sein, keine Schrift drauf und keine Bilder, sondern einfach nur ein bisschen bunt durcheinander gemixte Farben, Problem: ich finde keinen, hat jemand so einen Hintergrund? Wenn ja bitte hier posten,wenn net, egal... dann such ich morgen weiter!

Danke.
MfG Manu16

Ich würde kein Bild als Hintergrund nehmen, schon gar nicht so wie Xela es schreibt (is nix gegen dich Xela ;) ).

1) ist die Seite dann NUR auf 1024 oder 1280 ansehbar, weil ja sonst der Rest vom Bild fehlt
2) machst du das Bild zu groß, also z.b. um die 100KB was nocht klein ist, dann braucht jemand sogar mit einer DSL Leitung ein Stück zum Laden und das kann nervig sein :(

Es gäbe die möglichkeit ein Logo zu nehmen das sehr klein ist und das dann als Hintergrund einzubauen, sieht besser aus weil es auf jeder Auflösung klappt.

Ich würde auch eher noch ein Header einfügen und ein halbtransparentes Logo einfügen, das kommt doch cooler ;)