1. #1

    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:

    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 &amp; Message Boards</label> <input id="imgcode" type="text" size="50" /><br />
                <label for="email">URL for E-Mail &amp; 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>
    css:

    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  

  2. #2
    adrianhates's Avatar
    Registered
    23/01/06
    Posts
    2,115
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    23/23
    no-repeat -> repeat-all fzo?
    no votes  

  3. #3
    GregoryCo's Avatar
    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  

  4. #4

    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  

  5. #5
    GregoryCo's Avatar
    Registered
    29/10/03
    Location
    Izegem
    Posts
    4,748
    iTrader
    25 (100%)
    Mentioned
    0 Post(s)
    Reputation
    6/9
    Ja dat mag
    no votes  

  6. #6
    Drone's Avatar
    Registered
    28/05/03
    Location
    bmb
    Posts
    744
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    15/15
    Ik dacht het eerst uit te leggen maar code zegt meer dan duizend woorden.

    Gradient happiness
    no votes  

  7. #7

    Registered
    25/05/09
    Location
    OVL
    Posts
    1,031
    iTrader
    17 (100%)
    Mentioned
    0 Post(s)
    no votes  

  8. #8

    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 hosting
    no votes  

  9. #9
    El Toro's Avatar
    Registered
    07/09/02
    Location
    Boutersem
    Posts
    510
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    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 102753
    no votes  

  10. #10

    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 Page
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in