• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Webseite unsichtbar? Fehler style.css?

Du solltest dir um das Layout noch garkeine Gedanken machen, denn du hast die Grundlagen von HTML noch nicht verstanden und ohne die macht es keinen Sinn, ein Layout zu gestalten.

So zeichnet man keine Liste aus
HTML: 
<ul id="navigation">
  <div style="position:fixed; top:2px; left:20px;"><a href="index.html"><img src="Images/navigation/1.png" /></a>
<div style="position:fixed; top:45px; left:20px;"><a href="mixe.html"><img src="Images/navigation/2.png"/></a>
  <div style="position:fixed; top:88px; left:20px;"><a href="uebermich.html"><img src="Images/navigation/3.png"/></a>
  <div style="position:fixed; top:131px; left:20px;"><a href="kontakt.html"><img src="Images/navigation/4.png"/></a>
  <div style="position:fixed; top:174px; left:20px;"><a href="downloads.html"><img src="Images/navigation/5.png"/></a>
  <div style="position:fixed; top:217px; left:20px;"><a href="gaestebuch.html"><img src="Images/navigation/6.png"/></a>
  <div style="position:fixed; top:260px; left:20px;"><a href="bilder.html"><img src="Images/navigation/7.png"/></a>
  </ul>
Wie es richtig geht, habe ich dir in einem Beispiel gezeigt, das hier ist falsch.

Vergiss das Layout, soweit bist du noch nicht. Damit machst du es dir um einiges leichter.
 
Werbung:
_Thor_ schrieb:
Du solltest dir um das Layout noch garkeine Gedanken machen, denn du hast die Grundlagen von HTML noch nicht verstanden und ohne die macht es keinen Sinn, ein Layout zu gestalten.

So zeichnet man keine Liste aus
HTML: 
<ul id="navigation">
  <div style="position:fixed; top:2px; left:20px;"><a href="index.html"><img src="Images/navigation/1.png" /></a>
<div style="position:fixed; top:45px; left:20px;"><a href="mixe.html"><img src="Images/navigation/2.png"/></a>
  <div style="position:fixed; top:88px; left:20px;"><a href="uebermich.html"><img src="Images/navigation/3.png"/></a>
  <div style="position:fixed; top:131px; left:20px;"><a href="kontakt.html"><img src="Images/navigation/4.png"/></a>
  <div style="position:fixed; top:174px; left:20px;"><a href="downloads.html"><img src="Images/navigation/5.png"/></a>
  <div style="position:fixed; top:217px; left:20px;"><a href="gaestebuch.html"><img src="Images/navigation/6.png"/></a>
  <div style="position:fixed; top:260px; left:20px;"><a href="bilder.html"><img src="Images/navigation/7.png"/></a>
  </ul>
Wie es richtig geht, habe ich dir in einem Beispiel gezeigt, das hier ist falsch.

Vergiss das Layout, soweit bist du noch nicht. Damit machst du es dir um einiges leichter.
Zum Vergrößern anklicken....


wenn das so einfach währe xD

Eine seite ohne layout ist doch nix ...

und ja ich hatte die navi so wie du sagtest aber ich musste das einfügen

HTML: 
<div style="position:fixed; top:2px; left:20px;"><

um die navigation rechts zu layouten und eben einen gewissen abstand vom rand ^^

oder muss / kann ich das in der style css machen ?

und die <li> <li/> habe ich weggemacht da aufzälungspunkte entstanden sind ....
 
cobrastyle schrieb:
Eine seite ohne layout ist doch nix ...
Zum Vergrößern anklicken....
Für den Anfang ist das genug, denn was du jetzt machst, bringt dir nichts, du hast nur Fehler und verschwendest Stunden wenn nicht Tage mit der Fehlersuche. Die Zeit solltest du besser in Grundlagen stecken, dann hast du später mehr davon.

und ja ich hatte die navi so wie du sagtest aber ich musste das einfügen

HTML: 
<div style="position:fixed; top:2px; left:20px;"><

um die navigation rechts zu layouten und eben einen gewissen abstand vom rand ^^
Zum Vergrößern anklicken....
Das bestätigt meine Aussage nur.

oder muss / kann ich das in der style css machen ?
Zum Vergrößern anklicken....
Natürlich macht man das mit CSS, denn CSS ist für das Layout da, HTML hat nichts mit dem Layout zu tun. Deshalb ist es auch erstmal völlig egal wie die Seite aussieht. Das Layout macht man später, wenn alles ausgezeichnet ist, mit CSS.

und die <li> <li/> habe ich weggemacht da aufzälungspunkte entstanden sind ....
Zum Vergrößern anklicken....
Noch ein sehr gutes Beispiel für fehlende Grundlagen. Die Elemente eine Liste müssen in <li> stehen, die Aufzählungspunkte entfernt man später mit CSS.

Ich sag es nochmal, vergiss das Layout, soweit bist du noch nicht.
 
Werbung:
cobrastyle schrieb:
wenn das so einfach währe xD

Eine seite ohne layout ist doch nix ...

und ja ich hatte die navi so wie du sagtest aber ich musste das einfügen

HTML: 
<div style="position:fixed; top:2px; left:20px;"><

um die navigation rechts zu layouten und eben einen gewissen abstand vom rand ^^

oder muss / kann ich das in der style css machen ?

und die <li> <li/> habe ich weggemacht da aufzälungspunkte entstanden sind ....
Zum Vergrößern anklicken....


Edit : ICh habe es geschafft ....

HTML: 
img {  border:0px;}
stimmt anscheinend sogar ^^ Ich bin grade am lesen also alles über HTML und XHTML und werde mal nur den InhaltDefinieren !!
 
Werbung:
_Thor_ schrieb:
Was sonst sollte 'required' bedeuten?
Zum Vergrößern anklicken....

ok ^^

noch was jetzt hab ich das behoben aufeinmal sagt er das was anderes nicht passt das hier

error.png
Line 54, Column 7: end tag for "CENTER" omitted, but its declaration does not permit this
</body>diese meldung ist 2x
Zum Vergrößern anklicken....


eine frage am rande !
Wenn ich zb eine reihe von links habe , wie kann ich diese in der style cssdevinieren? also ich muss ja etwas haben das die style.css weis was ich meinebei der navi wars ja ul#navigation li{
Danke
 
Werbung:
HTML: 
<center/>
muss heißen
HTML: 
</center>
aber besser noch, du löschst es gleich, denn es dient dem Layout und das ist nicht Aufgabe von HTML, das macht man mit CSS.

Richtig wäre hier <p>, denn es handelt sich ja um Text.
 
_Thor_ schrieb:
HTML: 
<center/>
muss heißen
HTML: 
</center>
aber besser noch, du löschst es gleich, denn es dient dem Layout und das ist nicht Aufgabe von HTML, das macht man mit CSS.

Richtig wäre hier <p>, denn es handelt sich ja um Text.
Zum Vergrößern anklicken....

ok danke das stimmt allerdings =)

Nur wie sage ich im style css nun das genau dieser text mittig sein soll?

Das macht mir die meisten probleme deswegen mache ich oft unter html einfach ein center
 
Werbung:
_Thor_ schrieb:
Code: 
p {text-align: center;}

Wenn es nur für ein bestimmtes p sein soll, gib ihm eine id, dann sieht es so aus.

Code: 
p#deineId {text-align: center;}
Zum Vergrößern anklicken....

ok cool es klappt xD

Aber ich verstehe einfach einiges nicht und deswegen frage ich, gleichzeitig hoffe ich das es euch/dich nicht nervt !

Noch ein fehler unter www.dj-cobrastyle.com/mixes.html

habe ein youtube video eingefügt mit dem code von youtube !!!

FEHLER 1:

Code: 
[IMG]http://validator.w3.org/images/info_icons/error.png[/IMG] Line 48, Column 106: general entity "hl" not defined and no default entity 
…ttp://www.youtube.com/v/LtW1I2iFick&hl=de_DE&fs=1&color1=0x006699&color2=0x54

Fehler 2:
Code: 
[IMG]http://validator.w3.org/images/info_icons/error.png[/IMG] Line 48, Column 108: reference to entity "hl" for which no system identifier could be generated 
…p://www.youtube.com/v/LtW1I2iFick&hl=de_DE&fs=1&color1=0x006699&color2=0x54ab

usw es sind mehrer fehler in diesen beiden Youtube Video Codes
 
Werbung:
cobrastyle schrieb:
Eine seite ohne layout ist doch nix ...
Zum Vergrößern anklicken....
Sei nicht so kurzsichtig. Denk mal an Suchmaschinen. Die kennen kein Layout. Die kennen nur HTML. Und die sind darauf angewiesen, dass Du mit HTML Deinem Inhalt die richtige Bedeutung gibst.

Und solltest Du in diesem Hammerthread nicht wirklich was verstanden haben, suchst Du einfach nochmal nach "Semantik" hier im Forum...
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben