Archief - HTML: Hulp gevraagd bij IE-Firefox probleempje (onmouseover)

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
G

Goldrusher

Legacy Member
Kan er iemand dit menu doen werken in Firefox.

Van mijn part mag de hele code aangepast worden, als het maar werkt in Firefox, zoals het dat nu doet in IE.

Het zijn een paar knoppen, die met onMouseover veranderen van stijl (in dit geval enkel de kleur van de tekst eigenlijk)...maar ik krijg dat niet werkende in Firefox.
Schijnt een bekend probleem te zijn, maar de oplossingen die sommige sites voorstellen zijn me iets te ingewikkeld.

Merci! :niceone:

(update: ondertussen is de pagina al grotendeels aangepast dankzij onderstaande voorstellen, tips en codes)
C

Crazed

Legacy Member
Waarom gebruik je buttons?? Gebruik gewonen links en zet in je css de kleur voor a:hover
G

Goldrusher

Legacy Member
Dat geeft als resultaat blauwe hyperlinks...die weliswaar oranje worden bij mouseover, maar ze moeten oorspronkelijk wit zijn.
s

servi

Legacy Member
gooi die frontpage, Word of welke Microsoft-programma je ook gebruikt voor die pagina te maken maar gauw buiten en gebruik een programma dat deftige code schrijft, want deze code trekt echt op niets.

en volgende code zal werken in zowat elke browser dat ge u kunt indenken (in plaats van alleen IE )
Code: 
<style type="text/css">
a.buttons {
        border : 0px 0px 0px 0px; 
        padding: 0px 0px 0px 0px;
	font-weight : bold; 
        font-size   : 8pt; 
        background  : #3d0035; 
        width : 120px;
        color : white;
        font-family: arial;
}

a.buttons:hover {
        color : orange;
}

</style>
<p align="center">
<a class=buttons id="Button1" onclick="parent.midden.location.href='home.htm'">home</a> 
<a class="buttons" id="Button2" onclick="parent.midden.location.href='nieuws.htm'">nieuws</a>
<a class="buttons" id="Button3" onclick="parent.midden.location.href='activiteiten.htm'">activiteiten</a> 
<a class="buttons" id="Button4" onclick="parent.midden.location.href='lid.htm'">lid worden</a> 
<a class="buttons" id="Button5" onclick="parent.midden.location.href='verslagen.htm'">verslagen</a> 
<a class="buttons" id="Button6" onclick="parent.midden.location.href='links.htm'">links</a> 
</p>

het feit dat ik meer dan 60% van de code heb moet herschrijven naar deftige code is het bewijs dat die zeer slechte code is dat het programma dat jij gebruikt op niet veel trekt.

edit : stond nog foutje in :)
G

Goldrusher

Legacy Member
't Is code van enkele sites samengesprokkeld...geen Word, zelfs geen Frontpage geïnstalleerd hier.

lol
C

Crazed

Legacy Member
Code: 
a{text-decoration:none; text-color=white}
erbij zetten, of de code van servi gebruiken.
s

servi

Legacy Member
Goldrusher zei:
't Is code van enkele sites samengesprokkeld...geen Word, zelfs geen Frontpage geïnstalleerd hier.
Klik om te vergroten...

dan stel ik voor dat je eerst wat cursussen volgt op http://www.w3schools.com ( liefst xhtml), want als je op deze manier code blijft bijeensprokkelen zal het op den duur in geen enkele browser meer werken :)
G

Goldrusher

Legacy Member
Ja, ik heb de openingspost aangepast met een andere link. Ik had een pagina opgeslagen en opnieuw geupload, blijkbaar heeft IE/Windows er mee zitten prutsen want de code trok nergens meer op. Nu staat er een veel properdere versie.

Anyway, back on-track...Hoe moet ik die code van servi gebruiken ?

Wat ik er ook mee doe, ik zie geen muiscursor of handje boven de link, maar ik kan wel met dat verticale streepje (zoals je tekst mee kan selecteren) klikken en de link werkt wel.

Maar ik krijg eigenlijk geen enkel teken van leven van die hyperlink. Kleur verandert niet, muiscursor verandert niet.
s

slash

Legacy Member
gebruik dreamweaver 8 die doet da allemaal automatisch met de behaviors
s

servi

Legacy Member
Doordat ik verder bouwde op jouw code zitten (er zat nog overbodige id, nog geen href en een overbodige onclick in) er fouten, ik heb gewoon eens van scratch herschreven en dit werkt :
Code: 
<html>
<head>
    <title>Testje</title>
<style type="text/css">
body {
      background  : #3d0035; 
}

a.menu_item {
    border : 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    font-weight : bold; 
    font-size   : 8pt; 
    width : 120px;
    color : white;
    font-family: arial;
    text-decoration : none;
}

a.menu_item:hover {
        color : orange;
}
</style>
</head>

<body>
<p align="center">
<a class="menu_item" href="home.htm">home</a> 
<a class="menu_item" href="nieuws.htm">nieuws</a>
<a class="menu_item" href="activiteiten.htm'">activiteiten</a> 
<a class="menu_item" href="lid.htm">lid worden</a> 
<a class="menu_item" href="verslagen.htm">verslagen</a> 
<a class="menu_item" href="links.htm">links</a> 
</p>
</body>
</html>
G

Goldrusher

Legacy Member
Erg bedankt allemaal !

:applause:

Ik heb er dit van gemaakt. De code van hierboven, merci servi, met een klein foutje (activiteiten.htm' -> die ' mag daar niet staan) verwijderd, en targets toegevoegd...
Die vaste width (width : 120px;) lijkt in Firefox niet echt te werken, maargoed...er is beeld, da's al veel. ;)

Code: 
<html>
<head>
<title>menu</title>

<style type="text/css">
body {
      background  : #3d0035; 
}

a.menu_item {
    border : 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    font-weight : bold; 
    font-size   : 8pt; 
    width : 120px;
    color : white;
    font-family: arial;
    text-decoration : none;
}

a.menu_item:hover {
        color : orange;
}
</style>

</head>

<body>
<p align="center">
<a class="menu_item" target=midden href="home.htm">home</a> 
<a class="menu_item" target=midden  href="nieuws.htm">nieuws</a>
<a class="menu_item" target=midden  href="activiteiten.htm">activiteiten</a> 
<a class="menu_item" target=midden  href="lid.htm">lid worden</a> 
<a class="menu_item" target=midden  href="verslagen.htm">verslagen</a> 
<a class="menu_item" target=midden  href="links.htm">links</a> 
</p>
</body>
</html>
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan