/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS drop-up menu
Fra : Hans Hansen


Dato : 28-01-08 15:16

Er komplet ny i CSS og har fundet en færdig css gode som fungerer
fint som drop-down menu.

Nu er det således jeg gerne vil have den til at blive en
"drop-up" menu

Er der nogen der kan skrive det der skal til for dette ?

/*Drop-down menu*/
..nav2 {float:left; width:900px; border:none;
background:rgb(220,220,220) url(../img/bg_head_bottom_nav.jpg)
no-repeat; color:rgb(75,75,75); font-size:130%;} /*Color
navigation bar normal mode*/
..nav2 ul {list-style-type:none;}
..nav2 ul li {float:left; position:relative; z-index:auto
!important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid
1px rgb(175,175,175);}
..nav2 ul li a {float:left; display:block; height:3.1em;
line-height:3.1em; padding:0 16px 0 16px; text-decoration:none;
font-weight:bold; color: rgb(100,100,100);}
..nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
..nav2 ul li:hover a {background-color:rgb(210,210,210);
text-decoration:none;} /*Color main cells hovering mode*/
..nav2 ul li:hover ul {display:block; width:10.0em;
position:absolute; z-index:999; top:3.0em; margin-top:0.1em;
left:0;}
..nav2 ul li:hover ul li a {display:block; width:10.0em;
height:auto; line-height:1.3em; margin-left:-1px; padding:4px
16px 4px 16px; border-left:solid 1px rgb(175,175,175);
border-bottom: solid 1px rgb(175,175,175);
background-color:rgb(237,237,237); font-weight:normal;
color:rgb(50,50,50);} /*Color subcells normal mode*/
..nav2 ul li:hover ul li a:hover
{background-color:rgb(210,210,210); text-decoration:none;}
/*Color subcells hovering mode*/

/*IE6 hovering*/
..nav2 table {position:absolute; top:0; left:0;
border-collapse:collapse;}
..nav2 ul li a:hover {background-color:rgb(210,210,210);
text-decoration:none;} /*Color main cells hovering mode*/
..nav2 ul li a:hover ul {display:block; width:10.0em;
position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0;
marg\in-top:0.1em;}
..nav2 ul li a:hover ul li a {display:block; w\idth:10.0em;
height:1px; line-height:1.3em; padding:4px 16px 4px 16px;
border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px
rgb(175,175,175); background-color:rgb(237,237,237);
font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal
mode*/
..nav2 ul li a:hover ul li a:hover
{background-color:rgb(210,210,210); text-decoration:none;}
/*Color subcells hovering mode*/


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Karl Erik Christense~ (28-01-2008)
Kommentar
Fra : Karl Erik Christense~


Dato : 28-01-08 19:47

Den Mon, 28 Jan 2008 14:16:21 +0000 skrev Hans Hansen:

> Er komplet ny i CSS og har fundet en frdig css gode som fungerer fint
> som drop-down menu.
>
> Nu er det sledes jeg gerne vil have den til at blive en "drop-up" menu
>
> Er der nogen der kan skrive det der skal til for dette ?

NEJ!!
Hvis du vil acceptere Javascript kan du finde en drop up menu her:
http://www.udm4.com/demos/horizontal-relative-dropup.php

MVH.
Karl Erik.

Karl Erik Christense~ (28-01-2008)
Kommentar
Fra : Karl Erik Christense~


Dato : 28-01-08 20:03

Den Mon, 28 Jan 2008 18:47:13 +0000 skrev Karl Erik Christensen:

> NEJ!!
> Hvis du vil acceptere Javascript kan du finde en drop up menu her:
> http://www.udm4.com/demos/horizontal-relative-dropup.php
>
> MVH.
> Karl Erik.

Hovas, der var jeg for hurtig
Se tråden: http://www.sitepoint.com/forums/showthread.php?t=526846
Har du lært at bruge Google? - ja undskyld, kunne ikke dy mig

MVH.
Karl Erik.

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408925
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste