Toon posts:

[CSS] Link Styles werken niet (naar behoren)

Pagina: 1
Acties:

vrijdag 16 januari 2004 00:28

Acties:

Verwijderd

Topicstarter
HTML:
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128

<HTML>

<HEAD>

<TITLE></TITLE>

<style type="text/css">
<!--
A:LINK
{
Color: White;
Text-Decoration: none;
}
A:VISITED
{
Color: White;
Text-Decoration: none;
}
A:HOVER
{
Color: Orange;
Text-Decoration: none;
}
A:ACTIVE
{
Color: Orange;
Text-Decoration: none;
}
body {
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
div.header {
    width: auto;
    height: 100px;
    background-color: #3B4E7A;
}
div.menu {
    background-color: #3B4E7A;
    position: absolute;
    left: 0;
    width: 110px;
    height: 400px;
    overflow: hidden;
    Z-Index: 1;
}
div.inhoud {
    width: auto;
    margin-left: 110px;
    overflow: auto;
    height: 400px;
}
div.footer {
    background-image: 
    url("gfx/blocks.bmp");
    background-repeat: no-repeat;
    background-position: 
    bottom right
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    bottom: 0px;
    background-color: #3B4E7A;
    Color: #FF8000;
    Font-Family: Verdana;
    Font-Size: XX-small;
}
FONT
{
    Color: White;
    Font-Family: Verdana;
    Font-Size: X-small;
    Z-Index: 2;
}
-->
</style>
<!--[if IE 6]>
<style type="text/css">
<!--
    html {
    overflow:hidden;
}
body {
    height:100%;
    overflow:auto;
}
-->
</style>
<![endif]-->

</HEAD

<BODY>

<div class="header"><!-- begin header //-->

<font>H E A D E R</font>

<!-- einde header //--></div><div><div class="menu"><!-- begin menu //-->

<div>
[img]"gfx/menu2.bmp">
<span[/img]<a href="home.html" target="iframe"><font>.home</font></a></span>
<span style="position:absolute;top:110px;left:40px;Z-Index: 2"><a href="info.html" target="iframe"><font>.info</font></a></span>
<span style="position:absolute;top:150px;left:40px;Z-Index: 2"><a href="products.html" target="iframe"><font>.products</font></a></span>
<span style="position:absolute;top:188px;left:40px;Z-Index: 2"><a href="xsteps.html" target="iframe"><font>.<sup>5-</sup>steps</font></a></span>
<span style="position:absolute;top:230px;left:40px;Z-Index: 2"><a href="portfolio.html" target="iframe"><font>.portfolio</font></a></span>
<span style="position:absolute;top:270px;left:40px;Z-Index: 2"><a href="contact.html" target="iframe"><font>.contact</font></a></span>
<span style="position:absolute;top:310px;left:40px;Z-Index: 2"><a href="login.html" target="iframe"><font>.login</font></a></span>
</div>

<!-- einde menu //--></div><div class="inhoud"><!-- begin inhoud //-->

<iframe name="iframe" frameborder="0" width="100%" height="100%" src="blank.html"></iframe>

<!-- einde inhoud //--></div></div><div class="footer"><!-- begin footer //-->

F O O T E R

<!-- einde footer //--></div>

</BODY>

</HTML>


Kan iemand mij vertellen waarom dit gedeelte NIET werkt?

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

A:LINK
{
Color: White;
Text-Decoration: none;
}
A:VISITED
{
Color: White;
Text-Decoration: none;
}
A:HOVER
{
Color: Orange;
Text-Decoration: none;
}
A:ACTIVE
{
Color: Orange;
Text-Decoration: none;
}


Zodra ik van de A:HOVER de Text-Decoration op underline zet ipv none, maakt hij
die onderlijning oranje! Ik wil dus dat de link oranje wordt als hij actief is, en als
er overheen bewogen wordt met de muis...

Wat heb ik geprobeerd:

Color >> Text-Color
Color >> Font-Color

Maar het mocht niet baten... Er moet ergens een fout zitten, maar ik zie hem niet :/

Iemand dé tip voor de perfectionering van m'n site? Alvast bedankt! :)

/me
Heb ook al geprobeerd ALINK VLINK etc in de <body> tag te zetten, maar dat
mocht helaas ook niet baten :(

[ Voor 19% gewijzigd door Verwijderd op 16-01-2004 00:29 ]

vrijdag 16 januari 2004 00:55

Acties:
  • MAZZA
  • Registratie: Januari 2000
  • Laatst online: 27-05 13:19

MAZZA

Barbie is er weer!

Haal die <font> en </font> tags maar weg dan. Die zijn zowiezo not done als je CSS gebruikt :) En op die manier hebben ze ook nog eens 0,0 nut ;)

vrijdag 16 januari 2004 00:55

Acties:

Verwijderd

Verwijder de font tags en de font css declaraties

vrijdag 16 januari 2004 01:03

Acties:

Verwijderd

Topicstarter
Er moet ergens een fout zitten, maar ik zie hem niet :/

Maar natuurlijk... Komt omdat de tekst er eerder was de link!

