подреждане в 1 линия

[IzKuFeLiQqQqQ]

http://kuku-test.webege.com/job/services.php
как да направя тея в 1 линия и тоя червения бутон да е ди чертичката

html

<div class="services">
<a href="./statsbaner.php"><img src="./img/statspic.png"></img></a><br/>Статус банер за CS<br/>Цена:0ст |<a href="./statsbaner.php" title="Информация за услугата"><div id="info"></div></a>
<a href="./phpbb3install.php"><img src="./img/phpbb3installpic.png"></img></a><br/>Инсталиране на phpBB3 форум<br/>Цена:0ст |<a href="./phpbb3install.php" title="Информация за услугата"><div id="info"></div></a>
<a href="./phpbb3set.php"><img src="./img/phpsetpic.png"></img></a><br/>Настойка на phpBB3 форум<br/>Цена:0ст |<a href="./phpbb3set.php" title="Информация за услугата"><div id="info"></div></a></div>

css

.services {float:left;display:inline;padding-left:5%;padding-top:1%;}
.services text {float:left;display:inline}
.services img {border:0;}
#info {background: url(./img/info.png) no-repeat;width:18px;height:18px;}

 

[shterev]

много грешки! Първо, <а> такага не е блоков елемент, следователно не можеш да слагаш в него блокови елементи (<а><div>...) това е грешно. Второ в цсс-а кой ти е казал и къде си видял да задаваш float:left; и display:inline; floating се задава само а блокоеи елементи.Най-простия начин е на мястото на дива да сложиш <img /> таг, като картинката да я пооправиш да е на мястото си. Иначе правиш текста в един див флоатваш го задавш на а-то да е блоков елемент флоатваш и него и слагаш картинакта да е бекграунд на а-то не на дива.