Toon posts:

[css] menu breedte klopt niet... fout onbekend.

Pagina: 1
Acties:

zondag 1 augustus 2004 15:25

Acties:

Verwijderd

Topicstarter
Hoi,

Ik ben bezig met het ontwerpen van mijn eerste eigen weblog/allinone site nu heb ik echter een probleem, wanneer ik mijn website open in IE zie ik 1 menu item fout gedisplayed worden, echter in TopStyle krijg ik een goed resultaat (preview venster)

de code

code:
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

/* menu vertical */

#tabvertnav 
{
    margin: 0px 0px 0px 0px;
    width: 20px;
     height: auto;

}

#tabvertnav ul 
{
    display: inline; 
    margin: 0px; 
    list-style-type: none
}

#tabvertnav li 
{
    margin: 0px; 
    display: inline; 
    list-style-type: none;
}

#tabvertnav a:link 
{
    margin-bottom: 4px; 
    border: 1px solid #ccc; 
    padding-bottom: 6px; 
    padding-left: 2px; 
    padding-right: 2px; 
    padding-top: 6px; 
    float: left; 
    font-family: verdana, palatino, georgia, arial, sans-serif; 
    font-weight: bold; 
    font-size: 10px;
    text-decoration: none;
     text-align: center;
    background: #ccc; 
    color: #666; 
    white-space: nowrap;
     width: 22px;
}

#tabvertnav a:visited 
{
    margin-bottom: 4px; 
    border: 1px solid #ccc; 
    padding-top: 2px; 
    padding-bottom: 2px; 
    padding-right: 6px; 
    padding-left: 6px; 
    line-height: 14px; 
    float: left; 
    font-family: verdana, palatino, georgia, arial, sans-serif; 
    font-weight: bold; 
    font-size: 10px; 
    text-decoration: none;
    background: #ccc; 
    color: #666; 
}

#tabvertnav a.active:link 
{
    border-left: #fff 1px solid;
    background: #fff; 
    color: #000; 
}

#tabvertnav a.active:visited 
{
    border-left: #fff 1px solid;
     background: #fff; 
    color: #000; 
}

#tabvertnav a:hover 
{
     background: #fff;
     color: #ffb458;
}


en dan het stukje html

code:
1
2
3
4
5
6
7
8
9
10
11

     <UL id=tabvertnav>
        <LI><A href="index/news">N<br/>e<br/>w<br/>s</A></LI>
        <LI><A href="index/guestbook">G<br/>u<br/>e<br/>s<br/>t<br/>
b<br/>o<br/>o<br/>k</A></LI>
        <LI><A href="index/poll">P<br/>o<br/>l<br/>l</A></LI>
        <LI><A href="index/rssfeeds">R<br/>s<br/>s<br/> 
<br/>n<br/>e<br/>w<br/>s</A></LI>
        <LI><A href="index/shoutbox">S<br/>h<br/>o<br/>u<br/>t<br/>b<br/>
o<br/>x</A></LI>
        <LI><A href="index/links">L<br/>i<br/>n<br/>k<br/>s</A></LI>
    </UL>


nu krijg ik echter de volgende layout fout.

Afbeeldingslocatie: http://upload.bruggema.nl/index.php?i=v&ip=-646260440&name=shoutfout.jpg

Weet iemand waar de fout ziet?

[ Voor 26% gewijzigd door Verwijderd op 01-08-2004 15:26 ]

zondag 1 augustus 2004 15:36

Acties:

Verwijderd

Haal eens één voor één de css properties bij de a:visited selector weg, en refresh telkens. Zo kom je er vast wel achter. Lijkt me gewoon basic debug werk?

zondag 1 augustus 2004 16:47

Acties:
  • bRight
  • Registratie: Juli 2000
  • Laatst online: 27-11-2024

bRight

digitaal

Voor #tabvertnav a:visited is geen width opgegeven, das het grootste probleem..
Daarnaast zijn er verschillen in margins, line-height etc. is dat de bedoeling?
Reageer