grafiken werden im browser nicht angezeigt!?

effiboy · 13.12.2009

hallo
hab ein dickes problem ... hab mir ein video tut angeguckt über homepage coden …hab alles nach der anleitung von tut gemacht doch leider kann mann die grafiken nicht sehen ...

sehr merkwürdigt hab alles 10 mal überprüft aber leider ohne erfolg ... im firefox kann mann wenn ich auf die rechte maustate auf seiteninformationen klicke im unterordner media die grafiken jedoch sehen
hab 3 scrennshots gemacht

Bilder entfernt, Bildgröße beachten! Und code lässt sich hier auch anders posten.

wie ihr sieht sieht mann nur die bg kachel ... hab 3 weitere grafiken verlinkt bgheader und bgcontainer das komische ist wenn ich auf firefoxxx auf seiteninformaton klicke sieht mann die grafiken ?? kann mir das wirklich nicht erklären im tut macht der typ das genau soooooo und die grafiken kann mann jeddoch im browser sehnnn... hab wirklich alles 1000 mal überprüft

wäreeee soooo sooooo glücklich wenn jemand helfen könnte ...
danke jetzt schon an alleee

Poki29 · 13.12.2009

AW: grafiken werden im browser nicht angezeigt!?

Am besten läds du keine Bilder hoch sondern postest mal den Code ;-)

Code:

solltest du dazu verwenden ;-)

cebito · 13.12.2009

AW: grafiken werden im browser nicht angezeigt!?

Dreamweaver hat da so manchmal seine Probleme mit korrekten Pfaden. Liegt der "Bilder"-Ordner im selben Verzeichnis wie die HTML und CSS? Dann mach mal das "../" bei deinen Pfaden raus, denn du musst nicht erst nen Ordner nach oben navigieren.

Ach, und dann haben wir im Forum noch so schöne Buttons

benutz die bitte beim nächsten Mal um deinen Code zu posten und wenn du Screenshots hochlädst dann bitte das Thumbnail posten -

effiboy · 13.12.2009

AW: grafiken werden im browser nicht angezeigt!?

das ist der html code :

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>2009</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" />
</head>


<body>
<div id="headerContainer">
<div id=id="header">
</div>
</div>
</body>
</html>

das ist der code von der css datei :

Code:

* CSS Document */

* { 
    margin:0; padding:0; border:0;


}

html {
 background:url(../Bilder/bg-html.jpg) 0 0 repeat;
 

}

body{ font:62.5%/1.8em "trebuchet ms",  verdana, arial, sans-serif;
color:#515151;
background:url(../Bilder/bg-body.jpg) 0 0 repeat-x



}

div#headerContainer { 
width:100%; 
background:url(../Bilder/bg-header-container.jpg) center 30px no-repeat;


}

div#headerContainer div#header { width:960px; height:695;
background:url(../Bilder/bg-header.jpg) 0 0 no-repeat;
margin:0 auto; 


}

Mew · 13.12.2009

AW: grafiken werden im browser nicht angezeigt!?

hast du vielleicht einen Link zu der Seite oder ist die noch nicht online???

effiboy · 13.12.2009

AW: grafiken werden im browser nicht angezeigt!?

Mew schrieb:
hast du vielleicht einen Link zu der Seite oder ist die noch nicht online???

nein wie denn ohne grafiken

hab nur die css datei und die index.html

cebito · 13.12.2009

AW: grafiken werden im browser nicht angezeigt!?

Statt dort wieder deine Screenshots reinzuposten - hast du denn schon mal versucht, was ich oben geschrieben? Bzw. erklär hier mal genau in welchem Ordner welche Dateien und Bilder liegen. Ist ja wohl offensichtlich, das bei dir ein Pfadproblem vorliegt, nur können wir deine Ordnerstruktur nicht erahnen.

effiboy · 13.12.2009

AW: grafiken werden im browser nicht angezeigt!?

