[CSS] geen background image met jpg?

[Erkens]

zit ff wat te kloten met CSS, ik moet namelijk op een site een achtergrond plaatje (in jpg, tis een foto) centreren.
dus ik dacht:

code:

BODY {
 background-image: url(foto.jpg);
 background-position: center;
 background-attachment: fixed;
 background-repeat: no-repeat;
}

alleen geeft hij het foto niet weer, wel als ik een giffie gebruik:

code:

BODY {
 background-image: url(foto.gif);
 background-position: center;
 background-attachment: fixed;
 background-repeat: no-repeat;
}

nadeel hiervan is dat de foto 10x zo groot is! en dat de foto lelijker is!
Mijn vraag is dus, kan ik met CSS geen jpg weergeven? of doe ik iets anders fout? ik snap het niet meer.
o, ja: browser=IE5.5

edit:
hoi verleden

[ Voor 4% gewijzigd door Erkens op 16-05-2003 15:38 ]

[Verwijderd]

Probeer eens je images aan te roepen met singlequotes

[Verwijderd]

hier geen problemen (IE 5.1 MAC en NS 6.2.1, Mozilla 0.9.8)

[Erkens]

Op woensdag 20 februari 2002 14:59 schreef Gordijnstok het volgende:
Probeer eens je images aan te roepen met singlequotes

doet hij niet ook normale dubbelquotes niet.

code:

BODY {
 background-image: url('foto.jpg');
 background-position: center;
 background-attachment: fixed;
 background-repeat: no-repeat;
}

BODY {
 background-image: url("foto.jpg");
 background-position: center;
 background-attachment: fixed;
 background-repeat: no-repeat;
}

doen het ook niet dus?

[Bosmonster]

klopt je path?

misschien moet je het relatieve path opgeven vanuit de CSS-file?

dus iets als ../img/foto.jpg ?

[Erkens]

Op woensdag 20 februari 2002 15:11 schreef Bosmonster het volgende:
klopt je path?

misschien moet je het relatieve path opgeven vanuit de CSS-file?

dus iets als ../img/foto.jpg ?

alle files staan in 1 dir, dus dat kan het niet zijn
ook met embedded style sheets werkt het niet

[Bosmonster]

en als je de exacte syntax vervangt met een foto.gif doet ie het dus wel?

[Erkens]

Op woensdag 20 februari 2002 15:18 schreef Bosmonster het volgende:
en als je de exacte syntax vervangt met een foto.gif doet ie het dus wel?

ja, mits ik natuurlijk die foto eerst omzet in gif natuurlijk
de foto (in jpg) is wel in IE te bereiken dmv

code:

[img]"foto.jpg"[/img]

dus IE kan hem wel laden, alleen vanuit de CSS niet?

[Verwijderd]

misschien kan je ff een linkje hier neergooien

[crisp]

CMYK jeepegje? beschadigd misschien?
Probeer 'm eens onder te openen in een photoshop of paintshop en dan onder een andere naam als jpg te saven...

[Verwijderd]

staat je css file in dezelfde map als je html c.q. images?

Op woensdag 20 februari 2002 15:19 schreef erkens het volgende:

[..]

ja, mits ik natuurlijk die foto eerst omzet in gif natuurlijk
de foto (in jpg) is wel in IE te bereiken dmv

code:

[img]"foto.jpg"[/img]

dus IE kan hem wel laden, alleen vanuit de CSS niet?

[RedHat]

CSS file staat in /css misschien ?

de foto niet, dus je moet ./foto.jpg doen

tenminste, dit denk ik.

[Erkens]

Op woensdag 20 februari 2002 15:27 schreef Shadow3333 het volgende:
misschien kan je ff een linkje hier neergooien

ik werk op een intranet server...
maar de code die ik al gepost heb, is gewoon standaard, ik heb het ook geprobeerd in een leeg htmlletje dus...

Op woensdag 20 februari 2002 15:28 schreef crisp het volgende:
CMYK jeepegje? beschadigd misschien?
Probeer 'm eens onder te openen in een photoshop of paintshop en dan onder een andere naam als jpg te saven...

IE kan hem gewoon weergeven, foto komt rechtstreeks van mijn fuji digicam, zal alsnog even proberen.

Op woensdag 20 februari 2002 15:30 schreef evilpete het volgende:
staat je css file in dezelfde map als je html c.q. images?

Op woensdag 20 februari 2002 15:34 schreef RedHat het volgende:
CSS file staat in /css misschien ?

de foto niet, dus je moet ./foto.jpg doen

tenminste, dit denk ik.

alle files staan in 1 dir, dus dat kan het niet zijn
ook met embedded style sheets werkt het niet

[Bosmonster]

foto komt rechtstreeks van mijn fuji digicam

Hmm.. zit er geen uppercase in je bestandsnaam? Dus foto.JPG ofzo? Dat doen die camera's meestal..

Onder Windows moet je dan wel ff aanzetten dat ie hoofdletters laat zien in explorer, want anders zie je dat niet eens..

