[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Подскажите, с стилем INPUT-txt не могу настроить
GET
Здравствуйте, помогите кто сталкивался пожалуйста:

на одной из страничек выводится блок из всплывающих списков, я его настроил, в смысле уравнял ширину в CSS следующим селектором:

#anketa
select {height: auto;
width: 100px;}


Соответственно прописал его в форме:
<form name="prodaem" id="prodam" method="post" action="prodaem.php">


Все работает во всех 4-х браузерах.

Встала необходимость уравнять по ширине текстовые области типа
<INPUT type="text">


и вот тут никак не могу придумать селектор или класс, который также сделает ширину текстового поля 100px и его можно будет внедрить в форму не мешая стилю для SELECT



Спустя 4 минуты, 8 секунд (4.07.2010 - 11:48) ABC написал(а):
выше опечатка:

<form name="prodaem" id="anketa" method="post" action="prodaem.php">


выше опечатка вопрос тот же.

Спустя 9 минут, 43 секунды (4.07.2010 - 11:57) Rand написал(а):
Может быть я не понял вопроса, но почему не:
#anketa select {height: auto;width: 100px;}
#anketa input {width: 100px;}
?

Спустя 6 минут, 41 секунда (4.07.2010 - 12:04) ABC написал(а):
Спаааасибо!!!! Все заробило в Экслорере, Хорме, Фоксе....кроме Оперы smile.gif почему то

Спустя 2 минуты (4.07.2010 - 12:06) Gussarah написал(а):
опера тупит ... создавай блоки, и засовывай туда содержимое, она не распознаёт содержимое отдельно если оно не в отдельном блоке

для инпута отдельный див сделай и засунь его туда

Спустя 2 минуты, 16 секунд (4.07.2010 - 12:08) ABC написал(а):
Блок в смысле?

Спустя 48 секунд (4.07.2010 - 12:09) Gussarah написал(а):
аха

Спустя 4 минуты, 18 секунд (4.07.2010 - 12:13) ABC написал(а):
Вы имеете ввиду <DIV> например?...я не могу отказаться от таблиц...

Спустя 1 минута, 3 секунды (4.07.2010 - 12:14) ABC написал(а):
а нельзя ли пример для INPUTa?

Спустя 21 минута, 31 секунда (4.07.2010 - 12:36) Gussarah написал(а):
ммм ... по идее вот так
<INPUT type="text" id="input">


#input {width: 100px;}

Спустя 18 минут, 52 секунды (4.07.2010 - 12:55) ABC написал(а):
Увы

<div><input name="st_11_2" type="text" id="input" value="" maxlength="20"></div


все равно растягивает его

Спустя 6 минут, 39 секунд (4.07.2010 - 13:01) Gussarah написал(а):
<div id="input"><input name="st_11_2" type="text" value="" maxlength="20"></div>


попробуй так

Спустя 5 минут, 31 секунда (4.07.2010 - 13:07) ABC написал(а):
нет..нехочет...интересно SELECTы же уменьшила ОПЕРА нормально, они вперемешку с ИНпутами...

Спустя 11 секунд (4.07.2010 - 13:07) tomash написал(а):
#anketa input {width: 100px; max-width: 100px;}

Спустя 8 минут, 54 секунды (4.07.2010 - 13:16) ABC написал(а):
Приветствую tomash,


Увы, это тоже не помогло...Гугл говорит надо писать им рапорт чтоб исправляли баг smile.gif Незнаю стоит ли? Вдруг кодера какого-нибудь уволят из Оперы.

Спустя 2 минуты, 39 секунд (4.07.2010 - 13:19) Gussarah написал(а):
Опера второй по кривизне браузер ... пусть увольняют, хотя думаю ошибка в коде

Грубо говоря опере надо всё разложить по полочкам ... видимо гдет потеряли полочку

покажите больше кода если не затруднит

Спустя 12 минут, 9 секунд (4.07.2010 - 13:31) ABC написал(а):
если сможете разобраться:


<? if (!isset ($_SESSION)) {session_start ();} else {};?>
<?php

$tab_st=$_GET ['tab_nz'];
include("blocks/bd.php");
$_SESSION['id_nz']=$_GET['id_nz'];
$_SESSION['n_nz']=$_GET['n_nz'];
$_SESSION['tab_nz']=$_GET['tab_nz'];
$mod=$_GET['id_nz'];
$c=mysql_query ("SELECT * FROM struktura WHERE nz_tab='$tab_st'", $bd);
$c_i = mysql_fetch_array ($c) or die ("Error".mysql_error());
?>
<div>
<
form name="anketa" id="anketa" method="post" action="prodaem_anketaS.php" enctype="multipart/form-data">
<
table rules="all" cellpadding="5" cellspacing="5" class="tab5">

<!--
Первая строчка-->
<
tr>
<
td width="60%" colspan="3"><tt>
<?php print ("Продам:".$_GET["tab_nz"]."-".$_GET["n_nz"]);?>
</tt>
</
td>
</
tr>
<?php $i=-1; do {
do {$i=$i+3;
$ii=$i+1;
$iii=$i+2;
?>
<tr>
<
td width="45%"><div align="left"><tt>
<?php eval ($c_i[$i]);?>
</div></tt>
</
td>
<
td width="20%" ><div align="left"><tt>
<?php eval ($c_i[$ii]);?>
</div></tt></td>
<
td width="35%"><div align="right"><tt>
<?php eval ($c_i[$iii]);?>
</div></tt></td>
</
tr>
<?php if($i==32) {?>

<tr>
<
td colspan="3" class="style8"><div align="justify">
     Вы можете выставить свой товар на аукцион. Для этого вы должны указать начальную стоимость, и шаг. Обычно начальную стоимость указывают намеренно низкой, например 10000 рублей за машину или квартиру. В шаге указвается интервал ставок, например, 1000 рублей. Возможно, по мере нарастания ставок, в какой-то момент цена будет вас устраивать и вы свяжетесь с потенциальным покупателем</div></td>
</
tr>

<?php }} while ($i!=38);} while ($c_i = mysql_fetch_array ($c)); ?>

<tr>
<
td colspan="3" class="style9" align="center"><hr size="1"><div align="justify">
</
td>
</
tr>
</
table>


<
input type="submit" value="Зарегистрировать.">
</
form>
</
div>


</
body>
</
html>

Спустя 2 минуты, 31 секунда (4.07.2010 - 13:33) tomash написал(а):
A.B.C.
И Вам здрасьте! А какая опера?

Спустя 2 минуты, 55 секунд (4.07.2010 - 13:36) ABC написал(а):
OPERA 10.53 скачана на днях буквальна с их офсайта

Сам HTML код...точнее слова и формы вытаскивается из БД:

ну такое как было выше...в этом месте построчно в три столбца вылазит 12 строк (3 столбца ) в этих ячеках слова, формы и списки из таблицы БД

<tr>
<td width="45%"><div align="left"><tt>
<?php eval ($c_i[$i]);?>
</div></tt>
</td>
<td width="20%" ><div align="left"><tt>
<?php eval ($c_i[$ii]);?>
</div></tt></td>
<td width="35%"><div align="right"><tt>
<?php eval ($c_i[$iii]);?>
</div></tt></td>
</tr>

Спустя 3 минуты, 31 секунда (4.07.2010 - 13:40) tomash написал(а):
A.B.C.
А можно ссыль на страничку?

Спустя 2 минуты, 11 секунд (4.07.2010 - 13:42) ABC написал(а):
http://www.opera.com/

но там уже 60 - я версия

Спустя 1 минута, 47 секунд (4.07.2010 - 13:44) tomash написал(а):
A.B.C.
На Вашу страничку))) Хотелось бы посмотреть че там за исходник

