[Firekicker]

Hej Jag har problem med menyn får inte till det att det skall visas som jag vill..

1. kolla in http://jbnmedia.org/~sdhf/home/index.php?id=1
För musen över föreningen..

2. Går det att få till att tex huvudmeny valet
ex att Föreningen ligger kant i kant med början på undermenylistan ?

Föreningen
-------------
Histora
Styrelsen
-------------
istället för

___Föreningen
-------
Histora
Styrelsen
-------

3. Huvudmenyvalen rätt storlek mellan valen.
ex
Start__Föreningen__Nyheter__Kontakta oss

istället för
Start____Föreningen__Nyheter____Kontakta oss


Någom som vet hur man gör med css koden ?


Min css kod:

body { 
  font-family: arial, helvetica, serif; 
} 
 
#nav, #nav ul { 
  padding: 0; 
  margin: 0; 
  list-style: none; 
  line-height: 1; 
} 
 
.top { 
background-color: transparent; 
border:0px solid #000000; 
 
} 
.topa { 
color:#000000; 
text-decoration:none; 
font-size:14px; 
 
} 
 
#nav a { 
  display: block; 
  width: 5em; 
 
} 
.spota { 
color:#000000; 
text-decoration:none; 
font-size:12px; 
} 
 
#nav li { 
  float: left; 
  width: 6em; 
} 
 
#nav li a:hover { 
color:#000000; 
background: transparent; 
} 
 
 
#nav li ul { 
  position: absolute; 
  background:#ffffff; 
  width: 5em; 
  left: -999em; 
  border:1px solid #cccccc; 
} 
 
#nav li ul ul { 
  margin: -1em 0 0 6em; 
} 
 
#nav li ul ul ul { 
  margin: -1em 0 0 6em; 
} 
 
#nav li:hover ul ul, #nav li.sfhover ul ul { 
  left: -999em; 
  
} 
 
#nav li:hover ul ul ul, #nav li.sfhover ul ul ul { 
  left: -999em; 
  
} 
 
#nav li:hover ul ul ul ul, #nav li.sfhover ul ul ul ul { 
  left: -999em; 
  
} 
 
#nav li:hover ul, #nav li.sfhover ul { 
  left: auto; 
} 
 
#nav ul li:hover ul, #nav ul li.sfhover ul { 
  left: auto; 
} 
 
#nav ul ul li:hover ul, #nav ul ul li.sfhover ul { 
  left: auto; 
} 
 
#nav ul ul ul li:hover ul, #nav ul ul ul li.sfhover ul { 
  left: auto; 
}

[taz76]

det första du bör göra iaf är att ha en korrekt sida.. längst upp i källkoden finns en doctype till html4.01... sedan head-tagg, body och sen splatt mitt i tabellen kommer en ny doctype med xhtml och head-tagg (igen)..

[Firekicker]

hoppsan.. =) Det fanns i meny.php som är includad. nu är det fixat men du eller ingen annan som har en lösning på mitt problem ?

[Christos]

Problemet ligger inte i din css utan inne i själva koden.
Så här ser det ut: <span style="padding-left: 25%;"> Föreningen </span>

Ta bort style="padding-left: 25%;" så ska det nog gå bra.

Vad gäller mellanrummet kan du leka lite med float och display:inline ... även margin.

[Firekicker]

okej tack skall försöka.=)

vad gäller padding-left: 25% fungerade det .=)

[Firekicker]

så nu är också problem nr 3 fixat. men problem 1 kvarstår. undermenyn kommer bredvid nu istället.

[Firekicker]

Alltså problemet som kvarstår är

1. kolla in http://jbnmedia.org/~sdhf/home/index.php?id=1
För musen över föreningen.. undermenyn kommer bredvid.

Koden ser nu ut så här..

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(bkg.png);
	font-family: arial, helvetica, serif;
}

.style2 {color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.style38 {font-size: 12px}
.style40 {font-size: 10px}
.style42 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; }


#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.1;

}

.top {
background-color: transparent;
border:0px solid #000000;
display: inline;
margin: 5px;

}
.topa {
color:#000000;
text-decoration:none;
font-size:14px;

}

#nav a {
	display: inline;
}
.spota {
color:#000000;
text-decoration:none;
font-size:12px;
margin: 5px;
}

#nav li { 
	float: left;

}

#nav li a:hover {
color:#000000;
background: transparent;
}


#nav li ul { 
	position: absolute;
	background:#ffffff;
	width: 5em;
	left: -999em; 
	border:1px solid #cccccc;
}

#nav li ul ul { 
	margin: -1em 0 0 6em;
}

#nav li ul ul ul { 
	margin: -1em 0 0 6em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	
}

#nav li:hover ul ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	
}

#nav li:hover ul ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
	
}

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

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

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

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

[Firekicker]

Hur får jag ner menyn igen under valet och rutan anpassas efter undermeny texten ?

[Firekicker]

Jag fick ner undermenyrutan...

Hur kan man anpassa rutan undermeny texten ?