Anfänger Problem (background-image)

S3rij · 24.01.2010

also hallo erstmal...
ich möchte mcih nicht unbeliebt machen, aber ich bin ein anfänger mit dreamweaver und schaue mir gard dieses tut an : YouTube - Webdesign und Webprogrammierung: Das Layout mit DIV-Containern (Teil 2)

so und nun komme ich zu meinem problem...und zwar der hat ja eine image eingefügt: background-image:url(../name/name.png);

das problem, wenn ich es mache kommt nix, ich sitze hier schon lange dran (bitte nicht sagen nehm dir ein nennenswertes buch oder so, habe schon im www umgeschaut aber naja:/...)

also mein problem ist: ich kein kein logo einbetten... und keine ahnung woran es liegt...

ich gebe euch mal den code:

von der css datei:

Code:

* {
   margin:0px;
   padding:0px;
}




body  {
    background-color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;

}


wrapper {
    width: 900px;
    margin: 10px auto;
}


header {
    width:900px;
    hight:150px; 
    background-image:url(../logo/logo.png);
    background-repeat:no-repeat;
}

und von der html datei:

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=UTF-8" />
        <title>Unbenanntes Dokument</title>
        <link href="style.css" type"text/css" rel="stylesheet" />
       </head>
    
<body>
 
    <div id="wrapper">
    
    <div id="header"></div>
    <div id="navi"></div>
    <div id="content"></div>
    <div id="footer"></div>
    
    
</body>
    
</html>

wie gesagt bin am anfang und wäre echt jedem dankbar der hilft...oder vllt kennt jemand ein super tut oder so...:/...

ich danke nochmal im vorraus...

gruß, serij

sokie · 24.01.2010

AW: Anfänger Problem (background-image)

vielleicht nur ein Adressenproblem?
wenn der Ordner "logo" im gleichen verzeichnis ist, wie die Datei in der du deinen background definierst heisst die adresse: url(logo/logo.png)
dasscheint bei deiner verlinkung der css der Fall zu sein.

S3rij · 24.01.2010

AW: Anfänger Problem (background-image)

also mein stammordner is so aufgebaut

html1(dort befindet sich die html und css datei)-logo(ordner(dort befindet sich logo.png))

computersprache=schweresprache :uhm:

danke für deine antwort...

sokie · 24.01.2010

AW: Anfänger Problem (background-image)

ja, so hatte ich mir das vorgestellt

deshalb muss dein background

Code:

header {
	width:900px;
	hight:150px; 
	background-image:url(logo/logo.png);
	background-repeat:no-repeat;
}

so notiert werden (ohne ../ davor).

S3rij · 24.01.2010

AW: Anfänger Problem (background-image)

hmmm...leider geht es nicht...

eine kleine (dumme) frage: nehmt die html datei automatisch bezug zu der css datei???

ich danke nochmals das du dir zeit nimmst

um zu helfen

brilo · 24.01.2010

AW: Anfänger Problem (background-image)

hi

die css - Anweisung 'background-image:url(../name/name.png);'
sucht das Bild 'name.png' im übergeordnetem Ordner und von dort aus im Ordner 'name'.
Das ist in deinem Fall falsch.
Wenn alles im gleichem Ordner steht, sollte deine css - Anweisung lauten:
'background-image:url(logo/logo.png);'

hth,
brilo

S3rij · 24.01.2010

AW: Anfänger Problem (background-image)

danke für tipp, aber leider ist nur meine hintergrundfarbe (schwarz) zusehen und vom logo keine spur...

hier screenshoot

Quabbe · 24.01.2010

AW: Anfänger Problem (background-image)

Handelt es sich denn auch wirklich um eine png-Datei und nicht etwa um .jpg oder .gif?

sokie · 24.01.2010

AW: Anfänger Problem (background-image)

S3rij schrieb:
danke für tipp, aber leider ist nur meine hintergrundfarbe (schwarz) zusehen und vom logo keine spur...

ja das liegt daran, das deine Formatierungen sich auf ein ELEMENT "header" beziehen, du hast aber ein DIV Element mit der ID="header". Dazu muss der Selektor "#header" heissen(also mit der Raute davor).

Code:

[B][COLOR=Red]#[/COLOR][/B]header {
	width:900px;
	hight:150px; 
	background-image:url(logo/logo.png);
	background-repeat:no-repeat;
}

S3rij · 24.01.2010

AW: Anfänger Problem (background-image)

ne ist eine png (in photoshop für web gespeichert (png24))

