Archief - Stretchable background

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

kryptz

Legacy Member
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 :s

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;

}

GregoryCo

Legacy Member
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)

kryptz

Legacy Member
De achtergrondafbeelding is een gradient die uitgerokken zou moeten worden.

Mag ik de pagina hier posten, misschien is dat makkelijker voor jullie?

El Toro

Legacy Member
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 archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan