Avatar billede choco Nybegynder
25. maj 2003 - 00:16 Der er 17 kommentarer og
1 løsning

Centrer i en dropDown menu

Når man nu har en dropDown menu er det så mugligt at centrer den tekst som kommer til at stå på knapperne i browseren.
Avatar billede Slettet bruger
25. maj 2003 - 00:17 #1
ja det er muligt :)
Avatar billede skovenborg Nybegynder
25. maj 2003 - 00:18 #2
det kan gøres med css eller almindelig <center> afhængigt af hvordan den er opbygget.
Avatar billede choco Nybegynder
25. maj 2003 - 00:21 #3
Her giver jeg jer lige det hele så i kan se hvordan det er opbygget



<html>
<body bgcolor="#000000" text="#FFFFFF">
</body>
<head>
<title>DHTMLCentral.com - Free Dynamic HTML Scripts - slideMenu2 Demo</title>
<meta name="Author" content="Thomas Brattli (webmaster@dhtmlcentral.com)">
<META NAME="Generator" CONTENT="Designer:Thomas Brattli (www.bratta.com)">
<meta name="KeyWords" content="DHTML, HTML, Dynamic HTML, Javascript, Cascading Style Sheets, Cross-browser, Cross browser, Javascripts, DOM, Scripts, Free Scripts">
<meta name="Description" content="Dynamic HTML Central - The ultimate place to find DHTML scripts, demos, tutorials and help.">
<style type="text/css">
div.clSlideMenu{ /* All slideMenu2 DIV elements */
    position:absolute;
    font-family:verdana,arial,helvetica;
    font-size:10px;
    overflow:hidden;
    width:150;
    height:22;
}
a.clA0{ /* All top level links */
    color:white;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
}
a.clA1{ /* All sub level links */
    color:black;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}
a.clA2{ /* All sub2 level links */
    color:navy;
    text-decoration:none;
}
a.clA3{ /* All sub3 level links */
    color:black;
    text-decoration:none;
}
a.clA4{ /* All sub4 level links */
    color:green;
    text-decoration:none;
}

/* NEEDED STYLES */
div.slideMenuBG{position:absolute; left:0; top:0; z-index:1}
div.slideMenuText{position:absolute; left:2; top:2; z-index:200;}
/* NEEDED ----- This class should be named like this:
    #NAME_OF_YOUR_MENUcont
*/
#slideMenucont{position:absolute;    height:600; width:200; visibility:hidden;}
</style>


<script language="JavaScript" src="slidemenu.js" type="text/javascript">



</script>
</head><body marginleft="0"  bgcolor="white" marginheight="0">
<script>


//Creating the menu object -- You can call it whatever you want - just remember to
//have the same name as the argument.
slideMenu = new createSlideMenu("slideMenu")

//Variables to set:
slideMenu.menuy=80 //The top placement of the menu.
slideMenu.menux=0 //The left placement of the menu
slideMenu.useImages = 1 //Are you using images or not?
slideMenu.pxspeed=20 //The pixel speed of the animation
slideMenu.timspeed=25 //The timer speed of the animation
slideMenu.inset = 10 //How much the selected items should pop to the left
slideMenu.arrow = 0 //Set this to className that has font-family:webdings
                                        //if you want to use the arrow feature. Note:
                                        //This ONLY works on DOM capable browsers, and with
                                        //useImages set to 0 - It's basically just a test I did.
                                        //I hope to improve it later on.

//Needed dummy classes - leave in the stylesheet!
slideMenu.bgClass =    "slideMenuBG"
slideMenu.txtClass = "slideMenuText"


slideMenu.level[0] = new slideMenu_makeLevel(
    left = 0,
    width = 138,
    height = 21,
    between = 5,
    className = "clSlideMenu",
    classNameA = "clA0",
    regImage = "level0_regular.gif",
    roundImg = "level0_round.gif",
    roundImg2 = "",
    subImg = "",
    subRound= "")
   
slideMenu.level[1] = new slideMenu_makeLevel(10,127,20,2,"clSlideMenu","clA1","level1_regular.gif","level1_round2.gif","level1_round.gif","level1_sub.gif", "level1_sub_round.gif")
slideMenu.level[2] = new slideMenu_makeLevel(21,118,18,2,"clSlideMenu","clA2","level2_regular.gif","level2_round2.gif","level2_round.gif", "level2_sub.gif", "level2_sub_round.gif")
slideMenu.level[3] = new slideMenu_makeLevel(33,108,20,2,"clSlideMenu","clA3","level3_regular.gif","level3_round2.gif","level3_round.gif","level3_sub.gif","level3_sub_round.gif")
slideMenu.level[4] = new slideMenu_makeLevel(40,107,19,2,"clSlideMenu","clA4","level4_regular.gif", "level4_round2.gif","level4_round.gif","level4_sub.gif", "level4_sub_round.gif")

//Image preload --- leave this
for(var i=0;i<slideMenu.level;i++){
    var l = slideMenu.level[i]
    new preLoadBackgrounds(l.regImage,l.roundImg,l.roundImg2,l.subImg,l.subRound)
}



//Menu 1

/**************************************************************************************************************************/



    slideMenu.makeMenu('top','Forside','forside.htm','hovedramme')

   

    slideMenu.makeMenu('top','Beskrivelse')
        slideMenu.makeMenu('sub','Mig Selv','mig.htm','hovedramme')
        slideMenu.makeMenu('sub','Min Lillebror','lille.htm','hovedramme')
        slideMenu.makeMenu('sub','Min Mor','mor.htm','hovedramme')
        slideMenu.makeMenu('sub','Min Far','far.htm','hovedramme')

    slideMenu.makeMenu('top','Koder')
        slideMenu.makeMenu('sub','Html','ex2.html','hovedramme')
        slideMenu.makeMenu('sub','Java Script','')
   
   
   

    slideMenu.makeMenu('top','Links')
        slideMenu.makeMenu('sub','Java Sider','')
            slideMenu.makeMenu('sub2','Html','http://www.html.dk','denAndenFramesNavn')
            slideMenu.makeMenu('sub2','EDB Priser','http://www.edbpriser.dk','denAndenFramesNavn')
            slideMenu.makeMenu('sub2','EDB Priser','http://www.edbpriser.dk','denAndenFramesNavn')

        slideMenu.makeMenu('sub','Søgemaskiner','')
            slideMenu.makeMenu('sub2','Jubii','http://www.jubii.dk','denAndenFramesNavn')
            slideMenu.makeMenu('sub2','Yahoo','http://www.yahoo.dk','denAndenFramesNavn')
            slideMenu.makeMenu('sub2','Google','http://www.google.com','denAndenFramesNavn')

        slideMenu.makeMenu('sub','EDB Sider')
            slideMenu.makeMenu('sub2','EDB Priser','http://www.edbpriser.dk','denAndenFramesNavn')
            slideMenu.makeMenu('sub2','Bj-Trading','http://www.bj-trading.dk','denAndenFramesNavn')
            slideMenu.makeMenu('sub2','SHG','http://www.shg.dk','denAndenFramesNavn')

   
    slideMenu.makeMenu('top','Email','mailto:c.roth@chicks.dk')
   
//Initiating the menu !!
slideMenu.init()       

</script>

</body>
</html>
Avatar billede skovenborg Nybegynder
25. maj 2003 - 00:28 #4
prøv at sætte text-align:center; ind i dit stylesheet hvor du specificerer hvordan menuen ser ud (div.clSlideMenu så vidt jeg kan se)
Avatar billede roenving Novice
25. maj 2003 - 00:36 #5
>>er det ikke i slideMenuText skovenborgs forslag skal sættes ind ;O)
Avatar billede choco Nybegynder
25. maj 2003 - 00:38 #6
sorry... det kan godt være at det er mig der er dum til det her men jeg er helt lorst... ander ikke hvor du mener at jeg skal sætte det ind henne.
Avatar billede roenving Novice
25. maj 2003 - 00:41 #7
Inde midt i det hele har du -- og ret det til:

div.slideMenuText{position:absolute; left:2; top:2; z-index:200; text-align:center}
Avatar billede skovenborg Nybegynder
25. maj 2003 - 00:42 #8
okay, var måske lidt for hurtig:

Du skal i dit stylesheet skrive følgende kode
div.slideMenuText{position:absolute; left:2; top:2; z-index:200;text-align:center;}
Avatar billede skovenborg Nybegynder
25. maj 2003 - 00:43 #9
hovsa, der var jeg lidt for langsom ;)
Avatar billede roenving Novice
25. maj 2003 - 00:44 #10
-- vi kan hurtig blive enige skovenborg ;O)
Avatar billede choco Nybegynder
25. maj 2003 - 00:46 #11
Sorry... men jeg ander ikke hvor jeg skal finde div.slidemenu osv.
Avatar billede roenving Novice
25. maj 2003 - 00:49 #12
find den linje -- der er en overskrift, som hedder

/* NEEDED STYLES */
Avatar billede choco Nybegynder
25. maj 2003 - 01:02 #13
Vilken fil skal jeg finde det i er det i det tekst som står længer oppe eller er det i et andet sted, og hvor, hvad skulle filen hede.
Avatar billede roenving Novice
25. maj 2003 - 01:04 #14
Lige midt i det script du har droppet her på siden ... !-)
Avatar billede choco Nybegynder
25. maj 2003 - 01:11 #15
Tjaaa.... nu har jeg da fundet det men det virker ikke helt.
Avatar billede roenving Novice
25. maj 2003 - 01:15 #16
Har du fulgt instruktionen lige under (og det kan være du skal tilføje text-align:center der også):

/* NEEDED ----- This class should be named like this:
    #NAME_OF_YOUR_MENUcont
*/
#slideMenucont{position:absolute;    height:600; width:200; visibility:hidden;}
Avatar billede choco Nybegynder
25. maj 2003 - 01:23 #17
Sorry... men det virker heller ikke... men jeg vil gå i seng nu så jeg læser igen i morgen
Avatar billede skovenborg Nybegynder
25. maj 2003 - 13:41 #18
jeg begynder nu alligevel at tro du skal skrive det i div.clSlideMenu, altså:
div.clSlideMenu{ /* All slideMenu2 DIV elements */
    position:absolute;
    font-family:verdana,arial,helvetica;
    font-size:10px;
    overflow:hidden;
    width:150;
    height:22;
    text-align:center;
}

Du kan jo altid prøve
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester