image

[win2k]

Hallo, mein Problem ist folgendes.
Mein Image soll in die linke obere ecke positioniert werden.Wenn möglich mit Rahmen.
Nur leider klappt das nicht so recht. Er zeigt das Image nicht an.
Kann ich das so in html schreiben? Lediglich nur die klasse aufrufen?


HTML:

<div class ="img">
</div>

CSS:

.img{
    background-image: url(flasche.jpg);
    background-repeat: no-repeat;
    top:50px; 
    left:0px; 
    width:320px; 
    height:250px; 
}

 

[nichtsgeht]

Setze mal zu deinen div folgendes dazu:

display: block;

Einen Rahmen setzt du mit

border: ....

http://html-php.de/index.php?seite=c_rahmen

 

[win2k]

hmm hat nicht funktioniert, hab das display in meiner div classe hinzugefügt an letzter position.

.img{
    background-image: url(flasche.jpg);
    background-repeat: no-repeat;
    top:50px; 
    left:0px; 
    width:320px; 
    height:250px;
    display: block;
}

 

[nichtsgeht]

Bei mir funktionier es. Ist das Bild auch im gleichen Verzeichnis wie die HTML-Datei ? Hast du bei auf Groß- und kleinschreibung geachtet ?
Ansonsten hast du irgendetwas falsch. CSS-Datei falsch eingebunden, im falschen Verzeichnis ....

 

[win2k]

Der Name sowie das Verzeichnis des image ist korrekt hmm..

 

[nichtsgeht]

Gebe den block zum testen doch einfach mal eine untergrundfarbe.

.img{
    [COLOR=Red]background-color: #FF6666;[/COLOR]
    background-image: url(flasche.jpg);
    background-repeat: no-repeat;
    top:50px; 
    left:0px; 
    width:320px; 
    height:250px;
    display: block;
}

Solltest du nun ein roten Kasten sehen, stimmt etwas mit deinem Bild nicht. Siehst du kein roten kasten, stimmt etwas mit der CSS-Einbindung nicht ;-)

 

[win2k]

roter kasten ist sichtbar!
danke schonmal! hab den fehler gefunden!
der Pfad hat nicht ganz gestimmt!
flasche.jpg in >>> ../flasche.jpg! weil er im css ordner hängen geblieben ist!

 

[Multicoder]

Das Bild muss im gleichen Verzeichnis sein wie die CSS Datei (falls eine existiert).

// Edit: Mist, zu langsam getippt^^