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!