Vai kāds varētu nedaudz palīdzēt ar navigācijas css izveidi?

[hai2ukri]

Sveiki! Tātad gribēju nomainīt esošo navigācijas CSS pret dropdown. Diemžēl, manas zināšanas nav tik spīdošas, lai apvienotu tagadējo css ar jau gatavā dropdown css, tapēc jautāju vai kāds var palīdzēt?

 

*Ja es neko nemainu nevienā css, tad menu onmouseover izbīdās nevis uz leju, bet pa labi.

 

Tagadējais navigation css:

 

#navigation {
background:url(images/nav-bg.png);
height:25px;
display:block;
position:relative;
font-size:11px;
}

#navigation ul{
margin:0px;
padding:0;
list-style-type:none;
width:auto;
}

#navigation ul li{
display:block;
float:left;
margin:0 1px 0 0;
}


#navigation ul li a{
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:5px 20px 0 20px;
height:20px;
}

#navigation ul li a:hover{
color:#fff;
text-decoration:underline;
}

#nav-text {
background:url(images/nav-text.png) no-repeat;
position:absolute;
height:25px;
width:200px;
left: 785px;
top: 0px;
}

 

Dropdown css:

 

#jsddm
{	margin: 0;
padding: 0}

#jsddm li
{	float: left;
	list-style: none;
	font: 12px Tahoma, Arial}

#jsddm li a
{	display: block;
	background: #20548E;
	padding: 5px 12px;
	text-decoration: none;
	border-right: 1px solid white;
	width: 70px;
	color: #EAFFED;
	white-space: nowrap}

#jsddm li a:hover
{	background: #1A4473}

	#jsddm li ul
	{	margin: 0;
		padding: 0;
		position: absolute;
		visibility: hidden;
		border-top: 1px solid white}

	#jsddm li ul li
	{	float: none;
		display: inline}

	#jsddm li ul li a
	{	width: auto;
		background: #9F1B1B}

	#jsddm li ul li a:hover
	{	background: #7F1616}

 

Jau iepriekš paldies!

Edited October 10, 2009 by hai2ukri

[Cibiņš]

Domāju ka vieglāk ir Dreamweaverā strādāt tur uzreiz var ielikt spry-menu un pēctam mainīt pozīcijas un stilu pēc sirds patikas. Nevis ka pašam ķēpāties ar velnszinko.

[v3rb0]

hai2ukri, parādi arī html gabalu esošai navigācijai. diez vai kāds pēc css mēģinās uzimēt kas tur īsti tagad ir, un pēc tam to visu vel pārtaisīt.

 

MCWeb.lv, un tiklīdz kaut kas nav drīmvāverī tad bļaut forumā lai citi taisa? crowdsaurcings skaitās moderni, bet nu līdz zināmai robežai.

[Cibiņš]

MCWeb.lv, un tiklīdz kaut kas nav drīmvāverī tad bļaut forumā lai citi taisa? crowdsaurcings skaitās moderni, bet nu līdz zināmai robežai.

 

Es tikai saku kā ir vieglāk, ērtak un ātrāk. Domāju ka tiešām tā ir vieglāk nekā ņemties pa css skriptu un acerēties simtiem parametru, kur Dreamweaverī viss ir vienuviet. :)

[mefisto]

Dreamweaver ir dārgs mēsls, kas automātiski tev ļau ģenerēt sūdainu html ar idotisku javascript.

Tas tā ...

 

Kas attiecas uz augstākminēto kodu, tad tam bez HTML (un drošvien arī CSS ) nav nekādas jēga.

Paņem uztaisi "dzīvu" piemēru : http://www.webdevout.net/test