Visualizzazione risultati 1 fino 1 di 1

Discussione: Per favore mi aiutate a centrare questo menu css?

  1. #1
    Guest

    Predefinito Per favore mi aiutate a centrare questo menu css?

    ecco il codice sono appena entrato in altervista è non so se sono nella sezione giusta scusatemi in anticipo ...
    Codice:
    <style>
    #pcm{display:none;}
    ul.pureCssMenu ul{display:none}
    ul.pureCssMenu li:hover>ul{display:block}
    ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
    ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
    ul.pureCssMenu,ul.pureCssMenu ul {
    	margin:0px;
    	list-style:none;
    	padding:0px 2px 2px 0px;
    	background-color:#fff;
    	background-repeat:repeat;
    	border-color:#808080;
    	border-width:1px;
    	border-style:solid;
    }
    ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
    	display:block;
    	zoom:1;
    	height:21px;
    	float: left;
    }
    ul.pureCssMenu ul{
    	width:0px;
    }
    ul.pureCssMenu li{
    	display:block;
    	margin:2px 0px 0px 2px;
    	font-size:0px;
    }
    ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
    outline-style:none;
    }
    ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
    	display:block;
    	vertical-align:middle;
    	background-color:#FFFFFF;
    	border-width:1px;
    	border-color:#fff;
    	border-style:solid;
    	text-align:center;
    	text-decoration:none;
    	padding:2px 5px 5px 10px;
    	_padding-left:0;
    	font:normal 11px Tahoma;
    	color: #000;
    	text-decoration:none;
    	cursor:default;
    }
    ul.pureCssMenu span{
    	overflow:hidden;
    }
    ul.pureCssMenu li {
    	float:left;
    }
    ul.pureCssMenu ul li {
    	float:none;
    }
    ul.pureCssMenu ul a {
    	text-align:left;
    	white-space:nowrap;
    }
    ul.pureCssMenu li.sep{
    	text-align:left;
    	padding:0px;
    	line-height:0;
    	height:100%;
    }
    ul.pureCssMenu li.sep span{
    	float:none;	padding-right:0;
    	width:3px;
    	height:100%;
    	display:inline-block;
    	background-color:#808080;	background-image:none;}
    ul.pureCssMenu ul li.sep span{
    	width:100%;
    	height:3px;
    }
    ul.pureCssMenu li:hover{
    	position:relative;
    }
    ul.pureCssMenu li:hover>a{
    	background-color:#DBF0F9;
    	border-color:#45ADE4;
    	border-style:solid;
    	font:normal 11px Tahoma;
    	color: #444;
    	text-decoration:none;
    }
    ul.pureCssMenu li a:hover{
    	position:relative;
    	background-color:#DBF0F9;
    	border-color:#45ADE4;
    	border-style:solid;
    	font:normal 11px Tahoma;
    	color: #444;
    	text-decoration:none;
    }
    ul.pureCssMenu li.dis a {
    	color: #557D4F !important;
    }
    ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
    height:16px;
    }
    ul.pureCssMenu ul img {width:16px;
    height:16px;
    }
    ul.pureCssMenu img.over{display:none}
    ul.pureCssMenu li.dis a:hover img.over{display:none !important}
    ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
    ul.pureCssMenu li:hover > a img.def  {display:none}
    ul.pureCssMenu li:hover > a img.over {display:inline}
    ul.pureCssMenu a:hover img.over{display:inline}
    ul.pureCssMenu a:hover img.def{display:none}
    ul.pureCssMenu span{
    	display:block;
    	background-image:url(./images/arrv_white.gif);
    	background-position:right center;
    	background-repeat: no-repeat;
       padding-right:9px;}
    ul.pureCssMenu ul span{background-image:url(./images/arr_black.gif)}
    ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arr_white.gif);}
    ul.pureCssMenu li.pureCssMenui0 {
    width:110px;
    height:23px;
    }
    ul.pureCssMenu li a.pureCssMenui0{
    height:100%;
    background-image:url(./images/btn3.jpg);
    border-width:0px;
    font:normal 11px Tahoma;
    color:#fff;
    }
    ul.pureCssMenu li a.pureCssMenui0:hover{
    background-image:url(./images/btn4.jpg);
    font:normal 11px Tahoma;
    color:#eee;
    }
     ul.pureCssMenum0 {
    background-color:transparent;
    border-width:0px;
    	padding:0px 0px 0px 0px;
    }
     ul.pureCssMenum0>li>a {
    padding:8px 10px 0px 10px;
    }
     ul.pureCssMenum0 a {
    padding:8px 10px 0px 10px;
    }
     ul.pureCssMenum0 ul a {
    padding:2px 5px 5px 10px;
    }
     ul.pureCssMenum0>li {
    margin:0px 0px 0px 0px;
    }
     ul.pureCssMenum0 li {
    margin:0px 0px 0px 0px;
    }
     ul.pureCssMenum0 li li {
    margin:2px 0px 0px 2px;
    }
    
    </style>
    Codice HTML:
    <ul class="pureCssMenu pureCssMenum0">
    	<li class="pureCssMenui0"><a class="pureCssMenui0" href="http://www.thedjofvieste.altervista.org/Home.html">Home</a></li>
    	<li class="pureCssMenui0"><a class="pureCssMenui0" href="http://www.facebook.com/home.php?sk=group_154115544646376">Facebook</a></li>
    	<li class="pureCssMenui0"><a class="pureCssMenui0" href="http://thedjofvieste.altervista.org/DjGiovy.html">Dj Giovy</a></li>
    	<li class="pureCssMenui0"><a class="pureCssMenui0" href="http://thedjofvieste.altervista.org/DjAleX019.html">Dj AleX 019</a></li>
    
    	<li class="pureCssMenui0"><a class="pureCssMenui0" href="http://thedjofvieste.altervista.org/DjElektroPlayer.html">Dj Elektro Player</a></li>
    	<li class="pureCssMenui0"><a class="pureCssMenui0" href="http://thedjofvieste.altervista.org/DjDomy.html">Dj Domy</a></li>
    </ul>
    Ultima modifica di andreafallico : 06-06-2011 alle ore 00.32.47

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •