[css] Een link in Mozilla is blauw - Softwareontwikkeling

maandag 19 augustus 2002 13:31

Acties:

Topicstarter

Ik heb een site en die komt uit een lekker php script rollen. Daarom heb ik een css om alles er goed uit te laten zien. Maar in Mozilla zijn alle links blauw onderstreept, maar in IE niet.

Ik heb eens gelezen dat je in de css een regelje moest zetten zodat Mozilla het begrijpt. Maar het zijn alleen de links

Ik kan nergens vinden hoe ik dat moet fixen.

maandag 19 augustus 2002 13:34

Acties:

Limhes

post je css es, en dan vooral het a{} stukje

maandag 19 augustus 2002 13:37

Acties:

Verwijderd

zoiets?

code:

<style type="text/css">
<!--
a:link, :active, :visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

-->
</style>

maandag 19 augustus 2002 13:46

Acties:

Willem

code:

1	<!-- ... // -->

Werkt niet in CSS

use

code:

/* ... */

instead...

Motor (of auto) onderhoud bijhouden

maandag 19 augustus 2002 13:51

Acties:

bredend

Topicstarter

Het vreemde is wel dat het alleen de links zijn
Dus de tabellen zijn wel goed.

Voor de mensen met Mozilla: http://www.ccmod.com

maandag 19 augustus 2002 13:54

Acties:

Shir

code:

<style type="text/css">
a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
</style>

maandag 19 augustus 2002 14:01

Acties:

Verwijderd

heb je color:black al geprobeerd?

Oh ik zie het al, je links staan in een tabel, dus

code:

1
2
3

td.a {
  blabla
}

maandag 19 augustus 2002 14:05

Acties:

drm

f0pc0dert

Best kans dat Mozilla dit soort geintjes niet zo grappig vindt, er daarom je stylesheet een beetje brak laadt:

code:

        <script language="javascript">
[snip]
        </script>
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

Zet die <script> even in je head.

verder is dit

code:

1	.nieuwsnicklink:a:link

niet echt de juiste css, volgens mij

ik denk dat je

code:

1	a:link.nieuwsnicklink

bedoelt

pas op die manier even je stylesheet aan, en check of 't werkt in mozilla.

[list] ________________________________________[/list]

edit:

LineS:
heb je color:black al geprobeerd?

Oh ik zie het al, je links staan in een tabel, dus
code:
1
2
3
td.a {
  blabla
}

offtopic:
Dit soort nietszeggende, foute, en onnodige antwoorden hebben we niet zo veel aan

edit:
2

Even ter toelichting, een punt (.) betekent dat je (voor een bepaald element) een class gaat definieren:

code:

1
2
3

td.a {

}

heeft dus toepassing op

code:

1	<td class="a">dit</td>

en niet op

code:

1	<td><a ...>dit</a></td>

[ Voor 0% gewijzigd door drm op 19-08-2002 14:10 . Reden: *sigh* ]

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz

maandag 19 augustus 2002 14:28

Acties:

BtM909

Watch out Guys...

dus in plaats van

code:

1
2

td.a {
}

code:

1
2

td a {
}

gebruiken voor

code:

1	<td><a ...>dit</a></td>

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

maandag 19 augustus 2002 15:50

Acties:

Verwijderd

willem169 schreef op 19 augustus 2002 @ 13:46:
code:
1

Werkt niet in CSS

use
code:
1
/* ... */
instead...

Dat is toch voor oude browsers (zodat ze de CSS code niet weergeven).

maandag 19 augustus 2002 16:15

Acties:

DeFeCt

je wéét toch

drm schreef op 19 augustus 2002 @ 14:05:

verder is dit
code:
1
.nieuwsnicklink:a:link
niet echt de juiste css, volgens mij
ik denk dat je
code:
1
a:link.nieuwsnicklink
bedoelt

Bij mij levert

code:

1	a:link.nieuwsnicklink

juist geen resultaat, terwijl

code:

1	.nieuwsnicklink a:link

wel werkt.

TopStyle lijkt het er ook mee eens te zijn...

Flickr

maandag 19 augustus 2002 16:22

Acties:

Grom

lief hè!

willem169: complete onzin is idd voor oud browsers, comment in een CSS gedeelte moet wel met /*... */

Dit is wellicht dit ook complete onzin maar ik zou het geprobeerd hebben