Спустя 37 секунд (4.07.2010 - 13:44) Gussarah написал(а):
</table>

<
div id="input">
<
input type="submit" value="Зарегистрировать.">
</
div>
</
form>
</
div>



ну в стилях

#input {
width:100px;
max-width:110px;
}


или пробовали?

Спустя 1 минута, 43 секунды (4.07.2010 - 13:46) ABC написал(а):
качаю свежую оперу может она не глючит?

я кинул скрипт чуть выше...а сылку на страничку...она же на домашнем хосте...на Апачи..

Спустя 5 минут, 7 секунд (4.07.2010 - 13:51) ABC написал(а):
да в стилях выставлял это....причем напомню глючит только ав Опере в остальных нормально робит в Мозиле, Хроме и Эксплорере...все вот устанавливаю новую Оперу..

установил тот же глюк

Спустя 21 минута, 9 секунд (4.07.2010 - 14:12) ABC написал(а):
Наикрутая опера...в правом нижнем углу экрана оперы нарыл кнопочку ВИД...в нем - подогнать ширину..кликаешь по ней текстовые поля на страничке тоже двигаются...сжимаются и расширяются...smile.gif

для каких целей это сделали?

Спустя 22 минуты, 35 секунд (4.07.2010 - 14:35) tomash написал(а):
<form>
<input
type="text" style = 'width:150px;' value = "qqq"><br>
<input
type="text" style = 'width:110px;' value = "qqqqqqqqqqqqqqqq"><br>
<input
type="text" style = 'width:120px;' value = "qqqqqqqqqqqqqqqqqqqqqqqqq"><br>
<input
type="text" style = 'width:130px;' value = "qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq"><br>
</form>


