Post by vanheerde » Thu May 29, 2014 1:44 pm

Hallo,

Ik heb een foto op de achtergrond maar... deze is veel hoger, ik mis wat benen.. hoe kan ik deze passend maken aan elk beeldscherm?


gr Tim

www.testdomeinnaam.info

Groetjes


Active Member

Posts

Joined
Thu May 24, 2012 2:23 pm

Post by victorj » Thu May 29, 2014 6:01 pm


Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Alle niet stekplichtige onderdelen zoals scharnieren, sloten, randverwarming en verlichting voor alle typen koelingen en vriezers.
https://koelcel-onderdelen.com

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Eigen productie en snelle levering.
https://123-deurrubbers.com


User avatar
Expert Member

Posts

Joined
Sat Jun 25, 2011 4:09 am
Location - Alkmaar Holland

Post by Shark » Thu May 29, 2014 6:13 pm

Als het niet in de wat oudere browsers hoeft te werken kun je css3 "background-size" gebruiken. Anders staan hier alle mogelijkheden: http://css-tricks.com/perfect-full-page ... und-image/

User avatar
Active Member

Posts

Joined
Sun Oct 31, 2010 9:43 pm
Location - Haarlem

Post by vanheerde » Fri May 30, 2014 12:08 am

Ik zal ongetwijfeld iets fout doen... maar geen van de opties lijkt me te werken.

Groetjes


Active Member

Posts

Joined
Thu May 24, 2012 2:23 pm

Post by Shark » Fri May 30, 2014 2:06 am

Je achtergrondplaatje is 1942 x 3521 px, oftwel bijna 2 keer zo hoog als ie breed is. Aangezien de meeste desktopschermen breder zijn, dan ze hoog zijn, hoe had je dan gedacht het plaatje beeldvullend te krijgen zonder dat er iets van de hoogte wegvalt? Als je altijd het hele plaatje wilt zien gebruik dan 'background-size: contain' in je css.

User avatar
Active Member

Posts

Joined
Sun Oct 31, 2010 9:43 pm
Location - Haarlem

Post by Shark » Fri May 30, 2014 2:17 am

Anders probeer 's met dit plaatje...

Attachments

bg.png

bg.png (133.31 KiB) Viewed 1478 times


User avatar
Active Member

Posts

Joined
Sun Oct 31, 2010 9:43 pm
Location - Haarlem

Post by vanheerde » Fri May 30, 2014 5:40 am

Bedankt voor je hulp! Helaas werkt het nog niet zoals het zou moeten.., dit is de code die ik heb gebruikt:
body {
background: url('/image/data/bg.png') top center no-repeat;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

Heb je nog meer ideeën?

Gr

Groetjes


Active Member

Posts

Joined
Thu May 24, 2012 2:23 pm

Post by vanheerde » Fri May 30, 2014 12:20 pm

Het is inmiddels gelukt, ik heb van de eerdere topic alles regel voor regel gekopieeerd naar de server. En...hierna werkte het gewoon! Geeeeen idee wat ik fout deed. ... Jammer.

Bedankt voor jullie hulp!

Groetjes


Active Member

Posts

Joined
Thu May 24, 2012 2:23 pm
Who is online

Users browsing this forum: No registered users and 4 guests