Want bij mij onder IE6 op Windows doet jouw code het gewoon met een jpg.

[Erkens]

Op woensdag 20 februari 2002 15:43 schreef Bosmonster het volgende:
Hmm.. zit er geen uppercase in je bestandsnaam? Dus foto.JPG ofzo? Dat doen die camera's meestal..

ik heb hem gerenamed, en trouwens met een img tag doet hij het wel

Onder Windows moet je dan wel ff aanzetten dat ie hoofdletters laat zien in explorer, want anders zie je dat niet eens..

dos werkt ook

Want bij mij onder IE6 op Windows doet jouw code het gewoon met een jpg.

de jpg is wel 200kB, kwee niet of dat uit maakt? aangezien deze het met

code:

<body background="foto.jpg">

het wel doet. Ik zal ook ff een kleinere jpg proberen...

[Verwijderd]

Mensen mensen! Ken je CSS!!!

Als je background-position gebruikt moet je natuurlijk én voor de x richting, én voor de y richting opgeven waar ie moet staan...

De code hieronder zal het wel moeten doen lijkt mij, aangezien ik die ook eens heb gebruikt:

code:

BODY {
 background-image: url('foto.jpg');
 background-position: center center;
 background-attachment: fixed;
 background-repeat: no-repeat;
}

[Erkens]

Op woensdag 20 februari 2002 15:48 schreef erkens het volgende:
Ik zal ook ff een kleinere jpg proberen...

met een jpg van 50kB doet hij het wel
Wat is dan de maximale bestandsgrote van een jpg als deze het moet doen in CSS? vreemd, want die gif die veel groter was dan die jpg deed het wel...

[Bosmonster]

Mensen mensen! Ken je CSS!!!

[Bosmonster]

met een jpg van 50kB doet hij het wel

Das misschien een soort anti-prutser beveiliging

[Erkens]

Op woensdag 20 februari 2002 15:52 schreef Tigereye het volgende:
Mensen mensen! Ken je CSS!!!

Als je background-position gebruikt moet je natuurlijk én voor de x richting, én voor de y richting opgeven waar ie moet staan...

De code hieronder zal het wel moeten doen lijkt mij, aangezien ik die ook eens heb gebruikt:

code:

BODY {
 background-image: url('foto.jpg');
 background-position: center center;
 background-attachment: fixed;
 background-repeat: no-repeat;
}

uiteraard, maar ook dan doet de jpg het niet! want ik heb het (natuurlijk) ook zo geprobeerd:

code:

BODY {
 background-image: url('foto.jpg');
}

[edit]btw ik heb hier een boekje "Web Design in a nutshell" van O'Reilly voor me en daar staat dat niet in

[Verwijderd]

maareh... kan je de image wel gewoon openen met een img tag?

[Erkens]

Op woensdag 20 februari 2002 15:58 schreef evilpete het volgende:
maareh... kan je de image wel gewoon openen met een img tag?

Op woensdag 20 februari 2002 15:19 schreef erkens het volgende:

[..]

ja, mits ik natuurlijk die foto eerst omzet in gif natuurlijk
de foto (in jpg) is wel in IE te bereiken dmv

code:

[img]"foto.jpg"[/img]

dus IE kan hem wel laden, alleen vanuit de CSS niet?

[Verwijderd]

Op woensdag 20 februari 2002 15:55 schreef erkens het volgende:

[..]

uiteraard, maar ook dan doet de jpg het niet! want ik heb het (natuurlijk) ook zo geprobeerd:

code:

BODY {
 background-image: url('foto.jpg');
}

[edit]btw ik heb hier een boekje "Web Design in a nutshell" van O'Reilly voor me en daar staat dat niet in

Hmm, volgens w3schools css tutorial moet het zo...

Oke, dan zal het niet aan de code liggen, maar aan de jpg. Kun je em niet ff ergens online flikkeren ofzo...

[uploaden kan hier]

[Verwijderd]

raar... ik heb er dacht ik geen moeite mee...
en als je de jpg als background in je body tag zet?

<body background="foto.jpg">

Op woensdag 20 februari 2002 15:59 schreef erkens het volgende:

[..]


[..]

[Erkens]

Op woensdag 20 februari 2002 16:01 schreef evilpete het volgende:
raar... ik heb er dacht ik geen moeite mee...
en als je de jpg als background in je body tag zet?

<body background="foto.jpg">

kan ik hem toch niet fixen en centreren ofwel?

[Verwijderd]

Op woensdag 20 februari 2002 16:02 schreef erkens het volgende:

[..]

kan ik hem toch niet fixen en centreren ofwel?

Fixen kan wel iig, maar of het dan nog valid (x)html is weet ik niet...

Misschien kun je met html de url doorgeven aan IE, en met css definiëren dat hij in het midden komt...

Misschien dat IE een probleem heeft met het centreren van de background en de background-attachement... probeer het eens zonder die fixed...

[DeMoN]

code:

BODY {
background-image: url(http://**.jpg); 
background-repeat: no-repeat;
background-position: center center;
}

Probeer is zo dan,.. zonder dat fixed.

EDIT:

probeer het eens zonder die fixed...

* DeMoN is weer is te laat

[Verwijderd]

nee, dat klopt... maar er zit geen verschil tussen een image die in de body-tag eraan wordt geplakt, of 1 die in een css staat... wordt intern toch allemaal vertaalt naar hetzelfde ding...

Op woensdag 20 februari 2002 16:02 schreef erkens het volgende:

[..]

kan ik hem toch niet fixen en centreren ofwel?

[Verwijderd]

Keej, kheb net ff gekeken, en het blijkt dus dat mijn IE (v6.0) een background image alleen kan positioneren via css als er geen background-attachement is...

Of dit ook in andere browsers het geval is weet ik niet, maar volgens mij heb je een bugje in IE ontdekt

[Erkens]

Op woensdag 20 februari 2002 16:12 schreef Tigereye het volgende:
Keej, kheb net ff gekeken, en het blijkt dus dat mijn IE (v6.0) een background image alleen kan positioneren via css als er geen background-attachement is...

Of dit ook in andere browsers het geval is weet ik niet, maar volgens mij heb je een bugje in IE ontdekt

maar daarom moet hij hem toch wel laden??

[Verwijderd]

Bedoeld om te checkuh of hij hem (groter dan 50k) wel of niet zou laten zien...

Op woensdag 20 februari 2002 16:12 schreef Tigereye het volgende:
Keej, kheb net ff gekeken, en het blijkt dus dat mijn IE (v6.0) een background image alleen kan positioneren via css als er geen background-attachement is...

Of dit ook in andere browsers het geval is weet ik niet, maar volgens mij heb je een bugje in IE ontdekt

[Erkens]

Op woensdag 20 februari 2002 16:12 schreef Tigereye het volgende:
Keej, kheb net ff gekeken, en het blijkt dus dat mijn IE (v6.0) een background image alleen kan positioneren via css als er geen background-attachement is...

Of dit ook in andere browsers het geval is weet ik niet, maar volgens mij heb je een bugje in IE ontdekt

met deze code (jpg = 50kB := lelijk) doet IE het wel goed hoor! alleen bij het originele plaatje (=mooi) is de jpg ruim 200kB en wordt deze niet geladen...

[Verwijderd]

Op woensdag 20 februari 2002 16:26 schreef erkens het volgende:

met deze code (jpg = 50kB := lelijk) doet IE het wel goed hoor! alleen bij het originele plaatje (=mooi) is de jpg ruim 200kB en wordt deze niet geladen...

200kb is ook veel te veel!! Neemt niet weg dat IE um gewoon moet laten zien al is het een 10 MB jpeg

maar wat moet je met een bground-plaatje van 200kb? niemand gaat daar op wachten.

[Erkens]

Op woensdag 20 februari 2002 16:30 schreef Shadow3333 het volgende:

[..]

200kb is ook veel te veel!! Neemt niet weg dat IE um gewoon moet laten zien al is het een 10 MB jpeg

maar wat moet je met een bground-plaatje van 200kb? niemand gaat daar op wachten.

tis toch voor een intranet, dus dat maakt niet uit
maar ik denk dat het aan de pc lag, ik heb het met een andere nu geprobeerd (w98 met IE6 ipv wXP met IE6) en daar werkt het wel...
maar ik denk dat ik de foto onderhanden ga nemen en hem wat kleiner maak, toch is het wel jammer, aangezien er iedere week een andere foto moet komen dat ik nu iedere week die file moet resizen.
verder wil ik iedereen bedanken voor hun moeite mij te helpen...

[Verwijderd]

ik weet dat dit een oude is maar ik had hetzelfde probleem
dus om de knowledge base te vullen:
het pad in

code:

 background-image: url("bg.jpg");

is relatief vanaf de style sheet en niet vanaf de html pagina waarin de css geladen word

[ Voor 4% gewijzigd door Verwijderd op 16-05-2003 15:28 ]

[Blaise]

die quotes hoeven toch niet?

background-image: url(bg.jpg); werkt bij mij prima.

[Erkens]

Verwijderd schreef op 16 May 2003 @ 15:27:
ik weet dat dit een oude is maar ik had hetzelfde probleem
dus om de knowledge base te vullen:
het pad in

code:

 background-image: url("bg.jpg");

is relatief vanaf de style sheet en niet vanaf de html pagina waarin de css geladen word

wat heeft dit met dit topic te maken

Blaise schreef op 16 May 2003 @ 23:03:
die quotes hoeven toch niet?

background-image: url(bg.jpg); werkt bij mij prima.

net zoals deze, ook nutteloos

Waarom kunnen mensen oude topics niet gewoon met rust laten

[drm]

leuk he, je eigen topics nog 's terug zien

case closed