Вот такая конструкция работает в Опере10.6 все элементы выставляються как нужно

Спустя 9 минут, 17 секунд (4.07.2010 - 14:44) ABC написал(а):
tomash, в моем скрипте это тоже сработало!!!...это выход конечно и приведет к стандартизации отображения инфы на экране, но этот стиль поставить для всех input в таблице сss, может действительно типа
.input {width:110px}
???

Спустя 2 минуты, 58 секунд (4.07.2010 - 14:47) tomash написал(а):
A.B.C.

можно в принципе через классы CSS попробовать!

Спустя 1 минута, 29 секунд (4.07.2010 - 14:49) ABC написал(а):
<input name="st_1_3" class="input"  type="text" value=""   >


это не пошло sad.gif

.input (width:100px;}

Спустя 1 минута, 11 секунд (4.07.2010 - 14:50) tomash написал(а):
Наверное не нужно использовать имена тэгов для имен классов.

Спустя 1 минута, 15 секунд (4.07.2010 - 14:51) tomash написал(а):
Вы можете скинуть, исходник html из броузера и файл CSS

Спустя 5 минут, 42 секунды (4.07.2010 - 14:57) ABC написал(а):
Ну даже если через стили проблема будет решена, то все равно писать дополнение к тегу input...поэтому думаю это не суть важно придется оставить пока все как есть...может быть со временем проблема решится ..такое уже не раз бывало smile.gif...

Спасибо за помощь!!!

Спустя 52 секунды (4.07.2010 - 14:58) ABC написал(а):
конечно скину!!!

Спустя 38 секунд (4.07.2010 - 14:58) ABC написал(а):
Дело в том что он большой...сюда кинуть?

Спустя 1 минута, 28 секунд (4.07.2010 - 15:00) tomash написал(а):
Кусок таблицы и формы, и кусок CSS именно для этой формы

Спустя 7 минут, 17 секунд (4.07.2010 - 15:07) ABC написал(а):
СКРИПТ:


<? if (!isset ($_SESSION)) {session_start ();} else {};?>
<?php

