nicht angemeldet
Menü Transperent und Index.html
Gunnar BittersmannHallo zusammen,
das hier ist mein erster Post.
Ich hab da ein Problem mit meiner Homepage.
Ich habe eine Index.html erstellt doch nun tritt ein Problem auf der index auf. Ich kann keinen Text neben mein Menü schreiben :(
Hier mal die index:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Index</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="language" content="de">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" media="screen, projection" href="stylesheet.css">
</head>
<body>
<body bgcolor="#000000">
<hr>
<center><a href="index.html"><img src="main_mess_counter_strike.jpg" width="600" height="250" alt="Button" border="0"></a></center>
<hr>
<!--Navigation Anfang-->
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
<li><a href="#">Item five</a></li>
<li><a href="#">Item five</a></li>
<li><a href="#">Item five</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
<!--Navigation Ende-->
</body>
</html>
Ich hoffe ihr könnt mir bei meinem Problem helfen?
Achso dann wollte ich noch etwas Fragen soll ich die index.html eher auf den anderen Seiten einbinden? Oder soll ich den Anfang der Index außer den Text auf die anderen Seiten übertragen?
Danke im voraus :)
MFG
-
Hallo,
ohne den Inhalt der Datei "stylesheet.css" wird dir kaum jemand helfen können.
Aus dem Bauch raus würde ich sagen, du solltest einen weiteren div-Container erzeugen und dann per CSS plazieren.
Gruss
MrMurphy
-
Lieber MrMurphy,
ohne den Inhalt der Datei "stylesheet.css" wird dir kaum jemand helfen können.
nicht nur das, auch ist im Themenbereich "HTTP" überhaupt keine Lösung zu finden.
Aus dem Bauch raus würde ich sagen, du solltest einen weiteren div-Container erzeugen und dann per CSS plazieren.
NEIN! Zuallererst sollte der Code formal korrekt sein - also muss Toby den Validator fragen, was noch "kaputt" ist, wenn die eigenen Kentnisse noch nicht ausreichen sollten. Für alles Weitere möge der SELFHTML-Teil <http://de.selfhtml.org/css/layouts/navigationsleisten.htm@title=CSS-basierte Navigationsleisten> weiterhelfen (bitte unbedingt von Anfang an durcharbeiten!!).
Liebe Grüße,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:) -
@@MrMurphy:
nuqneH
Aus dem Bauch raus würde ich sagen, du solltest einen weiteren div-Container erzeugen und dann per CSS plazieren.
Was aus dem Bauch rauskommt, ist meist Scheiße. Und was den Weg wieder nach oben genommen hat, auch nicht besser.
SCNR.
Qapla'
--
Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
-
-
Lieber Tobi,
schauen wir uns einmal die Basis Deiner Bemühungen an: Dein HTML-Dokument. Wenn das formal stimmt, dann kann man mit CSS auch vernünftig layouten.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Index</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="language" content="de">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" media="screen, projection" href="stylesheet.css">
</head>Bis hierher sieht es korrekt aus. Schauen wir einmal weiter... > ~~~html <body> > <body bgcolor="#000000">Wieviele body-Elemente darf ein Dokument haben...? Das gehört zu den <http://de.selfhtml.org/html/allgemein/grundgeruest.htm@title=absoluten Basics>, die Du Dir notfalls nocheinmal "reinziehen" solltest, wenn Du Erfolg haben möchtest.
<body bgcolor="#000000">
<hr>
Du wolltest doch CSS zur Gestaltung einsetzen, oder? Warum sehe ich dann dieses eklige und rein für die Darstellung vorhandene bgcolor-Attribut? Den schwarzen Hintergrund wolltest Du doch im CSS-Code regeln, stimmt's? Und horizontale Linien (die haben doch auch nur etwas mit dem Aussehen zu tun, gelle?) regelt man auch mit CSS. > ~~~html <center><a href="index.html"><img src="main_mess_counter_strike.jpg" width="600" height="250" alt="Button" border="0"></a></center> > <hr>Faustregel: Wer center-Elemente benutzt, hat zuwenig Ahnung von dem, was er da tut, denn wer CSS benutzt, kann unmöglich center-Elemente gebrauchen. Und Dein a-Element steht ohne Sinn ("Semantik"!) einfach so in der Gegend herum. Warum darf es nicht in einem Textabsatz (<p>) oder einer Überschrift (<h1>, <h2>... <h6>) stehen?
Über das border-Attribut des Bildes brauchen wir nicht weiter zu reden - es wird ersatzlos gestrichen!
<div id="navcontainer">
<ul id="navlist">
Im Grunde ist hier eine ID (und ein Element) zuviel. Warum benötigst Du ein div-Element, wenn Dein ul-Element bereits vorhanden ist und auch noch passenderweise eine ID trägt? Das div-Element streichst Du ersatzlos! Es sei denn... Du möchtest mit dem div-Element genau das tun, wofür div-Elemente erfunden wurden, nämlich mehrere (sprich: mehr als eines!) Block-Elemente zu gruppieren, um daraus eine strukturelle Einheit zu machen. Aber ich sehe in Deinem div-Element kein weiteres Element, geschweige denn ein Block-Element. Das wäre höchstens dann gegeben, wenn Du Deiner Navi auch eine passende (Unter-)Überschrift spendierst, damit das Ganze dann so aussieht: ~~~html <div id="navi"> <h2>Navigation</h2> <ul> <li><a href="/">Home</a></li> ... </ul> </div>Wenn eine (Unter-)Überschrift in Deinem div-Element enthalten ist, dann lohnt sich der Einsatz des div-Elements überhaupt erst. Und es genügt dann eine einzige ID, um im CSS-Code sowohl auf die Liste, als auch z.B. auf die Unterüberschrift "zuzugreifen". Der sogenannte "Nachfahrenselektor" <http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=hilft Dir> später dabei.
Liebe Grüße,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)-
[latex]Mae govannen![/latex]
<head>
<title>Index</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">[...]
</head>[/code]
Bis hierher sieht es korrekt aus.
Es wäre -auch wenn es hier konkret keine Auswirkung hat- sinnvoll, das meta-Element immer vor dem title-Element zu notieren (z.B. falls der Server die entsprechenden Angaben nicht sendet oder man die Webseite als Datei abspeichert) sonst gibt es bei einigen Kombinationen aus verwendeten Zeichen im title-Element und charset-Angabe ggf. Datenmüll
Cü,
Kai
--
Even if you are a master of jQuery, you can only create mediocre (at best)
scripts. The problem is that the authors you rely on have not mastered the
DOM themselves. It's like one blind guy leading another off a cliff (D.Mark/clj)
Foren-Stylesheet Site Selfzeug JS-Lookup
SelfCode: sh:( fo:| ch:? rl:( br:< n4:( ie:{ mo:| va:) js:| de:> zu:) fl:( ss:| ls:?
-