CSS in IE niet, in FF wel..

Weet het niet zeker maar geloof dat css opzet altijd met een spatie achter de : moet zijn.... denk niet dat dat de fout is... maar toch zou ik dat oplossen

Vrij logisch je gebruikt een id, daar moet je een # voor gebruiken ipv een . Wanneer je meerdere links wil gebruiken moet je een class gebruik, omdat een id maar 1 x gebruik kan worden, dus:

<a class="menu" onclick="loadFile('home.php')">Home (doet nog nie)</a>

.menu a:link, a:visited, a:active {font-family: Tahoma; color:#404074; text-decoration:none; font-size: 12;}
.menu a:hover {
font-family: Tahoma;
color:#745872;
text-decoration:underline;
color: #FF0000;
font-size: 12;
cursor: pointer;
}

@bierens
ik weet echt niet waar jij het over hebt... slaat echt nergens op.

@Kalle:

Had ergens gelezen dat:

color:#AABBDD;

in FF niet goed gepakt wordt en in IE wel ofzo, dat het eigenlijk moet zijn:

color: #AABBDD;

Maar zeg al dat ik niet zeker weet of het perse moet...

(Ben nog na aan het zoeken waar ik het heb gelezen)

Dit is ook niet juist 2 (in dit geval) letters te veel.

@Kalle:

het spijt me, maar het wil nog niet lukken...hij houdt er op een of andere manier geen rekening mee.
Ik zal die css-file eens opschonen, misschien wordt ie ergens overruled...al gaat het in FF wel weer goed :S

Herbert...

Als je een id toekent aan een link, en je wilt hier automatisch een style op toepassen moet je tussen het element en het id een # plaatsen...

Probeer onderstaande eens:

a#menu:link {
    font-family: Tahoma; 
    color: #404074; 
    text-decoration: none; 
    font-size: 12px;
}
a#menu:visited {
    font-family: Tahoma; 
    color: #404074; 
    text-decoration: none; 
    font-size: 12px;
}
a#menu:active  {
    font-family: Tahoma; 
    color: #404074; 
    text-decoration: none; 
    font-size: 12px;
}
a#menu:hover {
    font-family: Tahoma; 
    color: #745872; 
    text-decoration: underline; 
    font-size: 12;
    cursor: pointer;
}

Wat betreft het 2 keer toekennen van een color style, why??? Nooit problemen mee gehad.
Wel lijkt het me slim om de :visited niet te declareren omdat anders je hover niet altijd meer werkt.

En ik weet niet of je het alleen voor de post in deze opmaak gezet had, maar deze lijkt me beter :p In een stylesheet heb je alleen css staan als het goed is, dus waarom dit niet meteen overzichtelijk neerzetten?

Wat schijnbaar niet helemaal duidelijk is geworden:

De code is zo:

<span class="menu">
<a id="menu" onclick="loadFile('home.php')">Home (doet nog nie)</a>
<a id="menu" onclick="loadFile('home.php')">Over ons</a>
</span>

Die css met ".menu a:hover:" klopt dan (volgens mij) wel. Omdat het dan alleen voor de links is die in de span "menu" staan.

Robert, wat niet wegneemt dat mijn CSS alsnog zal werken...

Rens Admiraal schreef op 28.12.2006 09:54

Robert, wat niet wegneemt dat mijn CSS alsnog zal werken...

zeg ik ook niet, alleen wat Kalle zei en wat jij zei over het id, maakte ik op dat dat van de span nog niet helemaal duidelijk was.

En ook omdat het dan zoals het is gedaan zou moeten werken, en dat doet het wel in FF en niet in IE..

Ik heb nu de css zoals Rens had aangegeven. Aan de code zelf heb ik niets gewijzigd...

<td align="center">
  <span class="menu"> 
     <a class="menu" onclick="loadFile('home.php')">Home </a> | 
     <a class="menu" onclick="loadFile('overons.php')">Over ons</a> |
     <a class="menu" onclick="loadFile('assortiment.php')">Assortiment</a> |
     <a class="menu" onclick="loadFile('contact.php')">Contact</a>
  </span>
</td>