Salve a tutti, ho da poco iniziato a studiare i css però non riesco proprio a risolvere questo problema, ho scaricato un menù da html.it questo è composto da html, css e javascript, quando lo inserisco nella mia pagina web si posiziona sempre sul lato sinistro della pagina mentre io vorrei posizionarlo al centro, vi posto il codice sperando possa essere utile:
codice:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>titolo</title> <style type="text/css"> ul { list-style:none; margin:0; padding:0; } li { float:left; width:100px; margin:0; padding:0; text-align:center; } li a { display:block; padding:5px 10px; height:100%; color:#fff; text-decoration:none; border-right:1px solid #fff; } li a { background:url(snook-animation-bg2.jpg) repeat 0 0; } a:hover, a:focus, a:active { background-position:-150px 0; } #a a { background:url(snook-animation-bg.jpg) repeat; background-position:-20px 35px; } </style> <script type="text/javascript" src="moo1.2.js"></script> <script type="text/javascript"> window.addEvent('domready', function() { /* example a: top down */ $$('#a a').each(function(el) { //fx var fx = new Fx.Tween(el,{ duration: 500, link: 'cancel' }); //css & events el.setStyle('background-position','-20px 35px').addEvents({ 'mouseenter': function(e) { e.stop(); fx.start('background-position','-20px 94px'); }, 'mouseleave': function(e) { e.stop(); fx.start('background-position','-20px 35px'); } }); }); }); </script> </head> <body> <ul id="a"> [*]Home [*] [*]Mediazione [*] [*]Esami [*] [*]Tesi [/list] </body> </html>
Grazie a tutti
Rispondi quotando