$tab_st=$_GET ['tab_nz'];
include("blocks/bd.php");
$_SESSION['id_nz']=$_GET['id_nz'];
$_SESSION['n_nz']=$_GET['n_nz'];
$_SESSION['tab_nz']=$_GET['tab_nz'];
$mod=$_GET['id_nz'];
$c=mysql_query ("SELECT * FROM struktura WHERE nz_tab='$tab_st'", $bd);
$c_i = mysql_fetch_array ($c) or die ("Error".mysql_error());
?>
<div>
<
form name="anketa" id="anketa" method="post" action="prodaem_anketaS.php" enctype="multipart/form-data">
<
table rules="all" cellpadding="5" cellspacing="5" class="tab5">

<!--
Первая строчка-->
<
tr>
<
td width="60%" colspan="3"><tt>
<?php print ("Продам:".$_GET["tab_nz"]."-".$_GET["n_nz"]);?>
</tt>
</
td>
</
tr>
<?php $i=-1; do {
do {$i=$i+3;
$ii=$i+1;
$iii=$i+2;
?>
<tr>
<
td width="45%"><div align="left"><tt>
<?php eval ($c_i[$i]);?>
</div></tt>
</
td>
<
td width="20%" ><div align="left"><tt>
<?php eval ($c_i[$ii]);?>
</div></tt></td>
<
td width="35%"><div align="right"><tt>
<?php eval ($c_i[$iii]);?>
</div></tt></td>
</
tr>
<?php if($i==32) {?>

<tr>
<
td colspan="3" class="style8"><div align="justify">
     Вы можете выставить свой товар на аукцион. Для этого вы должны указать начальную стоимость, и шаг. Обычно начальную стоимость указывают намеренно низкой, например 10000 рублей за машину или квартиру. В шаге указвается интервал ставок, например, 1000 рублей. Возможно, по мере нарастания ставок, в какой-то момент цена будет вас устраивать и вы свяжетесь с потенциальным покупателем</div></td>
</
tr>

<?php }} while ($i!=38);} while ($c_i = mysql_fetch_array ($c)); ?>

<tr>
<
td colspan="3" class="style9" align="center"><hr size="1"><div align="justify">
</
td>
</
tr>
</
table>
Загрузить фото <?php print $_GET["n_nz"]; ?>:<br>
Фото №1:<input name="userfile[]" type="file"><br>
Фото №2:<input name="userfile[]" type="file"><br>
Фото №3:<input name="userfile[]" type="file"><br>

<
input type="submit" value="Зарегистрировать.">
</
form>
</
div>


</
body>
</
html>


SQL:

CREATE TABLE `struktura` (
`id_st` int(3) NOT NULL auto_increment,
`nz_tab` varchar(30) default NULL,
`st_1_1` text,
`st_1_2` text,
`st_1_3` text,
`st_2_1` text,
`st_2_2` text,
`st_2_3` text,
`st_3_1` text,
`st_3_2` text,
`st_3_3` text,
`st_4_1` text,
`st_4_2` text,
`st_4_3` text,
`st_5_1` text,
`st_5_2` text,
`st_5_3` text,
`st_6_1` text,
`st_6_2` text,
`st_6_3` text,
`st_7_1` text,
`st_7_2` text,
`st_7_3` text,
`st_8_1` text,
`st_8_2` text,
`st_8_3` text,
`st_9_1` text,
`st_9_2` text,
`st_9_3` text,
`st_10_1` text,
`st_10_2` text,
`st_10_3` text,
`st_11_1` text,
`st_11_2` text,
`st_11_3` text,
`st_12_1` text,
`st_12_2` text,
`st_12_3` text,
`data` text,
`end_2` text,
`end_3` text,
PRIMARY KEY (`id_st`)
)
ENGINE=MyISAM AUTO_INCREMENT=3 DEFAULT CHARSET=cp1251 AUTO_INCREMENT=3 ;

--
-- Дамп данных таблицы `struktura`
--

