ciao a tutti, il link al mio problema è qui:
www.sushiacolazione.it/index2.htm
come si vede ho un menu sulla destra fatto con i css (scopiazzando la guida di html.it dei tab button in css) che è contenuto dentro la <div> "content".
il problema è questo, come faccio a centrare il tutto nella div?
ora è tutto spostato a destra io lo vorrei al centro in orizzontale. e poi se non chiedo troppo mi piacerebbe che il testo fosse centrato nello span (non ridete se dico cavolate.. stò imparando ora..) credo sia facilissimo ma mi sfugge qualcosa.
grazie tantissimo in anticipo a chi mi può aiutare
questo è il mio codice:
div#content{float:right;width:300px;height:135px;b ackground-image: url(immagini_layout/content_bckgr2.jpg);background-repeat: no-repeat;}
ul#nav{float:right;width: 100%;list-style: none;
margin: 0;padding: 0;text-align:center;vertical-align: middle}
ul#nav li{float:right;margin: 0 0 0 0;padding:0; width: 120px;height:60px;border: 3px solid #aabbee;background-color: purple}
ul#nav a{padding:0;
background-color: yellow;
text-decoration: none;color: #222}
ul#nav span{float:right;padding: 0px 0px 0px 0px;width:100%;height:100%;
background-color: green;cursor: pointer;vertical-align:middle}
ul#nav li#active a,ul#nav a:hover{background-color: red}
ul#nav li#active span,ul#nav a:hover span{background-color: white}
<div id="content">
<ul id="nav">
<li id="active"><span>FHOTOGRAFIE</span>[*]<span>FHOTOPASTICCI</span>[/list]
<ul id="nav">[*]<span>VARIE</span>[*]<span>LINCS</span>[/list]
</div>
Rispondi quotando
