Помогите плиз
|
|
Бывалый
395 сообщений
Мужчина
|
Привет всем , у меня проблемка я верстальщик пока что можо сказать нубик, но все же тренеруюсь что то верстаю и тут встолкнулся с проблемкой одной.
ПЕРЕЗАЛИЛ!!!
Как мне сделать так чтобы был отступ 10px на нижней линии , не знаю что делать . HTML Code <div style="margin-top: 200px;"><!-- Лишнее --> <div id="page"><!-- Регистрация --> <div class="line" style="margin-bottom: 10px;"><!-- Линия --> </div><!-- Линия --> <div class="p"><!-- Поля --> <input type="text" id="text" style="width: 480px; margin-bottom: 5px;" value="" maxlength="40" /><br> <input type="password" id="password" style="width: 480px; margin-bottom: 5px;" value="" maxlength="20" /><br> <input type="password" id="password" style="width: 480px;" value=""maxlength="20" /> </div><!-- Поля --> <div class="b"><!-- Кнопки и подсказки --> <div style="padding: 3px; background: #F7F7F7; border: 1px solid #EEEEEE;">Подсказка по каждому пункту , займусь попожа!)</div> </div><!-- Кнопки и подсказки --> <div class="line" style="margin-top: 10px;"><!-- Линия --> </div><!-- Линия --> </div><!-- Регистрация --> </div><!-- Лишнее --> CSS Code .line { height: 2px; width: 700px; clear: both; background: url(../img/line.png);} #page { width: 700px; margin: auto; padding: 0px;}
.p { width: 490px; float: left; margin-right: 10px;}
.b { width: 200px; float: right;}
|
|
|
|
|
Бывалый
1029 сообщений
Мужчина
|
REMINDS, http://htmlbook.ru/css/clear
|
|
|
|
|
Designer
979 сообщений
Мужчина
|
|
|
|
|
|
Бывалый
651 сообщениий
Мужчина
|
lapochka, Ахахах REMINDS, Что то я не понял что ты сделать хочешь
|
|
|
|
|
Beginner
100 сообщений
Мужчина
|
REMINDS, Ты хочешь, чтоб когда в поле был фокус была видна подсказка? Есть два варианта: CSS и Javascript Или что ты хотел?
|
|
|
|
|
Бывалый
395 сообщений
Мужчина
|
lapochka, ТЫ СУКА ТРОЛЬ ЕБАНЫЙ!!! У МЕНЯ СИЛ УЖЕ НЕТ , Я СПЕЦИАЛЬНО ТАК НАПИСАЛ , ЭТО ПОМЕТКА ДЛЯ МЕНЯ , ТЫ СУКА ПОХОДУ ЛЮДЕЙ ВЫВОДИТЬ ЛЮБИШ ?!Добавлено (10.11.2012, 16:47) ---------------------------------------------
Quote (ahar13) REMINDS, http://htmlbook.ru/css/clear а если внимательно почитать , не ? не работает !!! у меня стоитДобавлено (10.11.2012, 16:54) --------------------------------------------- HeadMad, кстати я об этом думал!) подскажеш как ?) в css разбераюсь средне , в js 0
|
|
|
|
|
Beginner
100 сообщений
Мужчина
|
Подсказка на CSS: Code стили------------------ input+span {display:none} input:focus+span {display:inline-block} -------------------------
<input type="text" class="one"/><span>Подсказка</span><br> <input name="" type="text" class="one"/> <span>Подсказка</span>
|
|
|
|
|
Designer
979 сообщений
Мужчина
|
Quote (REMINDS) lapochka, ТЫ СУКА ТРОЛЬ ЕБАНЫЙ!!! У МЕНЯ СИЛ УЖЕ НЕТ , Я СПЕЦИАЛЬНО ТАК НАПИСАЛ , ЭТО ПОМЕТКА ДЛЯ МЕНЯ , ТЫ СУКА ПОХОДУ ЛЮДЕЙ ВЫВОДИТЬ ЛЮБИШ ?! Херово получаеться пока оскорблять и отмазываться. Потренеруйся еще на кошках.
|
|
|
|
|
Бывалый
395 сообщений
Мужчина
|
Quote (lapochka) Херово получаеться пока оскорблять и отмазываться. Потренеруйся еще на кошках. Ну ты и дно! Слов нет!Добавлено (10.11.2012, 17:07) --------------------------------------------- Я тебе могу и переписку в скайпе скинуть как я пишу окончания слов , мне по*** на тебя , я ничего доказывать не собираюсь , оправдываться перед тролем , если посчитаеш нужным пиши - я те покажу! monam-x Добавлено (10.11.2012, 17:16) --------------------------------------------- HeadMad, спасибо!)
|
|
|
|
|
Beginner
100 сообщений
Мужчина
|
По твоей проблеме: для начала, на одной странице де должно быть двух элементов с одинаковым id!!!(на то он и id. Несколько class на одной странице- пожалуйста, id - нет) В твоем случае это id="password".
Code <hr> <div class="p"> <!-- Поля --> <div><input type="text" id="text" value="" maxlength="40" /> <span>Подсказка</span></div> <div><input type="password" class="password" value="" maxlength="20" /><span>Подсказка</span></div> <div><input type="password" class="password" value="" maxlength="20" /><span>Подсказка</span></div> <!-- Поля --> </div> <hr>
Стили--------------- .p {margin:5px 5px 0 0; display:inline-block; width: 490px;} .p div {margin-bottom:5px;} .p input {width:450px; display:inline-block;} .p input+span {display:none} .p input:focus+span {display:inline-block} ---------------------- Примерно так должно помочь. Рекомендую для линий использовать тег <hr>, просто стилизуй так как тебе надо
|
|
|
|
|
Бывалый
651 сообщениий
Мужчина
|
Quote (lapochka) Потренеруйся еще на кошках. Аахахха, еб*ть рычу :D REMINDS, Последняя линия: Code <div style="border-top:1px dotted #ddd; margin-top:10px;"></div>
|
|
|
|
|
Beginner
100 сообщений
Мужчина
|
подсказка на js, должна выглядеть как-то так
Code <input type="password" id="input1" value="" maxlength="20" /><span id="hint1" style="display:none">Подсказка</span> <script>$(document).load(function(){$('#input1').focus(function(){$('hint1').fadeToggle();});})</script> Я в js сам полный профан так что не удивлюсь, если не работает. Но можно, думается мне, и так: Code <input type="password" id="input1" onfocus="$('#hint1').fadeToggle();" value="" maxlength="20" /><span id="hint1" style="display:none"> Буду еще больше не удивлен, если и этот пример не сработает. В любом случае, чтоб это всё работало, надо чтоб была подключена библиотека Jquery...
Лично мне симпатичны варианты на css, но не всегда это кроссбраузерно... Отпишись, получилось- нет...
|
|
|
|
|
Designer
979 сообщений
Мужчина
|
Quote (REMINDS) Ну ты и дно! Переиграл ты в игры. А для того, чтобы были нужно научиться открывать рот когда надо, а не когда рак на горе свиснет.Quote (REMINDS) оправдываться перед тролем Не надо оправдываться перед троллями. И если это был намёк на то, что я тролль, то почитай определения, ну или на крайняк освежитель воздуха, иногда и там полезная инфа бывает. Quote (REMINDS) окончания слов Если бы дело только в окончаниях, то может и не писал бы. 2 ошибки в простейшем слове - ад.
|
|
|
|
|
uSite Teаm
854 сообщения
Мужчина
|
lapochka, ахаха...xDD
|
|
|
|
|
|
Сообщение от пользователя -=Fun=- с отрицательной репутацией.
Вы можете просмотреть это или все сообщения данного пользователя.
|
Пользователь
277 сообщений
Мужчина
|
REMINDS, он тебя вроде как не оскорблял а заQuote (REMINDS) ТЫ СУКА ТРОЛЬ ЕБАНЫЙ!!! + CAPS тебе нужно дать бан на всегда. Лапочка прав, он не виноват что ты не умеешь правильно писать. Quote (REMINDS) ЭТО ПОМЕТКА ДЛЯ МЕНЯ а зачем тогда было это выкладывать? *facepalm*Добавлено (10.11.2012, 20:43) --------------------------------------------- И троллинг тут не при чем.
|
|
|
|
|
Пользователь
139 сообщений
Мужчина
|
lapochka, вхахаха минут 5 ржал :D еще с приближением этого слова хД
|
|
|
|
|
|
Сообщение от пользователя iFrendly с отрицательной репутацией.
Вы можете просмотреть это или все сообщения данного пользователя.
|
Бывалый
1721 сообщениий
Мужчина
|
Последние время тут смешные посты)
|
|
|
|
|
Бывалый
395 сообщений
Мужчина
|
HeadMad, спасибо я в фокусах нубик , я еще и не все теги выучил)Добавлено (11.11.2012, 03:32) --------------------------------------------- Dizzol, Dizzol, vasa3000, lapochka, ну раз всем так смешно , буду заливать скрины, где буду писать без АшИпАк! Добавлено (11.11.2012, 03:34) ---------------------------------------------
Quote (-=Fun=-) + CAPS тебе нужно дать бан на всегда. Пиши , чтобы меня забанили! Я не спорю , но вообще думаю есть люди которые понимают что есть растройства у человека , меня просто Лапа уже месяц долбит по маленьку а вчера это все в одно сложилось и вышел капс+мат!
|
|
|
|
|
uSite Teаm
854 сообщения
Мужчина
|
REMINDS, смешно не из твоих ошибок а из картинки лапочки. А про ошибки я понимаю :)
|
|
|
|
|
Beginner
6 сообщений
Мужчина
|
- Clear: both;
- Float: none;
Добавлено (13.11.2012, 22:46) ---------------------------------------------
Code <div style="clear:both: float: none"></div> <div class="line"></div>
|
|
|
|
|
Бывалый
649 сообщений
Мужчина
|
Quote (REMINDS) ТЫ СУКА ТРОЛЬ ЕБАНЫЙ!!! У МЕНЯ СИЛ УЖЕ НЕТ , Я СПЕЦИАЛЬНО ТАК НАПИСАЛ , ЭТО ПОМЕТКА ДЛЯ МЕНЯ , ТЫ СУКА ПОХОДУ ЛЮДЕЙ ВЫВОДИТЬ ЛЮБИШ ?! Потише, потише, а то дяденька в белом халате придет
|
|
|
|
|
Бывалый
395 сообщений
Мужчина
|
Quote (kiruxaable) Потише, потише, а то дяденька в белом халате придет Я дома не психую сижу , у меня руки шаловливые ;) Сам заметил много я разматерился , исправлюсь , чес слово посоны :D
|
|
|
|
|
Beginner
75 сообщений
Мужчина
|
Quote (Websiteserf) Float: none; Если офнуть float , то каким же образом я сделаю слева например ?? Через тблицу не вариант , я не хочу через нее.
|
|
|
|
|
Пользователь
219 сообщений
Мужчина
|
Launched, margin-top:10px; or margin-bottom:10px;
Добавлено (27.11.2012, 11:49) --------------------------------------------- Vnizy eti codi :) Code <div class="clear"></div> Code .clear{ clear:both; } Добавлено (27.11.2012, 11:54) --------------------------------------------- загрузить скриншот
|
|
|
|
|