INSERT INTO `struktura` VALUES (1, 'Иностранные авто', 'print (
"Выбирите модель вашей машины:");', '$a=mysql_query ("SELECT model FROM model_inauto WHERE kats_id=$mod", $bd);$a_i =mysql_fetch_assoc ($a);?><select name="st_1_2"><?php while ($a_i = mysql_fetch_assoc ($a)) {?><option><?php print ($a_i[''model'']);?></option><?php } ;', '?>Другая:<input name="st_1_3" style="width:100px" type="text" value="" >', 'print ("Год выпуска вашей машины:");', '?><select name="st_2_2">\r\n<?php $ii=date("Y");settype ($ii, "integer");$ii=$ii+1;\r\ndo {$ii=$ii-1;?>\r\n<option><?php\r\nprint ($ii);?></option><?php } while ($ii!==1970);?>\r\n</select>', 'print ("");', 'print ("Объем двигателя:");', '?><select name="st_2_3"><?php $ii=0.9;$iii=1;do {$ii=$ii+0.1;$iii++;?><option><?php print ($ii);?></option><?php } while ($iii!==22);?><option><?php print ($ii=3.1." и больше");?></select>', '', 'print ("Тип вашего двигателя:");', '?><select name="st_4_2"><option>Бензин</option><option>Дизель</option><option>Гибрид</option></select>', 'print ("4-3");', 'print ("Коробка передач:");', '?><select name="st_5_2"><option>Автомат</option><option>Механника</option></select>', '', 'print ("Выберите основной цвет машины, поставьте галочку если это металлик :");', '?><select name="st_6_2"><option>Белый</option><option>Черный</option><option>Серебристый</option><option>Серый</option><option>Вишня</option><option>Золото</option><option>Красный</option><option>Оранжевый</option><option>Желтый</option><option>Коричневый</option><option>Зеленый</option><option>Голубой</option><option>Синий</option><option>Фиолетовый</option></select>', 'print ("6-3");', 'print ("Привод машины :");', '?><select name="st_7_2"><option>Передний</option><option>Задний</option><option>4 WD</option></select>', 'print ("Литье?");?><input name="st_7_3" type="checkbox" value="1"/>', 'print ("Колеса: размер, литье:");', '?><select name="st_8_2"><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20 и выше</option></select>', 'print ("Литье?");?><input name="st_8_3" type="checkbox" value="1"/>', 'print ("Наличие сигнализации, люка");', '?><input name="st_9_2" type="checkbox" value="1"/>', 'print ("Люк?");?><input name="st_9_3" type="checkbox" value="1"/>', 'print ("Дополнительное описание машины:");', '?><textarea name="st_10_2" cols="10" rows="10"></textarea>', 'print ("10-3");', 'print ("Цена за машину:");', '?><div id="input"><input name="st_11_2" type="text" class="input" value="" maxlength="20"></div>', 'print ("11-3");', 'print ("Аукцион: введите начальная цену вашего товара и шаг (в рублях)");', '?><input name="st_12_2" type="text" class="input" value="" maxlength="10">', '?><select name="st_12_3"><option>Без аукциона</option><option>1000</option>1500<option>2000</option><option>2500</option><option>3000</option><option>3500</option><option>4000</option><option>4500</option><option>5000</option></select>', '?><input name="data" type="hidden" value="<?php print date("d.m.Y");?>">', 'print ("end_2");', 'print ("end_3");');




#prodam
select {height: auto;
width: 200px;}

#anketa
select {height: auto; width: 100px;}
#anketa input {max-width: 100px;}
.input (width:100px;}


Спустя 5 минут, 29 секунд (4.07.2010 - 15:13) tomash написал(а):
Я думаю Вам нужно переименовать классы и ид, что бы там не было названий тэгов!
т.е.


.inpank(width:100px;}


<input name="st_11_2" type="text" class="inpank"  value="" maxlength="20">


попробуйте

Спустя 10 минут, 30 секунд (4.07.2010 - 15:23) ABC написал(а):
.inpank{width:100px;}



нет...увы.., но
style="width:100px"
работает я думаю оставить тогда так..

