ComputerBase Menü
Aktuelles

Css und HTML code wird nicht angezeigt im Browser

R4sh

R4sh

Commander
Registriert
Okt. 2014
Beiträge
2.781
Da ich gerade am verzweifeln bin brauche ich mal einen Detektiv :) Egal was ich in meiner CSS und HTML datei verbesser, es kommt einfach kein bild bzw. es verändert sich nichts.

Das habe ich schon alles gemacht:

- geschaut ob die CSS Datei im richtigen Ordner liegt und die Verlinkung richtig ist
-dasselbe auch beim jpg Bild
- wie oben schon erwähnt kleine Fehler wie </div> abgeschlossen
( jetztiger standpunkt): Screenshot_5.png

HTML CODE:

<head>
<title>The Last of Us Fan website</title>
<!--SliderCSS-->
<link href="../style_slider.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html;" charset="utf-8" />
<!--CSS-->
<link href="../css/styles.css" rel="stylesheet" type="text/css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<!--Body-->

<body>
<div id ="container">
<div id="header"><img src="../images/NaughtyDog.jpg"><a href="http://www.naughtydog.com/"></img></a></div>
<div id="navi">
<div style="position:absolute; left:150px; top:0px">
<ul>
<li><a href="http://www.naughtydog.com/blog/" target="_blank">News</a></li>
<li><a href="http://www.naughtydog.com/games/" target="_blank">Games</a></li>
<li><a href="http://www.naughtydog.com/company/" target="_blank">Company</a></li>
<li><a href="http://www.naughtydog.com/site/gallery/" target="_blank">Media</a></li>
<li><a href="http://community.us.playstation.com/t5/Naughty-Dog-Discussion/ct-p/14811" target="_blank">Forums</a></li>
<li><a href="http://shop.naughtydog.com/" target="_blank">Shop</a></li>
</ul>
</div>
</div>
<div id="globalnavi"></div>
<div id="content"></div>
<div id="content"></div>
<div id="footer"></div>

<!--SLIDER-->

<div id="slider">
</div>
<!--SLIDER ENDS-->


</div>
</body>
<!--BODY ENDS-->
</html>


CSS CODE:

body{
background-color:#ffff;
font-family:Verdana;
font-size:12px;
}
a:link {
color:#fff;
text-decoration: none;
}

a:visited {
color:#fff;
text-decoration: none;
}

a:hover {
color:red;
text-decoration: none;
}

a:active {
color:red;
text-decoration: none;
}
#container{height:1400px;width:960px;position:absolute; }
#header{height:34px; width:100%;background-color:#000000;postion:absolute,top:0px;left:0px;}
#navi ul li{list-style-type:none;display:inline;height:42px;width:960px;}
#ul{list-style-type:none;}


Ich weiß ist etwas zulang, da ich nicht weiß wie man den Quelltext unterordnet ^^
 
Zuletzt bearbeitet:
Hast du <html> vergessen zu kopieren oder fehlt es generell im Dokument?
 
das <html> fehlt nicht :) nur vergessen zukopieren. was mich auch wundert, ist dass das Bild ja auch nicht angezeigt wird obwohl ich es richtig eingegeben habe. :)
 
Hast du einen Link für uns? Dann können wir vielleicht besser helfen.
 
Schon mal in den Debug des Tools des Browser geschaut ob CSS und Bild geladen werden? Wo es versucht sie herzu holen? Stimmen die relativen Pfade wirklich? Cache schonmal gelöscht?
 
Was das Bild angeht:

Du verlinkst den <a> Befahl auf den geschlossenen </img> Befehl - <a> muss schon vor dem <img> Tag stehen.

Also statt:
<img src="../images/NaughtyDog.jpg"><a href="http://www.naughtydog.com/"></img></a>

so:
<a href="http://www.naughtydog.com/"><img src="../images/NaughtyDog.jpg"></img></a>

Vielleicht liegt es an dem.
 
nein aber der fehler ist ja egal, da es diese datei eh noch nicht gibt ( habe es aber mal geändert, passiert auch nichts)
 
Mach mal eine gescheite Ordnerstruktur.

das ../ im head der index.html geht garnicht.

- Webseite (Ordner)
------ index.html
------ css (Ordner)
----------- styles.css
------ images (Ordner)
----------- NaughtyDog.jpg

und hau die ../ in der html raus.
 
leider auch nicht -_- wir suchen gerade die Nadel im Heuhaufen^^
 
