Ik ben op zoek naar de juiste code om een wereldkaart aan twee kanten te laten wegvallen met behulp van een semitransparante PNG die een fade van transparant naar wit (achtergrondkleur site) bevat.
Zodra de gebruiker het browservenster verkleint, moet zowel links als rechts er tegelijkertijd van de afbeelding worden 'afgesneden', hetgeen mooi afgewerkt dankzij de PNG. Ik krijg het alleen zelf voor geen mogelijkheid voor elkaar, en heb alle combi's van positions, overflows en (min-)widths/heights geprobeerd. De wereldkaart zelf moet perse een img zijn en geen background, omdat er gewerkt wordt met image maps icm. Mootools.
Mijn opzet:
Code:body { margin: 0; } #left, #right { min-width: 20px; width: 20px; height: 600px; background-color: #ff0000; position: absolute; } #left { left: 0px; top: 0px; } #right { right: 0px; top: 0px; } #map { height: 600px; position: absolute; left: 20px; } #container { position: relative; width: 640px; }Code:<div id="container"> <div id="left"></div> <div id="map"><img src="Desert.jpg" alt="Map" width="600" height="600" /></div> <div id="right"></div> </div>
- [CSS] Laten wegvallen van afbeelding aan twee kanten
-
02-11-2011, 22:00 #1
- Berichten
- 30
- Lid sinds
- 18 Jaar
[CSS] Laten wegvallen van afbeelding aan twee kanten
-
In de schijnwerper
adult, kamagra, casino adverteren bij 700.000 bezoekersAdvertentieruimteColocatie aanbieding! - 1U COLO, 1Gbps UPLINK, 25TB TRAFFIC = €29 p/m !HostingServerFIX| 24/7 server beheer | 24/7 NOC | Urgente storingsopvolging | Netwerk beheerFreelance / WerkOp zoek naar een langdurige samenwerking? Wij zijn de juiste voor jou !Freelance / Werk -
10-11-2011, 15:46 #2Particulier
- Berichten
- 75
- Lid sinds
- 13 Jaar
Re: [CSS] Laten wegvallen van afbeelding aan twee kanten
z-index misschien iets om mee te gaan spelen?
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic