Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien
Toon posts:

Programmeer probleempje, lokaal = goed, online = fout

Pagina: 1
Acties:

Verwijderd

Topicstarter
Beste GOT'ers,

Mijn naam is Kevin en ben momenteel bezig aan een pagina waar ik een background image wil instellen.
Nu ben ik hier al ongeveer een uur mee bezig en heb steeds maar gegoogled en kom op verschillende HTML/CSS codes uit om dit in te stellen.

Het probleem is als volgt, ik wil namelijk een foto in de achtergrond plaatsen van een HTML website.
In dit geval is dat over_mijzelf.html

Ik heb verschillende opties gedaan zoals:
<body background="foto393groot.jpg">

De volgende code heb ik tussen <head></head> geplaats:
<style type="text/css">
body {background-image:url('foto393groot.jpg');}
</style>


En nog wat andere codes die ik tegenkom via google. Het probleem is nu dat ik als ik lokaal de index.html open en ga naar de pagina over_mijzelf.html dan zie ik de foto perfect in de achtergrond staan, maar zodra ik deze upload is het einde verhaal en staat er geen foto meer in de achtergrond.

Tevens heb ik getest met Internet Explorer 9 en Google Chrome maar beiden is hetzelfde.

Zou iemand mij hier aub mee kunnen helpen / tips geven hoe dit kan of hoe ik dit kan oplossen. Alvast bedankt.

Mvg,

Kevin

  • 418O2
  • Registratie: November 2001
  • Laatst online: 22:57
heb je je base href goed staan?

Cascading Stylesheet:
1
2
3
body {
        background:url('foto393groot.jpg') top center no-repeat;
}


is wat handiger overigens.

[ Voor 67% gewijzigd door 418O2 op 28-11-2011 17:25 ]


Verwijderd

Topicstarter
En waar moet ik die code tussenplakken? Tussen de <head></head> of body?

Sorry programmeren is niet echt mijn vak, maar het is eigenlijk het enige wat ik nog moet :)

[ Voor 73% gewijzigd door Verwijderd op 28-11-2011 17:26 ]


  • rewind.
  • Registratie: Oktober 2001
  • Laatst online: 20-11 00:36
foto393groot.jpg moet nu in dezelfde map staan als over_mijzelf.html

  • 418O2
  • Registratie: November 2001
  • Laatst online: 22:57
Als de base href niet goed staat gaat het niet goed.

TS, lees je ajb even in, dit is wel heeel basis. Daarbij heeft het niet zoveel met programmeren te maken.

  • TERW_DAN
  • Registratie: Juni 2001
  • Niet online

TERW_DAN

Met een hamer past alles.

Verwijderd schreef op maandag 28 november 2011 @ 17:25:
En waar moet ik die code tussenplakken? Tussen de <head></head> of body?
Die moet in je CSSfile te komen staan. Ik neem aan dat je een losse .CSS hebt (zo niet dan moet die in de styletags geplakt worden op je pagina, maar ik zou je willen aanraden gewoon een losse CSSfile te maken, dat houdt het aanzienlijk overzichtelijker).

Verwijderd

Topicstarter
Ja de reden waarom ik niet een .css file heb aangemaakt is omdat dit maar bij 1 pagina van toepassing is. Degene die dit gaat wil wil namelijk een foto op die pagina alleen als achtergrond, en ik werk nog met het leuke oude iframe :)

De styletags heb ik geplaats tussen de <head></head> maar dan is deze wel zichtbaar lokaal maar niet als ik de pagina upload.

PS. de foto393groot.jpg staat in de root van de .html pagina's.

Verwijderd

Topicstarter
Iemand die me verder kan helpen?

  • TERW_DAN
  • Registratie: Juni 2001
  • Niet online

TERW_DAN

Met een hamer past alles.

Waarom heb je een iframe nodig? Kun je een testcase laten zien?

Een losse css is wel handig lijkt me, immers moet je meer stylen dan alleen een achtergrond plaatje lijkt me.

En weet je zeker dat de bestandsnamen op de server kloppen (Als 't een linuxbak is dan kan 't case sensitive zijn natuurlijk).

  • Ramon
  • Registratie: Juli 2000
  • Laatst online: 00:09
Heb je je foto ook geupload? :P

Check mijn V&A ads: https://tweakers.net/aanbod/user/9258/


Verwijderd

Topicstarter
Ja kijk, ik maak af en toe voor bekenden een website en ik doe daar niet veel mee.

Hier staat de website www.massage-bodybalance.nl deze is zover klaar dus het enige probleem is de foto bij het knopje "Over Mijzelf"

