Makaresha7 Сообщение 15/08/2011 13:09 Копия темы
верстка как правильно прописать код (см.картинку)
естественно хочется чтобы  картинки находились ровно в одной линии с текстом.
мой код (не весь):
#countries {
background: url(../img/1px.png); /*фон*/
border:1px solid #1b5a14;
border-radius:15px;
width:155px;
height:496px;
margin-left:20px;
margin-right:30px;
padding:22px 4px 22px 4px;}

twixxer Сообщение 15/08/2011 13:35 Копия темы
Страны делать ненумерованным списком (ul li /li /ul )
Высоту для < li > делать равную высоте иконки страны, в фон – иконку и прописывать padding-left: ширина иконки + 12 px

twixxer Сообщение 15/08/2011 13:39 Копия темы
также не забыть: 
-webkit-border-radius: 15px; 
-moz-border-radius: 15px;

e47x Сообщение 15/08/2011 17:38 Копия темы
Дмитрий, а как же border-radius: 15px;  – оперу и ослика забывать не надо

Makaresha7 Сообщение 16/08/2011 07:55 Копия темы
спасибо) а как сделать промежуток между флагами 5px? увеличить высоту, т.е. прописать высоту чуть больше высоты самой иконки?