[CSS] Probleem

[Verwijderd]

Op mn site maak ik gebruik van CSS om in het menu alle eerste letters oranje te maken en dat als je er met de muis overheen gaat dat het dan helemaal oranje wordt. Maar ik krijg het niet voor elkaar. Als de pagina geladen is ziet het er prima uit, en als je er met de muis overheen gaat wordt het ook helemaal oranje. Maar als je er met de muis dan weer af gaat is het helemaal zwart.
De CSS-code die ik nu gebruik:

code:

a:link {
    color: #000000; font-weight: bold; text-decoration: none;
}
a:visited {
    color: #000000; font-weight: bold; text-decoration: none;
}
a:hover {
    color: #FF7700; font-weight: bold; text-decoration: none;
}



.menu {
    color: #000000; text-decoration: none; font-size: 10px; font-weight: bold;
}

.menu:first-letter {
    color: #FF7700; font-weight: bold; text-decoration: none; font-size: 10px;
}

En de menu-code:

code:

<div class="menu"><a href="?action=home">Home</a></div>
<div class="menu"><a href="?action=lijst">Werkstukkenlijst</a></div>
<div class="menu"><a href="?action=registreren">Registreren</a></div>

Ik hoop dat jullie me kunnen helpen

BTW, in internet explorer gaat het wel goed, maar in Mozilla en Netscape niet...

[Willem]

Het is niet helemaal duidelijk..

Is dit nu je bedoeling?
* Letters zijn zwart.
* Mouseover moeten ze oranje worden.
* Mouseover moet "het" helemaal oranje worden
* Mouseout moeten de tekst weer zwart worden

Kortom, licht wat meer toe

Ik zou zeggen: definieer iig ook een "a" (de mouseout-status)

[Verwijderd]

* Letters zijn zwart, eerste letter is oranje
* Mouseover > Alle letters oranje
* Mouseout > Moet weer zwart, eerste letter oranje worden

Wat er nu gebeurt:
* Letters zijn zwart, eerste letter is oranje
* Mouseover > Alle letters oranje
* Mouseout > Alle letters zwart

Bij mouseout moet de eerste letter dus oranje worden/blijven, maar dat gebeurt niet, hij wordt zwart.

Bij Internet Explorer gaat het wél goed.

Als je mozilla/netscape hebt, kun je het probleem hier zien.

[ Voor 19% gewijzigd door Verwijderd op 02-03-2003 20:02 ]

[Willem]

Denk dat het handig is als je de eerste letter van de link een class meegeeft die gewoon zowel a, als a:hover oranje is; En de rest van de a href geen class, met mouseout (a) zwart en mouseover (:hover) oranje

Denk dat je dan een eind komt.

[Rickets]

willem169 schreef op 02 maart 2003 @ 19:38:
Het is niet helemaal duidelijk..

Is dit nu je bedoeling?
* Letters zijn zwart.
* Mouseover moeten ze oranje worden.
* Mouseover moet "het" helemaal oranje worden
* Mouseout moeten de tekst weer zwart worden

* De letters zijn zwart
* Alle eerste letters zijn oranje.
* Mouseover moeten de letters allemaal oranje worden
* Mouseout moeten de letters weer zwart worden, behalve de eerste letter, die moet oranje blijven.

Dit werkt iig in Mozilla, maar weer niet in Internet Explorer.

[Verwijderd]

Rickets schreef op 02 March 2003 @ 20:02:
[...]

* De letters zijn zwart
* Alle eerste letters zijn oranje.
* Mouseover moeten de letters allemaal oranje worden
* Mouseout moeten de letters weer zwart worden, behalve de eerste letter, die moet oranje blijven.

Dit werkt iig in Mozilla, maar weer niet in Internet Explorer.

Thx, dan doe ik dat, met PHP kan ik namelijk verschillende browsers verschillende stylesheets sturen.
Het mooiste zou natuurlijk een universele oplossing zijn, maar dit is ook goed.

-edit-
Ik bekijk nu de source, en zie dat met deze code de eerste letters van alle <a>'s oranje worden, en dat is niet de bedoeling

[ Voor 10% gewijzigd door Verwijderd op 02-03-2003 20:06 ]

[Rickets]

Verwijderd schreef op 02 maart 2003 @ 20:04:
Thx, dan doe ik dat, met PHP kan ik namelijk verschillende browsers verschillende stylesheets sturen.
Het mooiste zou natuurlijk een universele oplossing zijn, maar dit is ook goed.

Ik ben er mee bezig

-edit-
Ik bekijk nu de source, en zie dat met deze code de eerste letters van alle <a>'s oranje worden, en dat is niet de bedoeling

Hier niet

[Verwijderd]

Rickets schreef op 02 March 2003 @ 20:13:
[...]

Ik ben er mee bezig

[...]

Hier niet

Thx!!

-edit- Ik heb nu gewoon met php gezorgd dat hij kijkt naar welke browser je hebt, en aan de hand daarvan bepaalt welke stylesheet je nodig hebt, dus de links-stylesheet werkt nu

[ Voor 31% gewijzigd door Verwijderd op 02-03-2003 20:27 ]

[Rickets]

Verwijderd schreef op 02 maart 2003 @ 20:22:
[...]

Thx!!

En dit is de oplossing van willem169 uitgewerkt, wat minder nette CSS, maar die doet het in Mozilla en Internet Explorer
http://www.joeteren.nl/zooi/uni.html

[Verwijderd]

Rickets schreef op 02 March 2003 @ 20:28:
[...]

En dit is de oplossing van willem169 uitgewerkt, wat minder nette CSS, maar die doet het in Mozilla en Internet Explorer
http://www.joeteren.nl/zooi/uni.html

OK, dan ga ik deze nu inbouwen
Hartstikke bedankt

Wtf? Hij werkt niet op mijn site
Naja dan maar op de vorige manier...

[ Voor 11% gewijzigd door Verwijderd op 02-03-2003 20:33 ]