Archief - HTML: img onder 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

Bram

Legacy Member
Haw, ik ben bezig aan een kleine template voor een fotograaf, redelijk basic: de site bestaat voornamelijk uit een kader waar random fotografie in komt en dan onderaan wat plek voor wat tekst, uitleg...

Nu wou ik de site een wat grungy look geven en heb ik die kader bewerkt met wat brushes, maar die brushes zouden dus een stuk van de (random) foto overlappen. Ik zou het maar stom vinden om eerst in photoshop nog eens op al die foto's eerst die rand te moeten gaan plakken, dus vroeg ik me het volgende af: moest ik, waar de foto erdoor moet komen, de achtergrond nu transparant maken (dus gif of png > gif prolly voor IE), zou ik dan de foto zelf er kunnen laten achter verschijnen??? Ik denk dat het wel kan want ik heb het al eens gezien bij een games website waar je naar screens kon kon kijken...

Ik zette html in de title, omdat ik dacht dat dit mss iets met z-index enzo te maken had...

Iemand een ideetje?
o

orez

Legacy Member
gewoon u foto komt door de transparante gedeeltes hé... en PNG mag je ook gebruiken voor IE, mits een kleine toepassing van een hack, dit zal wel mooier overkomen met PNG imho.. voor de hack moet je maar es kijken in de webmastergids, staat daar ergens :p
B

Bram

Legacy Member
ru`orez zei:
gewoon u foto komt door de transparante gedeeltes hé... en PNG mag je ook gebruiken voor IE, mits een kleine toepassing van een hack, dit zal wel mooier overkomen met PNG imho.. voor de hack moet je maar es kijken in de webmastergids, staat daar ergens :p
Klik om te vergroten...
ah thx, ma hoe zettek die dan in da m'n foto onder die kader komt??? Zou da zo ongeveer lukken:

Code: 
<div id="random_pic>
<img src="foto.jpg" name="random" alt="" class="random">
</div>

en dan de css ongeveer zo:

Code: 
#random_pic {
width: 720;
height: 280;
background: #ffffff url(images/kader.png);
z-index: 1
}
.random {
z-index: -1
}
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