все равно тэге
INPUT
писать дополнительные параметры...


все же причина почему
#anketa
select {height: auto; width: 100px;}
#anketa input {max-width: 100px;}


не работает я думаю исключительно в глюках Оперы

Еще раз спасибо за помощь tomash!

Спустя 7 минут, 14 секунд (4.07.2010 - 15:30) ABC написал(а):
пришла идея.....в отличи от тега SELECT...INPUT ведь может быть не тоолько текстом...может надо в СSS тип указать type="text"

Спустя 3 минуты, 48 секунд (4.07.2010 - 15:34) ABC написал(а):
нет...не робит..

Спустя 15 минут, 5 секунд (4.07.2010 - 15:49) Gussarah написал(а):
#anketa input {
display:block;
position:relative;
width: 100px;
max-width: 100px;}


поковырять бы в ручную

Спустя 1 час, 56 минут, 2 секунды (4.07.2010 - 17:45) Gesandte написал(а):
....................................... blink.gif blink.gif blink.gif никогда не замечал подобного косяка в опере......

Спустя 32 минуты, 12 секунд (4.07.2010 - 18:17) Gesandte написал(а):
Хотя если имелся ввиду инпут с типом файл, то с ним не поиграешся особо, а со всеми прочими нет проблем

Спустя 2 минуты, 17 секунд (4.07.2010 - 18:20) Gesandte написал(а):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
Input</title>
<style
type="text/css">
*{
margin: 0;
padding: 0;
}

body {
background: rgb(255,255,255);
width: 100%;
min-width: 1000px;
max-width: 1500px;
}

form.base {
width: 600px;
margin: 30px 0;
margin: 0 auto;
}

form.base fieldset {
border: 3px solid rgb(230,230,230);
margin: 10px;
padding: 10px;
}

form.base legend {
color: rgb(35,140,215);
font: normal 16pt Verdana;
padding: 0 10px;
}

form.base label {
display: block;
margin: 10px 20px;
overflow: hidden;
}

form.base input[type="text"],
form.base input[type="password"],
form.base input[type="file"] {
width: 300px;
font: normal 12pt Verdana;
float: right;
}

form.base input[type="submit"] {
background: rgb(35,140,215);
border: 0;
border-radius: 5px;
-moz-border-radius: 5px;
color: rgb(255,255,255);
font: normal 13pt Verdana;
padding: 2px 15px
}

</style>
</head>
<body>

<form
class="base" action="#" method="post">
<fieldset>
<legend>
Элементы формы</legend>

<label>

Текст
<input type="text" name="#" />
</label>

<label>

Пароль
<input type="password" name="#" />
</label>

<label>

Файл
<input type="file" name="#" />
</label>

<label>
<input
type="submit" name="#" value="Send" />
</label>
</fieldset>
</form>


</body>
</html>


Спустя 20 часов, 15 минут, 27 секунд (5.07.2010 - 14:35) ABC написал(а):
спасибо...за помощь!!!

Спустя 3 месяца, 14 дней, 3 часа, 45 минут, 42 секунды (19.10.2010 - 18:21) Guest написал(а):
biggrin.gif

Спустя 36 секунд (19.10.2010 - 18:21) Guest написал(а):
Имеется цветное изображение в котором необходимо выделить однотонные области. Изображение-это набор пикселей различных цветов. Соседями для пикселя считаются восемь прикселей, его окомляющих в том числе и по диагонали. Связанное множество (область)- множество пикселей одного цвета, у кажлого пикселя которого есть хотя бы один сосед, принадлежащий данному множеству. Необходимо определить цвет связанных областей и количество пикселей в каждом из них.

Спустя 27 секунд (19.10.2010 - 18:22) Guest написал(а):
решите кто ни будь))))))

Спустя 1 минута, 49 секунд (19.10.2010 - 18:24) Guest написал(а):
[fliph][flipv][*]


_____________
Не тот велик, кто не падал, а тот кто падал и поднимался.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.