nicht angemeldet
Probleme Bei Zweispaltigen Layout...
0 Probleme mit HTML
0
Probleme Bei Zweispaltigen Layout...
Gunnar BittersmannHi habe das Problem, dass bei mir das layout nict so angezeigt wird wie ich das gerne hätte... :( (http://de.selfhtml.org/css/layouts/anzeige/2spaltig_links.htm) so sollte es aussehen zumindest von der Ausrichtung her -.- Aber bei mir isses unveränderlich untereinander.
<html>
<head>
<br>
<br>
<br>
<title> Guide </titel>.
<style type="css">
body {
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em;
}
ul#Navigation {
font-size: 0.91em;
float: left; width: 22em;
margin: 0; padding: 0;
border: 1px dashed silver;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
display: block;
padding: 0.2em;
font-weight: bold;
}
ul#Navigation a:link {
color: black; background-color: #eee;
}
ul#Navigation a:visited {
color: #666; background-color: #eee;
}
ul#Navigation a:hover {
color: black; background-color: white;
}
ul#Navigation a:active {
color: white; background-color: gray;
}
div#Inhalt {
margin-left: 1em;
padding: 0 1em;
border: 1px dashed silver;
min-width: 16em;
}
div#Inhalt h1 {
font-size: 1.5em;
margin: 0 0 1em;
}
div#Inhalt h2 {
font-size: 1.2em;
margin: 0 0 1em;
}
div#Inhalt p {
font-size:1em;
margin: 1em 0;
}
</style>
</head>
<marquee direction="right"><h1><div align="center"> <span style="color: red;">Blitz sorce Guide</span> </h1></div>.</marquee>
<br>
<body>
<h1 id="Beispiel"> <span style="color: #F0F0C0;" > Navigationsleiste </h1>
<ul id="Navigation">
<li><h2><span style="color: #F0F0C0;" >Rubrik 1</h2></li>
<li><a href="Allgemeines.html"> <span style="color: #F0F0F0;" >Allgemeines</a></li>
<li><a href="#Beispiel"> <span style="color: #F0F0F0;" >Seite 2</a></li>
<li><a href="#Beispiel"> <span style="color: #F0F0F0;" >Seite 3</a></li>
<li><h2><span style="color: #F0F0C0;" >Rubrik 2</h2></li>
<li><a href="#Beispiel"><span>Seite4</span> </li>
<li><a href="#Beispiel"> <span style="color: #F0F0F0;" >Seite 5</a></li>
<li><a href="#Beispiel"> <span style="color: #F0F0F0;" >Seite 6</a></li>
<li><h2><span style="color: #F0F0C0;" >Rubrik 3</h2></li>
<li><a href="#Beispiel"> <span style="color: #F0F0F0;" >Seite 7</a></li>
<li><a href="#Beispiel"> <span style="color: #F0F0F0;" >Seite 8</a></li>
<li><a href="#Beispiel"> <span style="color: #F0F0F0;" >Seite 9</a></li>
</ul>
<div align="center">
<div id="Inhalt">
<p>
<APPLET archive="DuriusWaterPic.jar" WIDTH="300" HEIGHT="413" ALIGN="MIDDLE" CODE="DuriusWaterPic.class">
<PARAM NAME="cabbase" VALUE="DuriusWaterPic.cab">
<PARAM NAME="image" VALUE="bild2.jpg">
<PARAM NAME="dim" VALUE="5">
<PARAM NAME="noise" VALUE="0">
<PARAM NAME="mouse" VALUE="9">
<PARAM NAME="timer" VALUE="0">
<PARAM NAME="target" VALUE="_blank">
<PARAM NAME="bg" VALUE="F0F0F0">
<PARAM NAME="reg" VALUE="22454732"> </APPLET>
<body bgcolor="Black"
<span style="color: #F0F0F0;"
<br>
<div id="Inhalt"> <p>bla bla bla ...
<br> blaaaa (und das hier sollte neben der Navi stehen, tuts aber nunmal nich.)
<br> blablabla
</div>
</body>
</html>
Weiß jeamnd was ich falsch gemacht habe, bzw woran das liegen kann?
-
Hallo Dawn.
Weiß jeamnd was ich falsch gemacht habe, bzw woran das liegen kann?
Ich weiß nicht, ob ich alles erwische, was du falsch gemacht hast, es ist einfach zu viel. Aber ich versuche es.
Hi habe das Problem, dass bei mir das layout nict so angezeigt wird wie ich das gerne hätte... :( (http://de.selfhtml.org/css/layouts/anzeige/2spaltig_links.htm) so sollte es aussehen zumindest von der Ausrichtung her -.- Aber bei mir isses unveränderlich untereinander.
Mir stellt sich die Frage, warum du gänzlich unbrauchbares HTML erstellst, wenn du dich bereits mit CSS-basierten Layouts befasst.
Nun zu deinem Code:
<html>
Gib bitte einen http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp@title=DOCTYPE an.
<head>
<br>Mit diesem br-Element wird implizit das head-Element geschlossen und das body-Element geöffnet. Das zwingend erforderliche title-Element fehlt.
<br>
<br>
<title> Guide </titel>.Das title-Element hat im body-Element nichts zu suchen.
<style type="css">
Dito.
[ CSS-Code ]
Der CSS-Code sieht weitaus sauberer aus, als das HTML.
</style>
</head>
<marquee direction="right"><h1><div align="center"> <span style="color: red;">Blitz sorce Guide</span> </h1></div>.</marquee>Bitte nicht. Dieses Element existiert nicht und belästigt Nutzer. Verzichte gänzlich darauf und bringe deine Informationen im Fließtext unter.
<br>
<body>Hier öffnest du innerhalb des implizit geöffneten body-Elements ein weiteres body-Element.
<h1 id="Beispiel"> <span style="color: #F0F0C0;" > Navigationsleiste </h1>
Wozu das span? Style-Angaben kannst du direkt auf das h1-Element anwenden.
Wozu das style-Attribut? Style-Angaben solltest du entweder im style-Element oder in einer externen Datei auslagern. Das Ziel von CSS ist es schließlich, jeglichen darstellerischen Aspekt gänzlich per CSS zu steuern; HTML dient *einzig und allein* der strukturellen Auszeichnung.<ul id="Navigation">
Auch hier sind alle span-Elemente überflüssig.
<div align="center">
Du solltest dich _dringend_ mit den Grundlagen von CSS befassen. (Hier: http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=margin.)
<div id="Inhalt">
<p>
<APPLETDas applet-Element ist stark veraltet und sollte heute nicht mehr genutzt werden. Nutze das http://de.selfhtml.org/html/multimedia/objekte.htm@title=object-Element. Zudem darf das p-Element keinerlei Blockelemente enthalten. (Das p-Element wird damit also implizit geschlossen. Du selbst tust dies ja offenbar nicht.)
<body bgcolor="Black"
*Noch ein* body-Element? Und zudem noch mit einem veralteten und ganz und gar überflüssigen Attribut? (Vgl. http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_color@title=background-color)
Den Anfangstag schließt du im Übrigen gar nicht erst.<span style="color: #F0F0F0;"
Siehe das, was ich bereits schrieb. (span überflüssig, Tag nicht geschlossen, Element nicht geschlossen, style-Attribut überflüssig.)
<br>
Wozu überhaupt das br-Element? Abstände werden per margin und http://de.selfhtml.org/css/eigenschaften/innenabstand.htm@title=padding festgelegt. Sie haben weder einen inhaltlichen noch einen strukturellen Charakter, deshalb werden sie per CSS festgelegt.
<div id="Inhalt"> <p>bla bla bla ...
<br> blaaaa (und das hier sollte neben der Navi stehen, tuts aber nunmal nich.)
<br> blablabla
</div>
</body>
</html>Endlich am Ende.
Weiß jeamnd was ich falsch gemacht habe, bzw woran das liegen kann?
Wie gesagt hast du verdammt viel falsch gemacht. Ein gut gemeinter Rat deshalb: alles in ein Backup-Verzeichnis verschieben und beim Status Quo neu anfangen. Einen guten Einstieg bekommst du im <http://de.selfhtml.org/html/@title=HTML-Kapitel von SELFHTML>.
Viel Erfolg!Einen schönen Mittwoch noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]-
hi,
<marquee direction="right"><h1><div align="center"> <span style="color: red;">Blitz sorce Guide</span> </h1></div>.</marquee>
Bitte nicht. Dieses Element existiert nicht und belästigt Nutzer. Verzichte gänzlich darauf und bringe deine Informationen im Fließtext unter.
marquee _ist_ doch Fließtest - und fließt und fließt und fließt ...
scnr,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hallo wahsaga.
marquee _ist_ doch Fließtest - und fließt und fließt und fließt ...
Hoffentlich in den weiten, weiten Ozean, wo es sich verünn(t|isiert) und Zeit seines (oder meines) Lebens nicht mehr gesehen ward.
scnr,
Dito.
Einen schönen Mittwoch noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]
-
-
Hello out there!
<style type="css">
Dito.
Da haste allerhand S^WExkremente im Heu gefunden, aber die Nadel übersehen? ;-)
Der Wert des type-Attributs sollte ein gültiger MIME-Typ sein. Für CSS wäre 'text/css' ein passender.
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)-
Hallo Gunnar.
<style type="css">
Dito.
Da haste allerhand S^WExkremente im Heu gefunden, aber die Nadel übersehen? ;-)
Offenbar ja. Deshalb auch mein Disclaimer:
Ich weiß nicht, ob ich alles erwische, was du falsch gemacht hast, es ist einfach zu viel. Aber ich versuche es.
Einen schönen Donnerstag noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]
-
-
-
Hi,
Weiß jeamnd was ich falsch gemacht habe, bzw woran das liegen kann?
einiges ... lasse Deine Seite mal validieren und beseitige die üblen Fehler.
freundliche Grüße
Ingo-
^^
Ok :)
Ich glaub ich muss da nochmal von vorne anfangen ^^
Naja ist meine erste html, und wie man sieht die Fehler ziemlich krass :P Werde versuchen das zu bessern ^^
Aber zu dem <br> da war ich eigentlich der Meinung, dass es nur ne neue Zeile bewirkt...
-
Hi,
Aber zu dem <br> da war ich eigentlich der Meinung, dass es nur ne neue Zeile bewirkt...
wenn es im body steht - ja.
Allerdings solltest Du Dich wirklich mit CSS vertraut machen, denn Du verwendest br nicht für eine neue Textzeile, d.h. für einen Zeilenumbruch im Text, wie in meiner Antwort z.B. jetzt.freundliche Grüße
Ingo
-
-