Hi,
Ik ben bezig met een persoonlijk blog, en nu loop ik tegen een probleem aan.
Ik wil bij "mijn evenementen" dat als ik over de tekst of afbeelding ga, dat alles veranderd.
Maar dat wil niet. Iemand zei dat het enkel met JS kon, maar hier kan ik geen script van vinden.
Mijn html is:
en mijn css:PHP Code:
<div class="kall" style="margin-top: 10px;">
<a href="#" style="margin-top: 7px;">Datum: <em>30 September 2011</em></a>
<p>Toernooidivisie C Rolstoelbasketbal - Roden</p></div>
Kan iemand mij hiermee helpen?PHP Code:
.kall { width: auto; height: 46px; background-color: #c55a45; margin-left: 10px; margin-top: -10px; margin-right: 10px;}
.kall em {font: normal 12px Verdana; color: #fff; text-decoration: none; text-shadow: 0.1em 0.1em 0.05em #000;}
.kall em:hover {font: normal 12px Verdana; color: #000; text-shadow: 0.1em 0.1em 0.05em #fff;}
.kall p {font: normal 10px Verdana; color: #fff; text-decoration: none; text-shadow: 0.1em 0.1em 0.05em #000;}
.kall p:hover {font: normal 10px Verdana; color: #000; text-shadow: 0.1em 0.1em 0.05em #fff;}
.kall a {font: bold 12px Verdana; color: #fff; padding-left: 10px; text-decoration: none; float: left; text-shadow: 0.1em 0.1em 0.05em #000;}
.kall a:hover {font: bold 12px Verdana; color: #000; float: left; text-shadow: 0.1em 0.05em 0.05em #fff;}
.kall:hover {background-color: #C04A34; width: auto; height: 46px;}
Patrick.
- [js] hover met afbeelding en tekst
-
05-11-2011, 18:32 #1
- Berichten
- 412
- Lid sinds
- 14 Jaar
[js] hover met afbeelding en tekst
-
-
05-11-2011, 18:37 #2
- Berichten
- 613
- Lid sinds
- 19 Jaar
Re: [js] hover met afbeelding en tekst
"Ik wil bij "mijn evenementen" dat als ik over de tekst of afbeelding ga, dat alles veranderd."
Wat moet er veranderen?
-
05-11-2011, 18:42 #3
- Berichten
- 412
- Lid sinds
- 14 Jaar
-
05-11-2011, 18:47 #4
- Berichten
- 289
- Lid sinds
- 14 Jaar
Re: [js] hover met afbeelding en tekst
Code:<div class="kall" onmouseover="this.style.color='black'; this.style.backgroundColor='#C04A34';" onmouseout="this.style.color='white'; this.style.backgroundColor='#c55a45';" style="margin-top: 10px;"> <a href="#" style="margin-top: 7px;">Datum: <em>30 September 2011</em></a> <p>Toernooidivisie C Rolstoelbasketbal - Roden</p> </div>
-
05-11-2011, 18:51 #5
- Berichten
- 412
- Lid sinds
- 14 Jaar
Re: [js] hover met afbeelding en tekst
Nee, dat heeft hetzelfde effect.
-
05-11-2011, 18:53 #6
- Berichten
- 289
- Lid sinds
- 14 Jaar
Re: [js] hover met afbeelding en tekst
Welk 'zelfde' effect en wat verschilt het met wat het moet zijn?
-
05-11-2011, 18:57 #7
- Berichten
- 412
- Lid sinds
- 14 Jaar
-
05-11-2011, 18:58 #8
- Berichten
- 289
- Lid sinds
- 14 Jaar
Re: [js] hover met afbeelding en tekst
En wat klopt daar nou niet aan? Je bent allesbehalve duidelijk daarover. Je zegt nergens wat je wél wilt.
-
05-11-2011, 19:03 #9
- Berichten
- 412
- Lid sinds
- 14 Jaar
Re: [js] hover met afbeelding en tekst
Het is de bedoeling dat als ik over een stukje tekst of stukje afbeelding ga, dat de afbeelding veranderd, en de tekst. Dus de afbeelding wat donkerder en de tekst van wit naar zwart.
Nu is het zo dat als ik over de afbeelding ga dat enkel het woord "datum" en de achtergrond veranderd en de rest pas als ik over dat stukje tekst ga.
Snap je welke kant ik op wil?
-
05-11-2011, 19:08 #10
- Berichten
- 289
- Lid sinds
- 14 Jaar
Re: [js] hover met afbeelding en tekst
Wijzig de onmouseout/onmouseover dan naar het element waar het bij hoort in plaats van de algehele div.
-
05-11-2011, 19:11 #11
- Berichten
- 412
- Lid sinds
- 14 Jaar
Re: [js] hover met afbeelding en tekst
Laatst aangepast door PatrickA : 08-11-2011 om 19:24 Reden: Automatisch samengevoegd.
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