-
[Only registered and activated users can see links. Click Here To Register...]
я сейчас его переверстываю.
столкнулся с проблемой вот этого блока:
[Only registered and activated users can see links. Click Here To Register...]
а именно с формой поиска, я ни как не могу растянуть <input> на 100% (от оставшегося места)
Я работаю на локалке по этому выкладываю html:
Код:
<div class="mailsearch">
*<div id="MailBlox">
* *Почта: [Only registered and activated users can see links. Click Here To Register...] | [Only registered and activated users can see links. Click Here To Register...] | [Only registered and activated users can see links. Click Here To Register...]
* *
*</div>
*
*<div id="SearchBlox">
* *<input type="radio" name="type" value="inet" *style="height:10px; width:15px; padding:0;">
* *в интернете
* *<input type="radio" name="type" value="chel" checked style="height:10px; width:15px; padding:0;">
* *в Челябинске
* *<input type="radio" name="type" value="site" *style="height:10px; width:15px; padding:0;">
* *на сайте
*
*</div>
</div>
А вот и стили:
Код:
.mailsearch {
* *background-color: #5296D1;
* *font-size: 0.8em;
* *height:60px;
* *color: #FFF;}
* *
.mailsearch,
.mailsearch A:Link,
.mailsearch A:Visited,
.mailsearch A:Hover,
.mailsearch A:Active {
* *color: #FFF;}
#MailBlox {
* *padding:0.5em;
* *float:left;}
* *
#SearchBlox {
* *padding:0.5em;}
.left {
* *float:left}
И второй вопрос: как уменьшить отступы у <input type="radio">? маргин, паддинг, высота и ширина не помогают (в Лесичке все отлично)
-
Не дам умереть этой теме [Only registered and activated users can see links. Click Here To Register...] Помогите.
-
эм... а я и попыток растянуть не увидел че то...
плохо искал что ли? =)
карочи напиши style="width: 100%"
-
Тут не как сверстать надо думать а руки дизайнеру нарисовавшему отрезать. Потому как это просто не юзабельно (хорошо что он не нарисовал поле с вводом числа первого порядка такого же размера). К тому же насколько мне известно это не реализуемо вообще.
Совет по делу: задай ей жесткий размер такой чтоб вписывалась при минимально допустимом дизайном расширении и прижми к правому краю блока в котором она находится. Если неймется заполнить оставшееся незанятым пространство пусти вдоль него фоновым рисунком травку с иллюстрации.
-
Цитата:
Originally posted by 2GoDoom@Jul 25 2005, 15:09
эм... а я и попыток растянуть не увидел че то...
плохо искал что ли? =)
карочи напиши style="width: 100%"
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
При таком варианте отпут занимает всю строку и переходит на новую. Во всю ширину... [Only registered and activated users can see links. Click Here To Register...]
-
Цитата:
Originally posted by 2ego@Jul 26 2005, 10:26
Тут не как сверстать надо думать а руки дизайнеру нарисовавшему отрезать. Потому как это просто не юзабельно (хорошо что он не нарисовал поле с вводом числа первого порядка такого же размера). К тому же насколько мне известно это не реализуемо вообще.
Совет по делу: задай ей жесткий размер такой чтоб вписывалась при минимально допустимом дизайном расширении и прижми к правому краю блока в котором она находится. Если неймется заполнить оставшееся незанятым пространство пусти вдоль него фоновым рисунком травку с иллюстрации.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
1. Рисовал я. Я себя считаю хорошим вебдизайнером. Просить объяснять что не юзабельно я тебе не стану т.к. ты в этом на 90% точно не разбираешся.
2. Совершенно не поделу... Жестко, прижми, неймется... Ой...
Ладно спасибо тебе.
-
народ по теме- а почему style="width: 100%" не подошло?обясните новичку хоть в двух словах.
-
ИМХО для поля поиска отлично подошла бы двухстрочная таблица - не заморачивайтесь зря
