css hovers
ik ben bezig met het maken van een site en stuit op een probleem.
op de site http://new.kelvin-trainingen.nl/ zie je dat ik bij het menu links een hover heb met een uitklap menu.
nu is het zo dat als je over het uitklap menutje gaat dat de hover van de link weg gaat.
hoe kan ik er voor zorgen dat die blijft staan?
en...
ik wou een .htaccess bestandje gebruiken voor het rewriten van urls maar nu geeft hij een 500 error als ik dat .htaccess bestand upload.
hoe kan dat, en hoe kan ik het verhelpen?
met über vriendelijke groeten,
DirkJan Heinen
Gesponsorde koppelingen:
Die menu fout heb je in IE? In FF merk ik hem niet.
Leon Kunst schreef op 20.05.2008 16:02:
Hmm, miss met ook een extra hover nog op het compleete divje ofzo wat je te zien krijgt, die er voor zorgt dat dat hovereffect blijft?
Dat is inderdaad ook mogelijk. Net als bijvoorbeeld het visible maken van een span bij een mouseover (de bekende infobox). Je kan dit ook doen met een div die je dan over het menu item heen kan zetten (z-index). Weet niet of dit heel netjes is, maar het werkt wel ;p
merk je het niet in FF? ik wel hoor en in ie en in opera en in safari..
@Leon Kunst
ik snap je niet helemaal..
@René D.
oow.. ja dat is een goed plan.. even een emailtje sturen.. moet ik er alleen nog achter komen welke hoster hij gebruikt..
In m'n IE 7.0 reageert hij bij mij hetzelfde als FF 2.0.
Crispijn schreef op 20.05.2008 16:43:
Nette layout He!nen! Mijn complimenten.
dankje dankje :)
als hij het nu ook nog goed deed was het helemaal mooi..
ik heb het net ook geprobeert met die z-indexes maar dat lukt ook niet.
of was het jullie net eens opgevallen?
Dus door een mouseover event te hangen aan je submenu waarmee je de style van het hoofdmenu item bepaalt...
Gewijzigd op 01/01/1970 01:00:00 door Joren de Wit
//edit
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<style>
a.infobox {
border-bottom: 1px solid #990000;
text-decoration: none;
}
a.infobox:hover {
cursor: help;
color: #990000;
background: #CCCCCC;
}
a.infobox span {
visibility: hidden;
position: absolute;
margin-top: 10px;
padding: 3px;
text-decoration: none;
text-align:justify;
width: 175px;
}
a.infobox:hover span {
visibility: visible;
border: 1px solid #990000;
color: #666666;
background: #CCCCCC;
}
</style>
a.infobox {
border-bottom: 1px solid #990000;
text-decoration: none;
}
a.infobox:hover {
cursor: help;
color: #990000;
background: #CCCCCC;
}
a.infobox span {
visibility: hidden;
position: absolute;
margin-top: 10px;
padding: 3px;
text-decoration: none;
text-align:justify;
width: 175px;
}
a.infobox:hover span {
visibility: visible;
border: 1px solid #990000;
color: #666666;
background: #CCCCCC;
}
</style>
Code (php)
1
<a class="infobox" href="#" onclick="return false">Wiki<span><b>Wiki:</b><br />Een wiki is een applicatie of (web)toepassing, waarmee webdocumenten gezamenlijk kunnen worden bewerkt. Een bekend voorbeeld van een wiki is Wikipedia.</span></a>
Dit is een voorbeeld van zo'n infobox. Die infobox kun je echter zelf positioneren. Dus als je die over het oorspronkelijke menu kan zetten met de mouseover image moet het er zo uitzien dat het lijkt alsof deze geslecteerd blijft...
het is niet onmogelijk, maar het kost ff wat werk.. Mijn Bron voor CSS is altijd nog http://www.cssplay.co.uk ( bij gebruik zeker een donatie geven! )
Op deze website vind je talrijke voor beelden wat er mogelijk is om menu's te maken met css
Ik heb nog ff gezocht in mijn bronnen lijst
http://www.seoconsultants.com/css/menus/tutorial/
Hopelijk wordt er wijzer van. Ik zal ook nog ff kijken of ik nog ergens een kleine demo heb voor je..
inmidels heb ik de hovers voor elkaar gekregen met javascript ( http://new.kelvin-trainingen.nl/ )
nu heb ik nog een probleem met de .htaccess een medewerker van het hosting bedrijf emailde mij dat het wel gewoon .htaccess moet onderstuenen en dat het waarschijnlijk aan mijn .htaccess lag.
is er wat fout aan deze htaccess
Code (php)
1
2
3
4
2
3
4
Options +FollowSymlinks
RewriteEngine on
RewriteRule page/([0-9a-zA-Z]+)/([0-9a-zA-Z]+)/$ index.php?subpage=$1&page=$2 [NC]
RewriteRule page/([0-9a-zA-Z]+)/$ index.php?page=$1 [NC]
RewriteEngine on
RewriteRule page/([0-9a-zA-Z]+)/([0-9a-zA-Z]+)/$ index.php?subpage=$1&page=$2 [NC]
RewriteRule page/([0-9a-zA-Z]+)/$ index.php?page=$1 [NC]
Code (php)
1
2
3
4
2
3
4
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f # Existing File
RewriteCond %{REQUEST_FILENAME} !-d # Existing Directory
RewriteRule . /index.php [L]
RewriteCond %{REQUEST_FILENAME} !-f # Existing File
RewriteCond %{REQUEST_FILENAME} !-d # Existing Directory
RewriteRule . /index.php [L]
Als je dit hebt gedaan, ga naar een niet bestaande pagina en kijk of deze je weer terug stuurt naar index.php.
Zo niet, dan ligt het toch aan de server.