leider auch nicht -_- wir suchen gerade die Nadel im Heuhaufen^^
Zum Vergrößern anklicken....
Brauchst du es nochmal schriftlich? Deine Verzeichnissturktur ist für den Anus.
Saug dir Firebug als Chrome/Firefox Plugin, das Teil zeigt es dir zum Xten mal schwarz auf weiß.

mfg,
Max
 
R4sh schrieb:
leider auch nicht -_- wir suchen gerade die Nadel im Heuhaufen^^
Zum Vergrößern anklicken....

Das hast du doch niemals in 1 ner Minute gelesen, verstanden, geändert und getestet.
Schau mal genau hin was hier geschrieben wird.
 
Ich hab es mal vom Dreamweaver sortieren lassen und die ../ weggemacht.
Code: 
<html>
<head>
<title>The Last of Us Fan website</title>
<!--SliderCSS-->
<link href="style_slider.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html;" charset="utf-8" />
<!--CSS-->
<link href="css/styles.css" rel="stylesheet" type="text/css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>


<!--Body-->


<body>
<div id ="container">
  <div id="header"><a href="http://www.naughtydog.com/"><img src="images/NaughtyDog.jpg"></a></div>
  <div id="navi">
    <div style="position:absolute; left:150px; top:0px">
      <ul>
        <li><a href="http://www.naughtydog.com/blog/" target="_blank">News</a></li>
        <li><a href="http://www.naughtydog.com/games/" target="_blank">Games</a></li>
        <li><a href="http://www.naughtydog.com/company/" target="_blank">Company</a></li>
        <li><a href="http://www.naughtydog.com/site/gallery/" target="_blank">Media</a></li>
        <li><a href="http://community.us.playstation.com/t5/Naughty-Dog-Discussion/ct-p/14811" target="_blank">Forums</a></li>
        <li><a href="http://shop.naughtydog.com/" target="_blank">Shop</a></li>
      </ul>
    </div>
  </div>
  <div id="globalnavi"></div>
  <div id="content"></div>
  <div id="content"></div>
  <div id="footer"></div>
  
  <!--SLIDER-->
  
  <div id="slider"> </div>
  <!--SLIDER ENDS--> 
  
</div>
</body>
<!--BODY ENDS-->
</html>
 
Mach mal eine gescheite Ordnerstruktur.

das ../ im head der index.html geht garnicht.

- Webseite (Ordner)
------ index.html
------ css (Ordner)
----------- styles.css
------ images (Ordner)
----------- NaughtyDog.jpg

und hau die ../ in der html raus.
Zum Vergrößern anklicken....

1. eine Ordnerstruktur habe ich
2. ../ brauchst du um vom Hauptordner in die Unterordner zuspringen oder bin ich so dämlich ? weil uns wurde das von unserem Lehrer so beigebracht
 
Zuletzt bearbeitet:
#7 erneut lesen.
 
R4sh schrieb:
1. eine Ordnerstruktur habe ich
2. ../ brauchst du um vom Hauptordner in die Unterordner zuspringen oder bin ich so dämlich ?
Zum Vergrößern anklicken....
Ja warum willst du von der index.html aus zurückspringen? Die index.html ist im Rootverzeichnis, da soll keine Datei in einem Ordner außerhalb vom root sein. Von da nur nach vorne lesen/abfragen und nicht nach hinten.

Nachtrag:
Außerdem ist bei dir die slider CSS im gleichen Ordner wie die index.html und die style CSS im CSS Ordner. Du musst da komplett umstrukturieren, so kennt sich keiner aus.

Nachtrag die Zweite:
Heißt deine style.css auch so? Weil bei dir wird eine styles.css verlinkt.

So sieht es bei mir aus:
Unbenanntes Bild.png

index.html
Code: 
<html>
<head>
<title>The Last of Us Fan website</title>
<!--SliderCSS-->
<link href="css/style_slider.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html;" charset="utf-8" />
<!--CSS-->
<link href="css/style.css" rel="stylesheet" type="text/css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>


<!--Body-->


