pomoć oko navigacije

[mark]

pozdrav svima.ne snalazim se baš u sferama

kodiranja i primjene css-a pa ako je netko voljan da mi se pomogne.ispod je kod i css za njega.ono što me mući je to da mi treba jednolik razmak između

znaći glavni izbornici.kad upišem dulju rijeć onda mi je jedan veći drugi manji.također imam problema oko nekih pregrada između pojedinih ul-ova…mogu biti i točkice a mogu biti i lagane crte.također kod ul-ova koji imaju child-ove da se stavi neka oznaka da posjetitelj zna da ima ispod dodatni sadržaj na izbor.
pored toga ne znam kako postaviti da se sadržaj childova lijepo poravna po lijevoj strani.
malo je puno toga ali ako netko ne želi razumijem.

evo donosim i inspiraciju.znaći izgled mora biti rounded samo u child content ne baš toliko mega staviti
sadržaja nego toliko da stanu nazivi sa dvije ili tri rečenice tj.da mi se taj content NE PORAVNAVA sa ul glavnim izbornikom.

Mega Drop Down Menu

unaprijed hvala

• Slog
• Dvije rijeći
• Šesnaest rijeći
  • Usluga
  • Usluga
  • usluga
  • Usluga
  • Usluga
  • usluga
  • Usluga
• Malo dulja rijeć
  • Usluga
  • usluga
  • Usluga
  • Usluga
  • usluga
  • Usluga
• Dvije rijeći
  • Usluga
  • Usluga
  • usluga
  • Usluga
  • Usluga
  • usluga
  • Usluga
• Jedna
  • Usluga
  • usluga
  • Usluga
  • Usluga
  • usluga
  • Usluga
• Dvije
• malo više

/* MENU NAVIGATION */

#navMenu {
margin-top:35px;
margin-left:25px;
padding-left:2px;
width:920px;
height:45px;
font:medium;
background-color:#A9BAC5;
visibility:visible;
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;

-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;


-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;

-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;

-moz-border-radius: 5px;
 border-radius: 5px;
-moz-box-shadow: 5px 5px 5px black;
-webkit-box-shadow: 5px 5px 5px black;
 box-shadow: 5px 5px 5px black;

}

#navMenu ul {
margin:0;
width:auto;
padding:0;
line-height:40px;

}

#navMenu li {
margin:0;
padding:0;
list-style:none;
position:relative;
background-color:#A9BAC5;
float:left;
width:115px;
text-align:left;

}

#navMenu li a {
display: block;
float: left;
height: 24px;
width: 28px;
}

#navMenu ul li a{
text-align:center;
font-family:Berlin Sans FB;
text-decoration:none;
height:45px;
width:110px;
display:block;
color:#000;
border:0px #013E43 solid;
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;

-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;


-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;

-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;

}

#navMenu ul ul {
position:absolute;
visibility:hidden;
margin-top:10px;
top:32px;
}

/* Creates a hover effect */
#navMenu ul li:hover ul{
visibility:visible;
}

#navMenu ul li:hover {
background-color:#D9E1E6;
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;

-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;


-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;

-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;

}

#navMenu a:hover {
color:#fff;
text-shadow:1px 1px 1px #000;
}

/* Positions the sub menu-s*/
.Sub_level ul {
left:-3000px;
}

/* This moves the 2nd tier to the left into-view*/
.Sub_level:hover ul {
left:126px;
}

/Bring 2nd tier up level with 1st tier link/
#navMenu ul ul ul {
/* position: absolute;
visibility:visible;*/
top:-0px;
}

/* This styles the end menu to float to the left */
.Sub_level_end ul {
left:-3000px;
}

/* Positions S-Sub-level, the - now puts it on the left! */
.Sub_level_end:hover ul {
left:-126px;
}

/* rounded corners of first and last link */
#navMenu li:first-child > a {
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;

-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;

}
#navMenu li:last-child > a {
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;

-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;

}

[ubergosu]

Pa kolko vidim razmaci su ti fiksni (width:115px; ), nerazumljivo si napisao kaj točno hočeš, pretpostavljam da se prilagođavaju širini riječi:mda:

@mark

#navMenu li {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	background-color:#A9BAC5;
	float:left;
	width:115px;
	text-align:left; 
}
#navMenu li a {
    display: block;
    float: left;
    height: 24px;
    width: 28px;
}

Ako je tako promjeni ovo gore u ovo:

#navMenu li {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	background-color:#A9BAC5;
	float:left;
	width:auto; <= ili izbaci skroz
	text-align:left; 
}
#navMenu li a {
    display: block;
    float: left;
    height: 24px;
    width: auto; <= ili izbaci skroz
}

[belmin]

Koliko sam sam shvatio ti hoces da ti je padding izmedju stavki u meniju isti nebitno na dužinu rijeci ?

[mark]

Pa u principu da,samo što nebi volio a i nije estetski kada imam jednu rijeć koja je kratka ajmo reć,a pokraj nje se nalazi izbornik koji ima dvije rijeći.tada razmaci nisu jednaki jer i ova mala rijeć ima istu velićinu svojeg okvira kao i ova velika.
Naravno pitanje je i oko poravnanja child stavki po lijevoj strani.