Моля помогнете?

BoGo

Registered
Имам следния проблем, да го обясня по просто искам да има два прости бутона единият за български другият за английски. Искам да седят така във сайта:

<-------English-------><-----Български----->

но за съжаление в сайта ми седят така:

<-------English------->
<-----Български----->

Ето ви и кода от STYLE.CSS и INDEX.HTML

STYLE.CSS
[css]
.lang {
list-style: none;
}
#lang-en {
width : 203px;
height : 30px;
background-image : url(../images/en.png);
}

#lang-en:hover {
background-image : url(../images/en-1.png);
}
#lang-bg {
width : 203px;
height : 30px;
background-image : url(../images/bg.png);
}

#lang-bg:hover {
background-image : url(../images/bg-1.png);
}
[/css]
INDEX.HTML
HTML:
<ul class="lang">
<li id="lang-bg"></li> <li id="lang-en"></li>
</ul>
 
.lang li {
float:left;
}



.lang li {
display: inline;
}


Обърни внимание на червеното :) Там е грешката.. Задаваме стил за li-то, което се намира в ul.lang, а не за ul.lang!
 
Да абсолютно прав си! Може ли само едно съветче да го центрирам, понеже като махна лефт и напиша центер не става нито топ нито боттом.. :(
 
.lang {

list-style: none;
margin: 0 auto;
text-align: center;


}

.lang li {
display: inline;
}


#lang-en {

width : 203px;

height : 30px;

background-image : url(../images/en.png);

}



#lang-en:hover {

background-image : url(../images/en-1.png);

}

#lang-bg {

width : 203px;

height : 30px;

background-image : url(../images/bg.png);

}



#lang-bg:hover {

background-image : url(../images/bg-1.png);

}
 

Горе