Bedankt MAZZA en Martijn22!!

vrijdag 16 januari 2004 01:04

Acties:
  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

en maak van die caps dan ook normale letters ;)

Intentionally left blank

vrijdag 16 januari 2004 01:09

Acties:

Verwijderd

Topicstarter
crisp schreef op 16 januari 2004 @ 01:04:
en maak van die caps dan ook normale letters ;)
Jajaja :z

Het moet eerst allemaal ff werken, dan de real finishing touch en uiteindelijk komt
het toch in een extern bestand te staan :) Dus :)

vrijdag 16 januari 2004 09:01

Acties:
  • Clay
  • Registratie: Oktober 1999
  • Laatst online: 25-02 11:17

Clay

cookie erbij?

als je het gewoon meteen zo doet hoef je het later niet meer aan te passen ;) Die <!-- comment --> binnen <style> tags hoeven ook niet trouwens.

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin

vrijdag 16 januari 2004 09:07

Acties:
  • Justice
  • Registratie: Maart 2001
  • Laatst online: 07-08-2025

Justice

en zet er eens een media type in.
Aankomen met een stylesheet die niet netjes is opgemaakt waardoor je het overzicht verliest, en ons vragen wat er fout is omdat je niet even de stylesheet netjes wil opmaken, zo werkt het niet he ;)

Wat zegt de validator?

Human Bobby

vrijdag 16 januari 2004 09:12

Acties:

Verwijderd

code:
1

[img]"gfx/menu2.bmp"[/img]

:D

overigens vind ik die link declaraties er zo goed uitzien (afgezien van het puur cosmetische feit dat ze caps zijn : caps = :r )

[edit]
prob het es gewoon zo:

code:
1

a:link {color: #FF0000}

achter elkaar zetten dus, en ik doe altijd het liefst een spatie voor en na het breekteken of hoe je het ook wil noemen, dus

code:
1

a:link {color: #FF0000 ; text-decoration: none ; }


[/editmaardannietklein]

[ Voor 80% gewijzigd door Verwijderd op 16-01-2004 09:18 ]

vrijdag 16 januari 2004 11:04

Acties:

Verwijderd

Topicstarter
Verwijderd schreef op 16 januari 2004 @ 09:12:
code:
1

[img]"gfx/menu2.bmp"[/img]

:D

overigens vind ik die link declaraties er zo goed uitzien (afgezien van het puur cosmetische feit dat ze caps zijn : caps = :r )

[edit]
prob het es gewoon zo:

code:
1

a:link {color: #FF0000}

achter elkaar zetten dus, en ik doe altijd het liefst een spatie voor en na het breekteken of hoe je het ook wil noemen, dus

code:
1

a:link {color: #FF0000 ; text-decoration: none ; }


[/editmaardannietklein]
Alles staat nog lokaal he, dus bitmapjes zijn nog wel verantwoord :D

Verder zoals jij het hebt neergezet, a:link {color: #FF0000}, vind ik ook veel netter
hoor! Zo komt het ook in dat externe bestand te staan, netjes onder elkaar, alles
gelijk opgemaakt (lees tabs en kleine letters etc etc.)

Zit in de ontwerpfase dames en heren :) Gaat allemaal goed komen hoor! :)

vrijdag 16 januari 2004 11:21

Acties:
  • F97
  • Registratie: December 2001
  • Laatst online: 15-05-2024

F97

Fabian

Je weet nooit dat het helpt, maar probeer eens de juiste volgorde:

code:
1
2
3
4

a:link { /* ... */ }
a:visited { /* ... */ }
a:hover { /* ... */ }
a:active { /* ... */ }


http://www.w3.org/TR/REC-...ml#dynamic-pseudo-classes ;)

[ Voor 29% gewijzigd door F97 op 16-01-2004 12:45 ]

vrijdag 16 januari 2004 18:12

Acties:
  • Justice
  • Registratie: Maart 2001
  • Laatst online: 07-08-2025

Justice

dat heeft ie toch?

Human Bobby

vrijdag 16 januari 2004 18:44

Acties:
  • F97
  • Registratie: December 2001
  • Laatst online: 15-05-2024

F97

Fabian

Justice schreef op 16 januari 2004 @ 18:12:
dat heeft ie toch?
Crap jah. Nu je het zegt. Ik had ze eerst link, active, visited, hover gezet omdat ik dacht dat het zo was. En achteraf ge-edited naar wat het moest zijn en inderdaad, dat heeft _Brake_ ook staan. (I feel so stupid, sorry hoor, heb ik laatste tijd wel meer, van die verdwaalde postgedachten)

vrijdag 16 januari 2004 18:53

Acties:
  • creative8500
  • Registratie: September 2001
  • Laatst online: 03-01 16:54

creative8500

freedom.

F97 schreef over de volgorde van pseudoclasses...
Ezelsbruggetje:
code:
1
2
3
4
5
6
7
8

a:link
  o
a:visited
  e
a:hover
a:active
  t
  e

Lees: love hate.
Pagina: 1
Reageer