есть 3 <select>...</select> расположенных в столбец
и один <inpute type="text" /> под ними так вот не могу их выравнять при равном значении
width select всегда больше чем <inpute type="text" /> указал различную ширину подобрал для моего разрешения на другом мониторе|браузере элементы разные. Кто скажет как быть
Спустя 4 минуты, 40 секунд (12.07.2010 - 10:18) трамонтана написал(а):
если так, что получится?
css
<ul>
<li><select>...</select></li>
<li><select>...</select></li>
<li><select>...</select></li>
<li><inpute type="text" /></li>
</ul>
css
li{widht:150px; list-style:none}
inpute, select{widht:100%}
Спустя 13 минут, 29 секунд (12.07.2010 - 10:32) Basili4 написал(а):
<html>
<head>
<style>
<!--
li{widht:150px; list-style:none}
input,select{widht:100%}
//-->
</style>
</head>
<ul>
<li><select><option>1</option><option>1</option><option>1</option><option>1</option></select></li>
<li><select><option>1</option><option>1</option><option>1</option><option>1</option></select></li>
<li><select><option>1</option><option>1</option><option>1</option><option>1</option></select></li>
<li><input type="text"></li>
</ul>
</html>
рано обрадывался не получается select маленькие шириной для текста
Спустя 13 минут, 23 секунды (12.07.2010 - 10:45) sergeiss написал(а):
А почему ты указываешь в процентах? Укажи в пикселях!
Вот так, например:
Вот так, например:
<style>
.inpsel
{
width:100px;
}
</style>
<input type="text" name="inp1" id="inp1" class="inpsel" />
<br />
<select name="sel1" id="sel1" class="inpsel">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
Спустя 2 минуты, 43 секунды (12.07.2010 - 10:48) Basili4 написал(а):
Мне нужно в процентах так я не знаю что за текст будет в Select е туда выбираются значения из базы
Спустя 1 минута, 52 секунды (12.07.2010 - 10:50) трамонтана написал(а):
ну вопервых ты так торопился что пропустил тег <body> ))
во вторых у тебя с слове widht ошибка.. width:100%
во вторых у тебя с слове widht ошибка.. width:100%
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head></head>
<style>
li{width:150px; list-style:none; display:block}
select, input{width:100%; border:none; background:#efefef}
</style>
<body>
<form>
<ul>
<li><select class="wer"> <option>2</option><option>1</option><option>1</option><option>1</option></select></li>
<li><select class="wer"><option>1</option><option>1</option><option>1</option><option>1</option></select></li>
<li><select class="wer"><option>1</option><option>1</option><option>1</option><option>1</option></select></li>
<li><input type="text"></li>
</ul>
</form>
</body>
</html>
Спустя 43 секунды (12.07.2010 - 10:50) Basili4 написал(а):
Вот так равняет как надо но тут в px а мне бы в процентах
<html>
<head>
<style>
<!--
ul{widht:100px;}
li{widht:100px; list-style:none}
select.input {width: 100px;}
input {width: 100px;}
//-->
</style>
</head>
<body>
<ul>
<li><select class=input><option>1</option><option>1</option><option>1</option><option>1</option></select></li>
<li><select class=input><option>1</option><option>1</option><option>1</option><option>1</option></select></li>
<li><select class=input><option>1</option><option>1</option><option>1</option><option>1</option></select></li>
<li><input type="text"></li>
</ul>
</body>
</html>
Спустя 2 минуты, 6 секунд (12.07.2010 - 10:52) трамонтана написал(а):
прочитай мой пост выше и всё будет ок)
Спустя 2 минуты, 36 секунд (12.07.2010 - 10:55) Basili4 написал(а):
трамонтана
Вот теперь как надо. Вот еще один вопрос мне к элементам надо слева подписи сделать
как бы это замутить чтобы блок элементы не поехали ????
Вот теперь как надо. Вот еще один вопрос мне к элементам надо слева подписи сделать
как бы это замутить чтобы блок элементы не поехали ????
Спустя 10 минут, 34 секунды (12.07.2010 - 11:05) трамонтана написал(а):
ну тогда это наверно уже таблица, а не список
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head></head>
<style>
table{width:500px}
select, input{width:100%; border:none; background:#efefef}
.cl-1{width:170px}
</style>
<body>
<form>
<table>
<tr>
<td class="cl-1">вариант1</td>
<td><select> <option>2</option><option>1</option><option>1</option><option>1</option></select></td>
</tr>
<tr>
<td>вар 2</td>
<td><select><option>1</option><option>1</option><option>1</option><option>1</option></select></td>
</tr>
<tr>
<td>в3</td>
<td><input type="text" /></td>
</tr>
</table>
</form>
</body>
</html>
Спустя 17 минут, 54 секунды (12.07.2010 - 11:23) трамонтана написал(а):
хто та не сагласен? 
Спустя 1 час, 8 минут, 42 секунды (12.07.2010 - 12:32) sergeiss написал(а):
| Цитата (трамонтана @ 12.07.2010 - 12:23) |
| хто та не сагласен? |
Щас прибегут "всякие любители ДИВов" и начнётся холиварная война
Хотя - если с таблицей удобнее, то надо с ней и делать.
По теме: как вариант, можно в событии onload для body поставить функцию, которая будет настраивать размеры нужных элементов. Например, выставить размер нескольких элементов по длине максимального из них. В этот момент размер будет однозначно известен в пикселах, поэтому его будет легко и просто выставить.
Спустя 42 секунды (12.07.2010 - 12:33) Gesandte написал(а):
http://phpforum.ru/index.php?showtopic=30813&st=30
там я уже давал один вариант
там я уже давал один вариант
Спустя 1 минута, 18 секунд (12.07.2010 - 12:34) Gesandte написал(а):
| Цитата (sergeiss @ 12.07.2010 - 09:32) | ||
Щас прибегут "всякие любители ДИВов" и начнётся холиварная война Хотя - если с таблицей удобнее, то надо с ней и делать. |
точно, на дивах, таблицы для табличных даннных
Спустя 1 час, 12 минут, 48 секунд (12.07.2010 - 13:47) трамонтана написал(а):
не.. - я как раз таки имел ввиду - хто та не сагласен что эта табличные данные?)
Спустя 3 часа, 13 минут, 36 секунд (12.07.2010 - 17:00) Gesandte написал(а):
я,я,Я 
_____________