PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
E

Ronde hoeken>hover>menu

Door Ee jee op 17-09-2008 18:46
2.236 views
hallo allemaal,

Vraagje: ik ben bezig met een site met "ronde hoeken". zie http://img155.imageshack.us/my.php?image=testphphulpli6.jpg

Nou wil ik die geselecteerde items (li hover) grijs maken. Dat heb ik voor elkaar. Maar nu wil ik ook dat als ik die bovenste selecteer het hoekje zichtbaar blijft. (dit is nl. een bg). Die bgcolor (grijs) gaat nl. over de bg-image heen.

Hebben jullie een van allen een simpele oplossing voor dit probleem?
-
--
17-09-2008 18:49
Een verwijzing naar een plaatje maak je zo:
[ignore]site.com/plaatje.jpg[/ignore] of
[ignore]site.com/plaatje.jpg[/ignore].

Edit:
Nu ga ik nog even naar je probleem kijken ;)

Edit 2:

Gebruik zoiets:


a {
    background-image: url(geenhover.png);
   }

a:hover {
    background-image: url(hover.png);
             }
E
Ee jee
17-09-2008 18:55
Zoals je ziet heb ik de tag aangepast. Bedankt voor de tip!

Zoiets heb ik al. Maar omdat het verschillende li'tjes zijn (en de grijze vlakken dus op andere hoogtes zitten) is dit toch niet mogelijk? Of je moet voor elk vlak een andere bg aanmaken.

Of zal ik gewoon geen li's gebruiken maar divjes?

Edit: ik ga nu slapen! Hoor graag nog van mensen met ideeen!

-
--
17-09-2008 19:19
Je hebt nu 'Skelters', Trampoline's (moet dit niet 'Trampolines' zijn?), 'Schoonmaak' en 'Koerier'. Skelters is een geval op zich, Koerier ook. Trampolines en Schoonmaak zijn allebei vierkant. Ikzelf zou het zo oplossen:

Niet getest:

<ul>
	<li class="skelters"><a href="skelters.php">Skelters</a></li>
	<li class="trampolines><a href="trampolines.php">Trampolines</a></li>
	<li class="schoonmaak><a href="schoonmaak.php">Schoonmaak</a></li>
	<li class="koerier"><a href="koerier.php">Koerier</a></li>
</ul>

//CSS

.skelters a   {
			background-image: url(skelters.png);
			}
			
.skelters a:hover   {
				  background-image: url(skelters_hover.png);
				  }
				  
				  
.trampolines a, .schoonmaak a {
				            background-image: url(trampoline.jpg);
				            }
				
.trampolines a:hover, .schoonmaak a:hover {
										background-image: url(trampolines_hover.png);
										}
										
.koerier a {
		background-image: url(koerier.png);
		  }
		
.koerier a:hover {
				background-image: url(koerier_hover.png);
			    }


Edit: accolade vergeten
E
Ee jee
18-09-2008 04:13
super bedankt! ik ga dit vanavond verder uitwerken!

Nogmaals bedankt!

Reageren

Inloggen om te reageren