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
Linkbuilding(internationaal)uitbesteden(ook whitelabel)?Wij regelen alle plaatsingen.Freelance / WerkCosta Blanca reisgids: vakantie website met 429 blogsWebsite te koop20 koopgidsen (affiliate) | 30 blogs per website | Vanaf € 60 per websiteWebsite te koopBacklinks.nl - STUNT - 50 Homepage links € 0,98 per stuk!Linkpartners -
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