Ramon: Ja de foto is ook geupload (A).

De website is gehost bij www.mijndomein.nl ik hoop dat jullie hier misschien wat aan hebben.

  • Ramon
  • Registratie: Juli 2000
  • Laatst online: 00:09
De url naar de foto zoals die in de code staat geeft in ieder geval een 404 dus als je hem wel hebt geupload dan niet naar de goede directory op de server. Of je moet de url aanpassen in je CSS.

http://www.massage-bodybalance.nl/foto393groot.jpg

Check mijn V&A ads: https://tweakers.net/aanbod/user/9258/


Verwijderd

Misschien een hoofd-kleine letter fout? Is echt alles met kleine letters? ook de extensie? (.JPG is iets anders dan .jpg)

  • mjax
  • Registratie: September 2000
  • Laatst online: 25-11 18:08
Probleem is dat je lokaal waarschijnlijk op een case-insentive OS draait, want http://www.massage-bodybalance.nl/foto393groot.JPG bestaat wel. Dus even OF de casing van het plaatje aanpassen, OF de verwijzing in je CSS.

Verwijderd

Topicstarter
Afbeeldingslocatie: http://www.massage-bodybalance.nl/screenshot_ftp.jpg

Zoals jullie hierboven kunnen zien is het bestandsnaam op de ftp server toch echt foto393groot.JPG

In het script heb ik .JPG ervan gemaakt met hoofdletters en niet meer met kleine letters .jpg

Maar toch wil dit niet werken, en wat me nog steeds verbaast is dat die het lokaal wel goed weergeeft en op de FTP server niet.

Trouwens deze doet het wel http://www.massage-bodybalance.nl/foto393groot.JPG

  • Ramon
  • Registratie: Juli 2000
  • Laatst online: 00:09
Hij doet het toch nu? :)

Check mijn V&A ads: https://tweakers.net/aanbod/user/9258/


  • Bartjezz
  • Registratie: Maart 2006
  • Laatst online: 16-06-2024
Een keer de geschiedenis en cookies verwijderen wil ook weleens helpen met testen ;) Of test eens in een andere browser, maar het kan echt niet moeilijk zijn...
http://www.google.nl/search?q=html+background

Let me Google that for you linkjes mogen wel achterwege blijven :)

[ Voor 21% gewijzigd door BtM909 op 30-11-2011 14:25 ]


  • pachacuti
  • Registratie: Januari 2002
  • Laatst online: 24-11 11:32
.jpg is niet hetzelfde als .JPG
Lokaal gebruik je waarschijnlijk Windows terwijl je op de server Linux hebt staan. Linux is hoofdlettergevoelig :)

Verwijderd

Topicstarter
He hij doet het inderdaad in Google Chrome maar in Internet Explorer niet.

Heb inderdaad wel CTRL + F5 geprobeerd maar dit wilde niet werken. Mocht ik me cookies verwijderen dan moet het opgelost zijn?

  • TERW_DAN
  • Registratie: Juni 2001
  • Niet online

TERW_DAN

Met een hamer past alles.

Dit ligt niet aan cookies, dit ligt gewoon aan de browser cache.

Druk even op F12, dan kun je daarna op CTRL R drukken om je cache makkelijk leeg te gooien.

Verwijderd

Topicstarter
Oke, bedankt iedereen. Ik weet dat het afschuwelijk uitziet, maar dit is de wenst geweest van diezelfde vrouw die op de woestijnberg staat.

Afschuwelijk, maarja...bedankt nog allemaal voor jullie hulp!

  • brama
  • Registratie: Februari 2001
  • Niet online
Interessante site.. Ik hoop dat ze je niet uitbetaald heeft in stenen ;)

I mentioned it once, but I think I got away with it.


Verwijderd

Topicstarter
brama schreef op maandag 28 november 2011 @ 20:13:
Interessante site.. Ik hoop dat ze je niet uitbetaald heeft in stenen ;)
Haha nee dat niet, hoezo een interessante site?

  • jessy100
  • Registratie: November 2010
  • Laatst online: 24-11 23:12
een tip: aangezien jij net begint met programmeren, Maak een apparte CSS pagina, dat is veel overzichtelijker.

  • 418O2
  • Registratie: November 2001
  • Laatst online: 22:57
Ik zou eerst beginnen met een aantal html en css tutorials door te nemen, als je namelijk op deze punten stukloopt (gecombineerd met het getoonde kennisnivo) heb je daar eerst meer aan :)

Elk begin is lastig natuurlijk :)
Pagina: 1