Archief - HTML: background-image

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.
B

BrAiNpAiN

Legacy Member
Yo, ben zo'n beke aant knoeien met een websiteje en zou graag een background image uitrekkend hebben over het hele scherm. Kben al aant probere geweest maar vind de juiste code niet:

Code: 
body {
	background-color: #FFFFFF;
	background-image: url(img/background1.png);
}
Met andere woorden, width en height zouden 100% moeten zijn...

Is mss n00bvraag maar kzit doorgaans nie veel bezig met de code.

Thx in advance!
t

tikketim

Legacy Member
body {
background-color: #FFFFFF;
background-image: url(img/background1.png);
width:100%;
height:100%
}
probeer eens :)
grtz Tim
B

BrAiNpAiN

Legacy Member
tikketim zei:
body {
background-color: #FFFFFF;
background-image: url(img/background1.png);
width:100%;
height:100%
}
probeer eens :)
grtz Tim
Klik om te vergroten...
Damn, probeerde altijd met width=100% :crazy:

_EDIT_ gaat nog steeds niet, zelfde prob als dervoor, namelijk background naast elkaar.
Code: 
body {
	background-color: #FFFFFF;
	background-image: url(img/background1.png); 
	width:100%; 
	height:100%;
}
D

DarkBone

Legacy Member
Dat gaat niet.
En waarom komt praktisch iedere 'beginner' met die vraag af zeg?
Heeft men nu echt niet door dat dat pokkelelijk is (omwille van het feit dat ge uw achtergrond gaat vervormen). En dan nog, moest da nie het geval zijn blijft een volledige image als achtergrond nog steeds rete lelijk (buttugly in 't engels).

Een website goed en mooi zichtbaar maken op iedere resolutie betekent dus NIET dat ge alles moet gaan zitten uitrekken hé :ironic:
D

Dece

Legacy Member
het gaat wel mbv een work around:
CSS-file:
Code: 
body
{
     margin:0px;
     padding: 0px;
     z-index: 0;
}
#bg
{
     width: 100%;
     height: 100%;
     z-index: 1;
}
#bg img
{
     width: 100%;
     height: 100%;
}
#site
{
     z-index: 2;
.....
}
u html:
Code: 
...
<div id="bg"><img src="img/background1.png" alt="mijnen bg" /></div>
<div id="site"> u eigelijke site</div>
...

of het er proper zal uitzien op hogere resoluties is iets anders
B

BrAiNpAiN

Legacy Member
DarkBone zei:
Dat gaat niet.
En waarom komt praktisch iedere 'beginner' met die vraag af zeg?
Heeft men nu echt niet door dat dat pokkelelijk is (omwille van het feit dat ge uw achtergrond gaat vervormen). En dan nog, moest da nie het geval zijn blijft een volledige image als achtergrond nog steeds rete lelijk (buttugly in 't engels).

Een website goed en mooi zichtbaar maken op iedere resolutie betekent dus NIET dat ge alles moet gaan zitten uitrekken hé :ironic:
Klik om te vergroten...
Is idd om de website in alle resoluties te laten passen.
Den achtergrond van dienst is nen achtergrond die perfect uitrekbaar is zonder vervorming (is soort van 'concrete'-style background).
Waarom iedere 'beginner' met die vraag afkomt zal wss zijn omdat er in hun ogen niets is waarmee ze soortgelijk resultaat zullen bekomen.
Indien dit niet gaat zoals DarkBone zegt, is er dan een andere manier om via een script ofzow dit wel toe te laten?

_EDIT_ @Dece, zal direct es probere...
0

0n3Liner

Legacy Member
DarkBone zei:
Dat gaat niet.
En waarom komt praktisch iedere 'beginner' met die vraag af zeg?
Klik om te vergroten...

wilde wete, mijn eerste vraag over html was ook hoe stel ik een BG image in
:)
D

DarkBone

Legacy Member
BrAiNpAiN zei:
Is idd om de website in alle resoluties te laten passen.
Den achtergrond van dienst is nen achtergrond die perfect uitrekbaar is zonder vervorming (is soort van 'concrete'-style background).
Waarom iedere 'beginner' met die vraag afkomt zal wss zijn omdat er in hun ogen niets is waarmee ze soortgelijk resultaat zullen bekomen.
Indien dit niet gaat zoals DarkBone zegt, is er dan een andere manier om via een script ofzow dit wel toe te laten?

_EDIT_ @Dece, zal direct es probere...
Klik om te vergroten...
Ge gaat sowieso uitgerokken en vergrootte pixels krijgen zenne...
Gebruik als achtergond patronen die zich kunnen herhalen.
T

Tiny-Goku

Legacy Member
en een bakstenen muur is nu niet echt moeilijk om repetitive te maken. Als ik u was gebruikte ik nooit een website met een gestretchte achtergrond alleen al omdat dat lelijk is imo :s
t

tikketim

Legacy Member
0n3Liner zei:
wilde wete, mijn eerste vraag over html was ook hoe stel ik een BG image in
:)
Klik om te vergroten...

lol , ik weet het nog goed toen ik aan stealfish vroeg : allemaal goed en wel , da prentje staat er op , ma zegt nu is hoe ik in godsnaam da prentje in het midden moet zetten ?
als ge daar nu aan trugdenkt is da best grappig
:)
3

3razor

Legacy Member
Code: 
<BODY BACKGROUND="achtergrond.jpg" bgproperties=fixed>
Plaats de code net onder de </head> en juist boven de <body> tag in uw html code. Verander "achtergrond.jpg" in de naam van het achtergrondplaatje dat je wil gebruiken. Zorg er wel voor dat het plaatje is opgeslagen in dezelfde map als je pagina.
:D:D of ist da nie daj nodig ebt???
B

BrAiNpAiN

Legacy Member
3razor zei:
Code: 
<BODY BACKGROUND="achtergrond.jpg" bgproperties=fixed>
Plaats de code net onder de </head> en juist boven de <body> tag in uw html code. Verander "achtergrond.jpg" in de naam van het achtergrondplaatje dat je wil gebruiken. Zorg er wel voor dat het plaatje is opgeslagen in dezelfde map als je pagina.
:D:D of ist da nie daj nodig ebt???
Klik om te vergroten...
heu, nej, was eigenlijk de bedoeling dat ge het effect zou krijgen zoals ge bij u bureaubladachtergrond bijv. 'spreiden' kunt selecteren. Met jouw code herhaalt de achtergrond zich gewoon...

ff btw: de methode van Dece werkte niet, maar waarschijnlijk komt dit door mijn tekort aan kennis ivm CSS :crazy:
3

3razor

Legacy Member
BrAiNpAiN zei:
heu, nej, was eigenlijk de bedoeling dat ge het effect zou krijgen zoals ge bij u bureaubladachtergrond bijv. 'spreiden' kunt selecteren. Met jouw code herhaalt de achtergrond zich gewoon...

ff btw: de methode van Dece werkte niet, maar waarschijnlijk komt dit door mijn tekort aan kennis ivm CSS :crazy:
Klik om te vergroten...

ja maar hij blijft vast op de achtergrond :D kbedoel dat de tekst gewoon derover scrollt maar geen probleem keb et gewoon mis geïnterpretteerd :) kanne uw anders nie direct helpen :D
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