<body>
<div id ="container">
  <div id="header"><a href="http://www.naughtydog.com/"><img src="images/NaughtyDog.png"></a></div>
  <div id="navi">
    <div style="position:absolute; left:150px; top:0px">
      <ul>
        <li><a href="http://www.naughtydog.com/blog/" target="_blank">News</a></li>
        <li><a href="http://www.naughtydog.com/games/" target="_blank">Games</a></li>
        <li><a href="http://www.naughtydog.com/company/" target="_blank">Company</a></li>
        <li><a href="http://www.naughtydog.com/site/gallery/" target="_blank">Media</a></li>
        <li><a href="http://community.us.playstation.com/t5/Naughty-Dog-Discussion/ct-p/14811" target="_blank">Forums</a></li>
        <li><a href="http://shop.naughtydog.com/" target="_blank">Shop</a></li>
      </ul>
    </div>
  </div>
  <div id="globalnavi"></div>
  <div id="content"></div>
  <div id="content"></div>
  <div id="footer"></div>
  
  <!--SLIDER-->
  
  <div id="slider"> </div>
  <!--SLIDER ENDS--> 
  
</div>
</body>
<!--BODY ENDS-->
</html>

style.css

Code: 
body{
background-color:#ffff;
font-family:Verdana;
font-size:12px;
}
a:link {
color:#fff;
text-decoration: none;
}


a:visited {
color:#fff;
text-decoration: none;
}


a:hover {
color:red;
text-decoration: none;
}


a:active {
color:red;
text-decoration: none;
}


#container{
height:1400px;
width:960px;
position:absolute; 
}


#header{
height:34px;
width:100%;
background-color:#000000;
postion:absolute;
top:0px;
left:0px;
}


#navi ul li{
list-style-type:none;
display:inline;
height:42px;
width:960px;
}


#ul{
list-style-type:none;
}
 
Zuletzt bearbeitet:
oh gott ich schäme mich gerade für meine sau dumme blödheit:( ich nehme alles zurück leute, habe nicht dran gedacht, dass die index bzw. in dem Fall die Home datei in einem seperaten ordner soll und habe sie dann im html ordner liegen gelassen ^^
 
Zuletzt bearbeitet:
Die index.html soll NICHT in einem separaten Ordner sein! Von da geht alles aus. V-Nessa hat geschrieben wie die Struktur sein muss.

So und nicht anders:
1.png
 
Screenshot_4.png ich könnte mich peinigen für diesen dummen Fehler:mad: da hockt man solange davor um den Fehler zu finden und wo liegt er ?! vergessen die scheiß home.html datei in den richtigen ordner zu packen. Wohnt einer in Umkreis von Köln ? gebe demjenigen dann ein EIS aus ^^
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Ähnliche Themen

Nicodil
HTML Bulletpoint verschoben (HTML/CSS)
Antworten
7
Aufrufe
430
Fenatics
Fenatics
Mondgesang
HTML/CSS: Leerer Raum rechts neben Navigation nicht wegzubekommen
Antworten
5
Aufrufe
561
netzgestaltung
netzgestaltung
N
Bilder wird oben an der Suchleiste abgeschnitten (HTML/CSS)
Antworten
3
Aufrufe
1.103
Janush
Janush
N
(HTML) Bild verschwindet hinter live Hintergrund
Antworten
2
Aufrufe
896
funkmasterflow
funkmasterflow
M
HTML iframe übernimmt kein CSS im Mutter-Dokument
Antworten
15
Aufrufe
1.640
netzgestaltung
netzgestaltung
Zurück
Oben

Willkommen auf ComputerBase!

Mit Werbung weiterlesen

Besuche ComputerBase wie gewohnt mit Werbung und Tracking. Die Zustimmung ist jederzeit widerrufbar.

Details im Privacy Center und in der Liste unserer Partner. Ein Widerruf ist möglich in der Datenschutzerklärung.

… oder ComputerBase Pro bestellen

Nutze ComputerBase ohne Werbebanner, Video-Ads und Werbetracking schon für 4 €/Monat oder 36 €/Jahr.

Mehr zu ComputerBase Pro

Bereits Pro-Nutzer? Hier anmelden.

Tracking: Wir und unsere 160 Partner verarbeiten personenbezogene Daten, indem wir mit auf Ihrem Gerät gespeicherten Informationen (z. B. eindeutige Kennungen in Cookies) ein Nutzungsprofil erstellen, um z. B. Anzeigen zu personalisieren. Verarbeitungszwecke: Genaue Standortdaten und Abfrage von Geräteeigenschaften zur Identifikation, Informationen auf einem Gerät speichern und/oder abrufen, Personalisierte Anzeigen und Inhalte, Anzeigen- und Inhaltsmessungen, Erkenntnisse über Zielgruppen und Produktentwicklungen.

Impressum Kontakt Datenschutz