как выровнять внутри дива

K
На сайте с 28.12.2008
Offline
169
786

есть такой код

<div class="filter-container"><input name="Hotel[title]" type="text" maxlength="255" value=""><div class="clear"><a href="#">x</a></div></div>

в итоге крестик выводится под текстовым полем, как его вывести справа от поля?

vadts
На сайте с 08.03.2008
Offline
153
#1

в классе clear прописать

display:inline

fura.pro, gruzovik.pro, rezume.pro, rezina.pro, prognoz.pro, referat.pro, voditel.pro, zdanie.pro (mailto:vadim@svitonline.com?subject=.pro)
TaediumVitae
На сайте с 22.09.2011
Offline
41
#2

дописать

div.clear{display:inline}

и вообще, посмотреть, что там в .clear еще есть. если есть clear:both, то лучше выбрать какой-нибудь другой класс для блока вместо clear.

ибо что-то мне подсказывает, что не спроста так класс называется

K
На сайте с 28.12.2008
Offline
169
#3
vadts:
в классе clear прописать
display:inline

не помогает

класс clear это мое название, этот класс не имеет стиля

наверно надо уточнить-это все дело находится в ячейке таблицы


<tr class="filters">
<td><div class="filter-container"><input name="Hotel[title]" type="text" maxlength="255"><div class="clear"><a href="#">x</a></div></div></td>
<td><div class="filter-container"><input name="Hotel[stars]" type="text"><div class="clear"><a href="#">x</a></div></div></td>
<td><div class="filter-container"><input name="Hotel[description]" type="text"><div class="clear"><a href="#">x</a></div></div></td>
<td><div class="filter-container"><input name="Hotel[beach]" type="text" maxlength="255"><div class="clear"><a href="#">x</a></div></div></td>
<td><div class="filter-container"><input name="Hotel[pool]" type="text" maxlength="255"><div class="clear"><a href="#">x</a></div></div></td>
<td><div class="filter-container"><input name="Hotel[wifi]" type="text" maxlength="255"><div class="clear"><a href="#">x</a></div></div></td>
<td><div class="filter-container">&nbsp;</div></td><td><div class="filter-container">&nbsp;</div></td>
<td>&nbsp;</td>
</tr>

нужно самое простое решение

TaediumVitae
На сайте с 22.09.2011
Offline
41
#4

input,

.clear {

float:left;

}

попробуйте, должно помочь

vadts
На сайте с 08.03.2008
Offline
153
#5
kusanagi:
не помогает
класс clear это мое название, этот класс не имеет стиля
наверно надо уточнить-это все дело находится в ячейке таблицы


нужно самое простое решение

Все работает, не парьте нам мозги

<table>

<tr class="filters">

<td><div class="filter-container"><input name="Hotel[title]" type="text" maxlength="255"><div class="clear"><a href="#">x</a></div></div></td>

<td><div class="filter-container"><input name="Hotel[stars]" type="text"><div class="clear"><a href="#">x</a></div></div></td>

<td><div class="filter-container"><input name="Hotel[description]" type="text"><div class="clear"><a href="#">x</a></div></div></td>

<td><div class="filter-container"><input name="Hotel[beach]" type="text" maxlength="255"><div class="clear"><a href="#">x</a></div></div></td>

<td><div class="filter-container"><input name="Hotel[pool]" type="text" maxlength="255"><div class="clear"><a href="#">x</a></div></div></td>

<td><div class="filter-container"><input name="Hotel[wifi]" type="text" maxlength="255"><div class="clear"><a href="#">x</a></div></div></td>

<td><div class="filter-container">&nbsp;</div></td><td><div class="filter-container">&nbsp;</div></td>

<td>&nbsp;</td>

</tr>

</table>

<style>

.clear

{

display: inline;

}

</style>

DiAksID
На сайте с 02.08.2008
Offline
236
#6

кошерный вариант для таких случаев:

.стиль{

dispaly:inline-block;

*dispaly:inline;

*zoom:1;

}

такой надо в списке стандартов держать...

show must go on !!!...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий