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
Gokken/gaming domeinnamen (meerdere jaren oud, hoge zoekvolumes)Domein te koopUniek concept voor marketing en signing bureau's (eventspandoek.nl)Website te koopVerhoog je online autoriteit met Publisher PlaceLinkpartnersColocatie aanbieding! - 1U COLO, 1Gbps UPLINK, 25TB TRAFFIC = €29 p/m !Hosting -
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