1. p1us - 24 Октября, 2011 - 08:18:51 - перейти к сообщению
создал форму, в FF, Opera при вводе float, поля ставятся на 1 строку и слипаются, так как интервал между ними равен 0. Но в Google Chrome все иначе. Почему-то интервал между float строками не нулевой. использовал сброс CSS Эрика Майера, и все равно ничего не поменялось, у GCr так и остался неизвестный отступ. но при *{margin:0; padding:0;} все сбрасывается
2. SAD - 24 Октября, 2011 - 08:37:33 - перейти к сообщению
код в студию
3. p1us - 24 Октября, 2011 - 08:42:11 - перейти к сообщению
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link href="form_new.css" rel="stylesheet" type="text/css">
- <title>Регистрация</title>
- </head>
- <body>
- <div id="container">
- <div class="date">
- <p align="center">
- <?php
- echo "сегодня: ". date ('j.m.Y');
- ?>
- <p align="center">
- <?php
- echo date('G:i') ;
- ?>
- </p>
- </div>
- <div class="title">
- <h1>Регистрация</h1>
- </div>
- <hr>
- <form name="form_new" method="post" action="new_firm.php">
- <div class="center">
- <div class="sex">
- <h4><b><span class="zvezda">*</span>Пол:</b><Br>
- <input type="radio" name="men" value="M" checked="checked"><b>М</b>
- <input type="radio" name="men" value="W"><b>Ж</b><Br> <!-- $_POST['name'] = -->
- </h4>
- </div>
- </br>
- <div class="name">
- <h4><b><span class="zvezda">*</span>Имя собеседника</b><br>
- <input name="name" type="text" size="40">
- </h4>
- </div>
- <div class="firm_name">
- <h4><b><span class="zvezda">*</span>Название фирмы</b><br>
- <input name="firm_name" type="text" size="40">
- </h4>
- </div>
- <div class="city">
- <h4><b><span class="zvezda">*</span>Город:</b><br>
- <input name="city" type="text" size="40">
- </h4>
- </div>
- </br>
- </br>
- </br>
- <div class="telephone">
- <h4><b><span class="zvezda">*</span>Контактный телефон:</b><br>
- <input name="telephone" type="text" size="40">
- </h4>
- </div>
- <div class="email">
- <h4><b><span class="zvezda">*</span>Электронный ящик:</b><br>
- <input name="oblast" type="text" size="40">
- </h4>
- </div>
- <div class="oblast">
- <h4><b>Область:</b><br>
- <input name="oblast" type="text" size="40">
- </h4>
- </div>
- <div class="adress">
- <h4><b>Фактический адрес фирмы:</b><br>
- <input name="adress" type="text" size="40" maxlength="100">
- </h4>
- </div>
- <div class="message">
- <h4><b><span class="zvezda">*</span>О чем речь?</b><Br>
- <textarea name="message" cols="60" rows="3"></textarea>
- </h4>
- </div>
- </div>
- </br>
- </br>
- </br>
- </br>
- </br>
- </br>
- <hr>
- <div class="lenta">
- <h4><b>На какой ленте работают:</b></h4>
- </br>
- <h4>
- <div class="black">
- <fieldset><legend><b>Черная лента</b></legend>
- <input type="checkbox" id="black6"><label for="black6">6</label>
- <input type="checkbox" id="black8"><label for="black8">8</label>
- <input type="checkbox" id="black10"><label for="black10">10</label>
- <input type="checkbox" id="black12"><label for="black12">12</label>
- <input type="checkbox" id="black14"><label for="black14">14</label>
- <input type="checkbox" id="black16"><label for="black16">16</label></Br>
- </fieldset>
- </div>
- </h4>
- <h4>
- <div class="grey">
- <fieldset><legend><b>Серая лента</b></legend>
- <input type="checkbox" id="grey6"><label for="grey6">6</label>
- <input type="checkbox" id="grey8"><label for="grey8">8</label>
- <input type="checkbox" id="grey10"><label for="grey10">10</label>
- <input type="checkbox" id="grey12"><label for="grey12">12</label>
- <input type="checkbox" id="grey14"><label for="grey14">14</label>
- <input type="checkbox" id="grey16"><label for="grey16">16</label>
- </fieldset>
- </div>
- </h4>
- </div>
- </br></br>
- <hr>
- <div class="button_send">
- <p><input type="submit" value="Отправить">
- </div>
- </br>
- <div class="button_clear">
- <input type="reset" value="Очистить"></p>
- </div>
- </br>
- <div class="primechanie">Поля со знаком "<span class="zvezda">*</span>"- обязательны для заполнения</div>
- </form>
- </div>
- </body>
- </html>
css
.name {float:left;
}
.firm_name {float:left;
margin: 0; padding: 0;}
.city {float:left;
margin: 0; padding: 0 ;}
.telephone {float: left;}
.email {float: left;}
.oblast{padding-top:4px;}
.message{float: left;
padding-right: 0px;}
.adress {padding-top: 4px;
float: left;}
textarea { resize: none;}