sokie: meinst du in der css detei>? wenn ja, hatte ich vorher schon, dachte könnte daran liegen dass es nicht geht, habs deshalb weggemacht...jedenfals bringt es nicht...

frag mich wieso es nur falsch ist, hab genauso gemacht wie der im tut. :/
mit paar ausnahmen und änderungen...

Quabbe · 24.01.2010

AW: Anfänger Problem (background-image)

Erweitere die Angaben mal um:

Code:

#header {
width:900px;
height:150px; 
background-image:url(logo/logo.png);
background-repeat:no-repeat;
[color=red]display:block;[/color]
}

Vielleicht klappts damit.

sokie · 24.01.2010

AW: Anfänger Problem (background-image)

S3rij schrieb:
sokie: meinst du in der css detei>?

ja,genau da.

S3rij schrieb:
eine kleine (dumme) frage: nehmt die html datei automatisch bezug zu der css datei??

nein, also in der css-datei werden die Pfade so angegeben, wie die Lage der Datei zur css ist. /also: "von der css datei aus sehen".

Quabbe schrieb:
Erweitere die Angaben mal um:

Code:

[COLOR=red]display:block;[/COLOR]

sorry, aber da muss man doch mal ein Stop setzen. display:block hat das DIV von Haus aus, und muss nicht extra notiert werden.

Quabbe · 24.01.2010

AW: Anfänger Problem (background-image)

Div-Elemente haben von Haus aus display:block? Jetzt bin ich verwirrt. Dann muss ich mich ja nochmal durch meinen Quelltext wühlen. Hab' da fast überall ein display:block drin.

Aber mir ist da nochwas aufgefallen:

Code:

<link href="style.css" type[color=red]=[/color]"text/css" rel="stylesheet" />

Glaub, da hat noch was gefehlt.

S3rij · 24.01.2010

AW: Anfänger Problem (background-image)

eine frage : <div id="wrapper"> muss doch blau sein, also wie der rest im html oder?

Quabbe · 24.01.2010

AW: Anfänger Problem (background-image)

Ja. Du hast den Wrapper nicht geschlossen. Füg noch ein </div> zwischen <div id="footer"></div> und </body> ein. Also:

Code:

<div id="footer"></div>
[color=red]</div>[/color]
</body>

sokie · 24.01.2010

AW: Anfänger Problem (background-image)

S3rij schrieb:
eine frage : <div id="wrapper"> muss doch blau sein, also wie der rest im html oder?

auf jeden fall muss auch der wrapper im html auch wieder geschlossen werden (</div>) - hast du versäumt:

HTML:

<body>
  <div id="wrapper">
    <div id="header"></div>
    <div id="navi"></div>
    <div id="content"></div>
    <div id="footer"></div>
  </div>  
</body>

Einrückungen helfen die Übersicht zu behalten.

S3rij · 24.01.2010

AW: Anfänger Problem (background-image)

hab ich...denoch nur schwarz der browser...

füge mal den quelltext von firefox: <!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=UTF-8" />
<title>Unbenanntes Dokument</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>

<body>

<div id="wrapper">

<div id="header"></div>
<div id="navi"></div>
<div id="content"></div>
<div id="footer"></div>

</div>
</body>

</html>

ich hoffe ihr seid net genervt von mr :/

hmmm im ganzen net finde ich nix........ich hab dieses tut schon 8mal angesehen und finde immer noch nicht den fehler....
habe nur andere angaben gemacht als er für header...aber er müsste ja wenigstens doch anzeigen(?)

Quabbe · 24.01.2010

AW: Anfänger Problem (background-image)

Code:

* {
   margin:0;
   padding:0;
}

body  {
    background-color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
}

#wrapper {
    width: 900px;
    margin: 10px auto;
}

#header {
    width:900px;
    height:150px; 
    background-image:url(logo.png);
    background-repeat:no-repeat;
}

Versuchs mal damit. Du hattest bei height einen kleinen Schreibfehler drin. Und leg das Logo mal in den Ordner, in dem auch Deine css- und html-Datei liegt.

S3rij · 24.01.2010

AW: Anfänger Problem (background-image)

VIIIIIIIIIELN DANK!!!!! klappt

))))))))
du hast mir den sonntag gerettet

ich danke euch beiden

ich hoffe jetzt klappt alles

wenn nicht werde ich mich melden

ich danke euch nochmals, und du quabbe hast mich gerettet

Quabbe · 24.01.2010

AW: Anfänger Problem (background-image)

Wenn ich als mittlerweile fortgeschrittener Anfänger jemandem helfen kann, freut mich das natürlich noch umso mehr.

gute Nacht,
Quabbe