HTML Codes - Seite 3 - Spieleplanet Community

Antwort

Seite 3 von 4

Themen-Optionen

#21

22.05.07, 21:27:24

Xela

Registered Users

Registriert seit: 23.07.06

Style: Impact Blue

Geschlecht: ♂

Beiträge: 1.607

IRC Zeilen: 177

☆

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

❞Antworten

#22

23.05.07, 06:41:00

Lord_Pinhead

B.O.F.H.

Registriert seit: 03.08.02

Style: Impact Blue

Alter: 41

Geschlecht: ♂

Beiträge: 4.966

☆

@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.

show_config
-------
"Aber es gibt ja kRaSSe SuppOrtEr die MeinEn Alter, dass Sie KrAss MOd sind UnD feTT in Der SchOOl ruLLoern WeiL isch KRaSS der MOD bin - unD wEnn dEin PosTcoUnt sUcKt, alDer, dAnn hAlTs Maul, k?" - Verständliche und klar formulierte Aussage eines Hip-Hoppers

❞Antworten

#23

23.05.07, 20:00:56

Manu16

<DerdummeBLér>

Täglich verrückt!

Registriert seit: 18.04.06

Style: Retro

Alter: 34

Geschlecht: ♂

Beiträge: 16.478

IRC Zeilen: 16706

Quizrunden gewonnen: 8

☆

★

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

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

(die Punkte zwischendrinne wegdenken)

[ http://www.smilies.4-user.de/include/Huepfen/smilie_hops_165.gif ] [ http://www.smilies.4-user.de/include/Huepfen/smilie_hops_165.gif ]
[ http://www.smilies.4-user.de/include/Huepfen/smilie_hops_165.gif ] [ http://www.smilies.4-user.de/include/Huepfen/smilie_hops_165.gif ]

❞Antworten

#24

23.05.07, 20:14:56

aL'x

Registered Users

Registriert seit: 30.08.06

Style: Impact Blue

Alter: 33

Geschlecht: ♂

Beiträge: 530

☆

  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

[ http://www.trackmania-statistics.com/signatures/unterhosenloser.jpg ]

Zitat von Siddi

Sucht euch für diese Zeit bitte schonmal RL Freunde und viel Spaß in dieser mit hohen Gammawerten belasteten Welt

❞Antworten

#25

23.05.07, 22:14:28

Manu16

<DerdummeBLér>

Täglich verrückt!

Registriert seit: 18.04.06

Style: Retro

Alter: 34

Geschlecht: ♂

Beiträge: 16.478

IRC Zeilen: 16706

Quizrunden gewonnen: 8

☆

★

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

)

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:

)??? Oder soll ich den wegmachen???

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

Bewertung zu diesem Post

Xela stimmt zu: Sieht gut aus

❞Antworten

#26

24.05.07, 20:49:36

Manu16

<DerdummeBLér>

Täglich verrückt!

Registriert seit: 18.04.06

Style: Retro

Alter: 34

Geschlecht: ♂

Beiträge: 16.478

IRC Zeilen: 16706

Quizrunden gewonnen: 8

☆

★

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

❞Antworten

#27

24.05.07, 21:07:48

Xela

Registered Users

Registriert seit: 23.07.06

Style: Impact Blue

Geschlecht: ♂

Beiträge: 1.607

IRC Zeilen: 177

☆

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">

❞Antworten

#28

24.05.07, 21:45:00

DyCE

Registered Users

Registriert seit: 29.03.02

Style: Retro

Alter: 38

Geschlecht: ♂

Beiträge: 1.907

☆

SuperHTML ist meiner Meinung nach der beste HTML Editor

[ http://mitglied.lycos.de/rudicarell666/rockdj.gif ]

Only housemusic

❞Antworten

#29

24.05.07, 22:26:00

Manu16

<DerdummeBLér>

Täglich verrückt!

Registriert seit: 18.04.06

Style: Retro

Alter: 34

Geschlecht: ♂

Beiträge: 16.478

IRC Zeilen: 16706

Quizrunden gewonnen: 8

☆

★

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

❞Antworten

#30

25.05.07, 08:50:13

Lord_Pinhead

B.O.F.H.

Registriert seit: 03.08.02

Style: Impact Blue

Alter: 41

Geschlecht: ♂

Beiträge: 4.966

☆

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

❞Antworten

Antwort

Seite 3 von 4

Lesezeichen

« Vorheriges Thema | Nächstes Thema »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen. Es ist dir erlaubt, auf Beiträge zu antworten. Es ist dir nicht erlaubt, Anhänge hochzuladen. Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten. BB-Code ist an. Smileys sind an. [IMG] Code ist an. HTML-Code ist aus. Foren-Regeln