cebito schrieb:
Statt dort wieder deine Screenshots reinzuposten - hast du denn schon mal versucht, was ich oben geschrieben? Bzw. erklär hier mal genau in welchem Ordner welche Dateien und Bilder liegen. Ist ja wohl offensichtlich, das bei dir ein Pfadproblem vorliegt, nur können wir deine Ordnerstruktur nicht erahnen.

also ich hab in mein hauptordner 2 unterordner Bilder und css ordner ( im css ordner befindet sich die stylesheet.css und im ordner bilder die grafiken )

das komische ist ja das die background grafik wunderbar funktioniert! also müsste doch der pfad richtig sein oder nicht?

cebito · 13.12.2009

AW: grafiken werden im browser nicht angezeigt!?

Und wo befindet sich deine index.html? Laut dem einen Screenshot (Pfad in Adresszeile) ebenfalls im Ordner Bilder?! Was macht die da und wie kommt dann der Pfad zur CSS zustande wenn diese doch im Ordner css ist, der sich neben dem Bilderordner befindet? Fragen über Fragen...

Würd mal prüfen, ob die css überhaupt greift, indem du mal ein paar Hintergrundfarben definierst.

effiboy · 13.12.2009

AW: grafiken werden im browser nicht angezeigt!?

ich verstehe garnix mehr in welchen ordner soll ich was verschieben das endlich mal meine grafik funktioniert?? ubrigens die index html ist im hauptordner

cebito · 13.12.2009

AW: grafiken werden im browser nicht angezeigt!?

effiboy schrieb:
ubrigens die index html ist im hauptordner

Warum rufst du sie dann so auf?

Bring mal Ordnung rein, du weißt wohl selbst grad nicht, wo was liegt...

effiboy · 13.12.2009

AW: grafiken werden im browser nicht angezeigt!?

also hab mein pc neu installiert und dreamweaver cs3 installiert und das ganze von vorne gecodet hier ein screnn von ordner

hab wirklich alles kontrolliert buchstabe für buchstabe ... ein screnn vom dreamweaver

serverhombre · 13.12.2009

AW: grafiken werden im browser nicht angezeigt!?

Hallo,

ich würd nochmal den Code überarbeiten :hmpf:

HTML:

<div id=id="header">

ein id="header" reicht.

Code:

background:url(../Bilder/bg-body.jpg) 0 0 repeat-x

das ; fehlt am Ende.

Code:

div#headerContainer div#header { width:960px; height:695;

bei der height:695 fehlen die px.

effiboy · 13.12.2009

AW: grafiken werden im browser nicht angezeigt!?

danke aber leider ändert das nichts an mein problem
kann mir denn keiner helfen ??

Chickenshooter · 14.12.2009

AW: grafiken werden im browser nicht angezeigt!?

Moin

hoffe ich kann helfen.....

in der HTML ist ein Fehler:

HTML:

<div id=id="header"></div>

hier ist ein =id zuviel

Fehler in der CSS:

HTML:

body{ 
   font:62.5%/1.8em "trebuchet ms",  verdana, arial, sans-serif;
   color:#515151;
   background:url(../Bilder/bg-body.jpg) 0 0 repeat-x;
}

entweder % oder em nicht beides und schon mal garnicht "rechnen"
sowas wie 45%/1.45em ist Schwachsinn.

HTML:

div#headerContainer div#header { 
    width:960px; height:695;
    .
    .
}

height:695px;

die Maßeinheit nicht vergessen,
in Deinem Fall wird dann nämlich nichts angezeigt.

ich hab die HTML und die CSS (beide aber berichtigt ) bei mir gecheckt mit Firefox, IE und Opera als Browser, auf einem Apache-Webserver und es
läuft.
Die Grafiken werden wie erwartet angezeigt, und zwar die Grafik
des Containers hinter Der des headers.

WICHTIG:
GROß und klein - Schreibung beachten, gerade bei Pfadangaben.

MfG Chickenshooter