Thread: Stretchable background
-
27-12-2009, 20:20 #1Member
- Registered
- 25/05/09
- Location
- OVL
- Posts
- 1,031
- iTrader
- 17 (100%)
- Mentioned
- 0 Post(s)
Stretchable background
Ik heb een div die een stretchable background nodig heeft, maar dit wil me niet lukken. Ook na wat googlewerk lukt het nog steeds niet

De div uploadedmiddle moet een stretchable bg hebben.
html:
css:Code:<div id="uploadedmiddle"> <div id="image"><img src="uploads/example.jpg" class="uploaded" alt="Something went wrong" /></div> <div id="urls"> <form><p> <label for="html">HTML for websites</label> <input id="html" type="text" size="50" /><br /> <label for="imgcode">IMG Code for Forums & Message Boards</label> <input id="imgcode" type="text" size="50" /><br /> <label for="email">URL for E-Mail & IM</label> <input id="email" type="text" size="50" /><br /> <label for="direct">Direct Link for Layouts</label> <input id="direct" class="url" type="text" size="50" /> </p></form> </div> <div id="uploadmore"><p><a href="xxxxxx" title="Upload more"><img src="images/uploadmore.png" alt="Upload more" title="Upload more" /></a></p></div> </div>
Code:html { margin:0px; padding:0px; background-color:#111010; height:100%; } body { margin:0px; margin-left:auto; margin-right:auto; width:900px; border:none; padding:0px; height:100%; } div#uploadedmiddle { background:url('images/uploadedmiddle.png') no-repeat top center; width:524px; min-height:427px; padding:0px 188px; border:none; margin:0px; }no votes
-
-
27-12-2009, 20:26 #2
no-repeat -> repeat-all fzo?
no votes
-
27-12-2009, 20:28 #3Approved 9liver
- Registered
- 29/10/03
- Location
- Izegem
- Posts
- 4,748
- iTrader
- 25 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 6/9
waarom een div en een class geven aan uw image in uw html? En een image resizen adhv css en html doen we meestal niet, niet zo efficient. Indien uw bg een patroon ofzo is, doe dan repeat. Als je dan toch uw image wil resizen moet je dat toepassen op uw id image. (en uw id in uw img tag zetten)
no votes
-
27-12-2009, 21:02 #4Member
- Registered
- 25/05/09
- Location
- OVL
- Posts
- 1,031
- iTrader
- 17 (100%)
- Mentioned
- 0 Post(s)
De achtergrondafbeelding is een gradient die uitgerokken zou moeten worden.
Mag ik de pagina hier posten, misschien is dat makkelijker voor jullie?no votes
-
27-12-2009, 21:16 #5Approved 9liver
- Registered
- 29/10/03
- Location
- Izegem
- Posts
- 4,748
- iTrader
- 25 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 6/9
Ja dat mag
no votes
-
27-12-2009, 23:11 #6
Ik dacht het eerst uit te leggen maar code zegt meer dan duizend woorden.
Gradient happinessno votes
-
28-12-2009, 01:38 #7Member
- Registered
- 25/05/09
- Location
- OVL
- Posts
- 1,031
- iTrader
- 17 (100%)
- Mentioned
- 0 Post(s)
no votes
-
28-12-2009, 19:21 #8Member
- Registered
- 25/05/09
- Location
- OVL
- Posts
- 1,031
- iTrader
- 17 (100%)
- Mentioned
- 0 Post(s)
Ik heb mijn code wat veranderd, en heb nu 3 kollomen.
In de middelste kolom staat de content, deze rekt mooi uit. De andere 2 kollomen rekken echter niet uit.
nanoIMG - Free image hostingno votes
-
03-01-2010, 21:03 #9
Hey, ik las net deze topic, en ik vroeg me iets af. Is het mogelijk om een achtergrond foto te laten scalen/stretchen naar de resolutie van de surfer. Ik wil voor een groepswerk een site maken met een foto van mijn stad als achtergrond, en ik zoek en manier om die achtergrond voor iedereen schermvullend te maken. Kan dit? (Sorry, wil niet hijacken, dacht gewoon dat deze vraag hier wel zou thuis horen ;-))
Het 9lives Folding@Home team zoekt altijd nieuwe leden. PS3 of PC, maakt niet uit, zet em op teamnummer 102753no votes
-
03-01-2010, 22:53 #10Member
- Registered
- 25/05/09
- Location
- OVL
- Posts
- 1,031
- iTrader
- 17 (100%)
- Mentioned
- 0 Post(s)
Mijn probleem is inmiddels opgelost.
Misschien kan dit u helpen:
How Do you Stretch a Background Image in a Web Pageno votes