:
dit: a:link, a:active, a:visited{
of : a, a:link, a:active, a:visited{

maandag 19 augustus 2002 16:30

Acties:

drm

f0pc0dert

Check anders deze ff:
http://gerard.yoursite.nl/got/Bredend/css.html

zoals 't voor hover geldt, geldt 't ook voor :active en :visited, etc...

check de CSS specs even welke pseudo classes zoals hover allemaal bestaan/ toegestaan zijn.

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz

maandag 19 augustus 2002 16:35

Acties:

Verwijderd

Defect, volgens mij is dat allebei niet goed (maar goed het werkt

)

Volgens mij is dit de enige goede syntax:

code:

a.duder:link, :active, :visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}
a.duder:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: underline;
}

maandag 19 augustus 2002 16:42

Acties:

Verwijderd

Verwijderd schreef op 19 augustus 2002 @ 16:35:
Defect, volgens mij is dat allebei niet goed (maar goed het werkt )

Volgens mij is dit de enige goede syntax:
code:
1
2
3
a.duder:link, :active, :visited {
  ...
}

Mag ik je er dan wel op wijzen dat dit niet hetzelfde is als het volgende?

code:

1
2
3

a.duder:link, a.duder:active, a.duder:visited {
  ...
}

maandag 19 augustus 2002 16:48

Acties:

bredend

Topicstarter

Ik heb er nu dit van gemaakt:

code:

.koplink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    color: #CCCCCC;
    letter-spacing: 2px;
    text-align: left;
    vertical-align: middle;
    word-spacing: 2px;
    font-weight: bold;
    height: 25px;
    text-decoration: none;
}

maandag 19 augustus 2002 16:49

Acties:

Verwijderd

tuurlijk mag je dat

wat levert jouw voorbeeld dan op t.o.v. mijn voorbeeld?

maandag 19 augustus 2002 16:50

Acties:

Grom

lief hè!

Ik heb net even in je code gekeken en ben het met drm eens, iig dat eerste script gedeelte naar je haed verplaatsen zou nog wel eens kunnen helpen.

maandag 19 augustus 2002 16:55

Acties:

Verwijderd

Verwijderd schreef op 19 augustus 2002 @ 16:49:
tuurlijk mag je dat wat levert jouw voorbeeld dan op t.o.v. mijn voorbeeld?

Mijn voorbeeld is enkel en alleen van toepassing op die ene class, bij jouw CSS heeft het effect op die class en álle visited en active links, dus niet alleen op die class.

maandag 19 augustus 2002 16:56

Acties:

bredend

Topicstarter

Maar waarom zou IE het wel goed doen en Mozilla niet?

IE geeft blijkbaar voorang aan CSS. Maar Mozilla kijkt naar de instellingen van een link en niet naar de tekst. En aangezien er geen instellingen voor zijn, neemt Mozilla gewoon blauw/paars enz.

maandag 19 augustus 2002 17:05

Acties:

Verwijderd

Verwijderd schreef op 19 augustus 2002 @ 16:55:

Mijn voorbeeld is enkel en alleen van toepassing op die ene class, bij jouw CSS heeft het effect op die class en álle visited en active links, dus niet alleen op die class.

ah ok.. weer wat geleerd

maandag 19 augustus 2002 18:41

Acties:

Dark Blue

Compositionista!

Alpenmeisje

Bredend schreef op 19 augustus 2002 @ 16:56:
Maar waarom zou IE het wel goed doen en Mozilla niet?

IE geeft blijkbaar voorang aan CSS. Maar Mozilla kijkt naar de instellingen van een link en niet naar de tekst. En aangezien er geen instellingen voor zijn, neemt Mozilla gewoon blauw/paars enz.

Maar heb je nu al dat script goed gezet?

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs

maandag 19 augustus 2002 23:07

Acties:

Verwijderd

Verwijderd schreef op 19 augustus 2002 @ 16:35:
Defect, volgens mij is dat allebei niet goed (maar goed het werkt )

Volgens mij is dit de enige goede syntax:
code:
1
2
3
4
5
6
7
8
9
10
11
12
a.duder:link, :active, :visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}
a.duder:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: underline;
}

code:

1
2
3

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;

dit kan voor a.duder:hover ook weg,
wordt nl. geerfd van bovenstaande a.duder:link, :active, :visited

edit:
beetje mierenneuken maar scheelt onnodige code,.. en is het alleen geldig voor a.duder natuurlijk.