[CSS] Suckerfish menu aanpassen

Pagina: 1
Acties:
  • 32 views sinds 30-01-2008

  • Matthijs1982
  • Registratie: Augustus 2005
  • Laatst online: 02-06-2021
Ik heb het suckerfish menu werkend. De menuitems zijn nu blauw en worden lichtblauw als je er over heen gaat. Ik wil dat alleen de submenu's die er onder uit komen rood worden en licht rood als je er over heen gaat. De hoofdmenu's moeten wel blauw blijven. Alleen krijg ik dat niet voor elkaar.
Wie weet hoe dit moet en of dit mogelijk is?

Dit is mijn CSS:

Cascading Stylesheet:
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
#nav, #nav ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  
}

#nav a {
  display: block;
  width: 62px;
  height: 15px;
  padding: 7px;
  text-decoration: none;
  background: #0f074e;
  color: #FFFFFF;
  font-family: Verdana, Helvetica, Arial Sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
  background-color: #0f074e;
  border-left: 1px solid #e872af;
  border-right: 1px solid #e872af;
  border-top: 1px solid #e872af;
}

#nav a:hover {
background-color: #0f074e;
color: #a7d050;
}

#nav li {
  float: left;
  width: 75px;
}

#nav li ul {
  position: absolute;
  width: 75px;
  left: -999em;
}

/* aanpassingen submenu: */

#nav li ul ul {
  margin: -20px 0 0 147px;
  background-color: #d8127b;
  color: #0f074e;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
    left: -999em;
    background-color: #e871b0;
    color: #0f074e;
}

/* einde aanpassingen */

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
  left: auto;
}

  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

Dit is perfect mogelijk, maar dan zal je je toch zelf moeten verdiepen in de css ;) Het komt nu namelijk over alsof het niet je eigen code is.

  • André
  • Registratie: Maart 2002
  • Laatst online: 11-02 14:19

André

Analytics dude

Tja, dit is simpel op te lossen door de juiste selectors te gebruiken. Je gaat me niet vertellen dat je niet weet hoe je een submenu moet aanroepen in je CSS. Als je er niet uit komt: er zijn sites met 100'en suckerfish voorbeelden.

Dit topic is gesloten.