Problema risolto Allineare il tag <li>

[pasquale760]

devo affiancare un tag <li> ad un altro tag <li>, devono essere affiancati... in questo momento il tag <li> si trova sotto al tag <li> e così a me non piace molto.. quindi se si potrebbe metterli affiancati senza usare i codici "top" e "right o left" grazie

 

[Kaito]

Riferimento: Allineare il tag <li>

Usa la proprietà

Perfavore, Entra oppure Registrati per vedere i Link!

del CSS.

 

[pasquale760]

Riferimento: Allineare il tag <li>

float:right o float:left? perchè se metto float:right me lo fa ritrovare al margine destro...
--------------- AGGIUNTA AL POST ---------------
ecco il mio codice di tutto il menù...

Spoiler

<div class="menu_container">
<ul class="menu">
<li class="li">
<li class="home"><a href="http://www.ybsnetwork.altervista.org/index.php" style="border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px"><img src="http://www.sciax2.it/forum/images/home.png" border="0" align="center" width="21px" height="19px"></a></li>
<a href="http://www.sciax2.it/forum/forum.php" style="border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;color:white;">FORUM</a> <div class="sel"></div>
</li>
</ul>
</div>

se serve anche il css:

Spoiler

.menu_container {
position:absolute;
top:23%;
left:0;
width:100%;
padding-left:0;
height:50px
}


ul.menu {
position:absolute;
margin:0 auto;
top:23%;
padding:0;
height:30px;
width:100%;
background:url(http://www.sciax2.it/forum/clientscript/vbulletin_css/menu.png) repeat-x;
/background-position-y:0;
/border-bottom:1px solid #2587ba;
}

li.home {
list-style: none;
margin-top:1px;
text-align:center;
width:70px;
height:26px;
border-right:1px solid #fff;
background: #47aadd;
background:-moz-linear-gradient(top,#47aadd 0%,#3799cc 47%,#2587ba 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#47aadd),color-stop(47%,#3799cc),color-stop(100%,#2587ba));
background:-webkit-linear-gradient(top,#47aadd 0%,#3799cc 47%,#2587ba 100%);
background:-o-linear-gradient(top,#47aadd 0%,#3799cc 47%,#2587ba 100%);
background:-ms-linear-gradient(top,#47aadd 0%,#3799cc 47%,#2587ba 100%);
background:linear-gradient(top,#47aadd 0%,#3799cc 47%,#2587ba 100%);
filter:progidXImageTransform.Microsoft.gradient( startColorstr='#47aadd',endColorstr='#2587ba',GradientType=0 );
/border-bottom:1px solid #2587ba
}

.li
{
float:left;
top:23%;
padding:6px 7px 0;
list-style:none;
height:20px
}

.sel {
width:10px;
height:10px;
position:absolute;
bottom:-7px;
right:50%;
background:url(images/menutriangle.png)
}

 

[Kaito]

Riferimento: Allineare il tag <li>

<a href="http://www.sciax2.it/forum/forum.php" style="border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;color:white;">FORUM</a>

:facepalm: Comunque, metti il float: left; ai <li> oppure metti display: inline (o inline-block, non ricordo) ad ul li { }

 

[pasquale760]

Riferimento: Allineare il tag <li>

:facepalm: Comunque, metti il float: left; ai <li> oppure metti display: inline (o inline-block, non ricordo) ad ul li { }

eh lo so che ho messo il sito di sciax2 ma ce lo ho messo perchè è un collegamento al vostro forum trammite quel tasto... dai che adesso provo a vedere se funziona così...
-
Ok fatto funziona

 

[Kaito]

Riferimento: Allineare il tag <li>

Bene, segno come risolto

 

[pasquale760]

Riferimento: Allineare il tag <li>

Ok risolto però per favore dici ai tuoi amici che non sono e che non ho fatto cloni... dopo un po è scocciante sentirselo dire tante volte... comunque ora il problema è davvero risolto ma la scritta forum mi sta al top del menù e non riesco a metterlo al centro, però mantenendolo sempre a fianco al tag <li>

 

[Kaito]

Riferimento: Allineare il tag <li>

Ok risolto però per favore dici ai tuoi amici che non sono e che non ho fatto cloni... dopo un po è scocciante sentirselo dire tante volte... comunque ora il problema è davvero risolto ma la scritta forum mi sta al top del menù e non riesco a metterlo al centro, però mantenendolo sempre a fianco al tag <li>

Prova ad usare la proprietà CSS vertical-align: bottom; applicata ai <li>

 

[pasquale760]

Riferimento: Allineare il tag <li>

Prova ad usare la proprietà CSS vertical-align: bottom; applicata ai <li>

Niente... scritta ferma dove era... ho provato anche a cacciare il comando float dal css (ho visto che anche senza il float adesso si allinea a fianco al tag <li>) e ad usare i tag left e text-align ma niente...rimane affiancato e non si muove

 

[Kaito]

Riferimento: Allineare il tag <li>

Niente... scritta ferma dove era... ho provato anche a cacciare il comando float dal css (ho visto che anche senza il float adesso si allinea a fianco al tag <li>) e ad usare i tag left e text-align ma niente...rimane affiancato e non si muove

Se puoi postare uno screenshot capisco meglio magari..

 

[pasquale760]

Riferimento: Allineare il tag <li>

Ecco lo screen:

Perfavore, Entra oppure Registrati per vedere i Link!

scritta forum si deve trovare un po più sotto e un pò più a destra... se si può allineare tutte le scritte con dei valori predefiniti senza che ogni tag <li> devo allinearlo..

 

[Kaito]

Riferimento: Allineare il tag <li>

Risposto in Assistenza Tecnica vah.

Comunque semplicemente usa il padding o line-height..

 

[pasquale760]

Riferimento: Allineare il tag <li>

ok fatto... il tag "line-left:...;" non esiste? o roba del genere nn ce?

 

[Kaito]

Riferimento: Allineare il tag <li>

line-left? O.o A che ti serve? per distanziare il menù da sinistra usi margin-left, mentre per impostare una 'larghezza' interna dei link usi il padding sempre..

 

[pasquale760]

Riferimento: Allineare il tag <li>

ok risolto ^^

 

[Kaito]

Riferimento: Allineare il tag <li>

Bene, segno come problema risolto pure questo lol