HTML Coding

29,542 questions in this forum

1. Почему содержимое в блоке не выравнивается по вертикали?

   Как выровнять по вертикали, не изменяя HTML код? http://jsfiddle.net/ydLuC/ я придумал вот такое решение, оно нормальное? .post-date{ width:25px; height:5px; background:white; font-size:15px; font-weight:bold; border-bottom:5px solid #bdc3c7; text-align:center; padding:20px; padding-left:10px;}Какие ещё есть?

   Asked by DivMan, July 13, 2014

   0 votes
   2 answers
2. Проблемы с позиционированием

   Верстаю страницу (фиксированная верстка), на которую добавил боковое меню. Чтобы оно всегда было в зоне видимости, прописал "position: fixed". Разумеется, теперь при малейшем отклонении от данного разрешения экрана, это меню съезжает в сторону относительно нужной линии. Вопрос в том как прикрепить фиксировано это меню, чтобы всегда оставалось "на глазах" и не съезжало?

   Asked by Anonim_Khb, July 13, 2014

   0 votes
   2 answers
3. Не работает box-shadow в Chrome

   У меня есть форма, к полям которой применяется box-shadow. Так вот во всех браузерах, кроме Chrome, это св-во работает. Версия Chrome: 35.0.1916.153 form-1 input[type="text"] { width: 240px; height: 46px; background: #dcebff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); border: none; color: #6dabff; font-family: 'pf_din_text_comp_promedium', sans-serif; font-size: 1.176em; outline: medium none; padding-left:…

   Asked by helio, July 13, 2014

   • box-shadow
   • css3
   • chrome
   0 votes
   2 answers
4. Анимация css

   Есть пример: http://jsfiddle.net/WqZGF/ . Возможно ли сделать плавный раскрывание и закрывание на CSS без явного указания высоты и JavaScript?

   Asked by afdw, July 13, 2014

   • анимация
   • css
   0 votes
   2 answers
5. Пункты раскрывающегося меню не влазят в экран

   Есть горизонтальное меню в шапке сайта с раскрывающимися пунктами. В одном из пунктов длинный список и когда на странице мало контента, раскрытые пункты не влазят в экран. Я так понимаю динамически растягивать страницу по размеру меню можно только через javascript.

   Asked by Psyh, July 14, 2014

   0 votes
   2 answers
6. Минималистичная верстка, хорошо или нет?

   Всем привет, есть хедер: <header> <a class="logo" href="/">Лого</a> <a class="button" href="/">Кнопка</a> </header> Кнопка имеет float:right и красивое оформление. Вопрос вот в чем: Нормально ли это? То есть, то, что эти элементы не обрамлены в div. Ведь на месте лого могла бы быть и картинка, но и в этом случае я не вижу смысла обрамлять что то в div. Ведь можно просто дать тегу a display:block и будет тоже самое.

   Asked by logicface, July 14, 2014

   0 votes
   2 answers
7. z-index внутри блока с переопределенным контекстом наложения

   Есть пример-задача: http://jsfiddle.net/realovich/r4wdA/ В ней блок с классом "red" с помощью трансформации создает новый контекст наложения. Если присвоить любую трансформацию к блоку с классом "green" - этот блок попадает в тот же контекст, что и red, а вот img даже с трансформацией не хочет попадать в этот же контекст. Помогите, CSS-гуру.

   Asked by realovich, July 15, 2014

   • z-index
   0 votes
   2 answers
8. Помогите, страница уезжает вбок(

   Народ. Help! Делаю свой первый сайт через старенький редактор и заметил такую неприятность, что если выделить текст или любой объект, и не отпуская кнопку мыши повести её вправо - то все объекты уезжают влево в бесконечность (т.е. чем больше уводишь мышку вправо, тем дальше уходят объекты влево). То же самое будет, если повести мышку вниз - все объекты уезжают вверх. Сайт состоит из двух страниц: index.html и md.html "position: absolute" - уже сразу во всём коде прописана "position: relative" - не помогает Вот, даже сделал упрощенную страничку http://halvamaster.xhc.ru И если в этом коде 783px заменить к примеру, на 2007px - страница соответственно расширяется, н…

   Asked by Nooblo, July 16, 2014

   • страница уезжает вб
   • ок
   0 votes
   2 answers
9. Почему кнопки разные? Очередной мего-вопрос.)

   Всем привет, снова я со своими дурацкими вопросами.=D Почему кнопки разные: http://jsfiddle.net/LW5kU/6/ Конкретнее - почему те кнопки у которых есть float прижаты к верху и если их проинспектировать то мы увидим четкую границу line-height (выделена синим), а элементы без float не прижаты к верху и при их инспектировании line-height будто равен базовому значению а не 3. А еще, почему первые 2 кнопки игнорируют значения padding и margin именно вверху и внизу, по бокам то они отталкиваются.=) И главный вопрос забыл - почему 2ая кнопка во много раз меньше размером чем последняя. Они различаются только тем, что у последней есть float.

   Asked by logicface, July 17, 2014

   0 votes
   2 answers
10. ajax не возвращает ответ

    помогите пожалуйста исправить ошибку есть форма: <form class="form" action="#" method="post" name="request_form_0" id="request_form_0"> <div> <input class="input fld_name flds fld" id="fld_name_0" type="text" placeholder="*имя" name="fld_name" /> </div> <div> <input class="input fld_phone flds fld" id="fld_phone_0" type="text" placeholder="*телефон или email" name="fld_phone" /> </div> <div> <textarea class="textarea fld_message fld" id="fld_message_0" placeholder="*ваше собщение"></textarea> </div> <div> <input class="button fld_submit fld" id="btn_submit0" type="submit" value="Оставить з…

    Asked by cyklop77, July 17, 2014

    0 votes
    2 answers
11. Проблема с line-height в IE

    Уважаемые форумчане, помогите решить небольшую проблему. Буду краток, в общем нужно сверстать блок последних записей. Особенность в том, что текст записи выводится сразу же после её заголовка вот так: картинка . Вроде бы ничего сложного, сверстал, вот ссылка если бы не одно но, во всех IE получается фигня какая-то вот смотрите скрин. Что я только не пробовал, решить эту проблему не могу! Может вы посоветуете что-то??? Заранее спасибо!!!

    Asked by ya_verstaka, July 18, 2014

    0 votes
    2 answers
12. Показать скрытые элементы при клике и оставить видимыми

    Здравствуйте. Такая проблема, есть скрытые элементы которые появляются при hover на родителя, а если нажимать на них, то они должны оставаться видимыми и не пропадать, + менять background. Вместе с этим при повторном клике они должны вернутся в исходное положение - скрыться. Примерно вот так http://jsfiddle.net/npT6K/ правда тут скрытие элементов не реализовано, но не суть. По ссылке выше я пытался сделать chekbox-ами, казалось вариант идеальный, но одно но, элементов таких много.. Не писать же разные id к ним ко всем.. Как можно реализовать такую задачу? Без js/jquery, так как с ними знаю как)

    Asked by Нарек, July 20, 2014

    0 votes
    2 answers
13. И снова z-index - не получается спозиционировать выпадающее меню.

    Доброго дня всем. Возникла проблема с выпадающим меню на сайте http://izodecor.md , а точнее никак не удается выдвинуть меню вперед. z-index не помогает или я что-то не так делаю (я новичок в этом) хотя сам DIV с меню располагается внутри "злого" DIV-а который и перекрывает меню . Устал биться - перечитал с полсотни постов и так ничего и не понял - прощу помощи. Не сплю уже вторые сутки и мозг просто не выдержит еще даже 10 страниц чтива. Подозреваю, что проблема кроется в "overflow: hidden" но самостоятельно не догоняю, где чего исправить. В общем - HELP!

    Asked by Veysel, July 27, 2014

    • меню
    • z-index
    0 votes
    2 answers
14. Передается только первый checkbox

    Передается только первый checkbox (acc). Остальные значения (man, inr) пустые. Подскажете в чем дело? HTML <form method="post" action="sender.php"> <input type="checkbox" name="acc" value="on">бухгалтерия<br> <input type="checkbox" name="man" value="on">отдел продаж<br> <input type="checkbox" name="inr" value="on">отдел закупок<br> <input type="submit" name="submit" value="Отправить"> </form> PHP <? if ($_POST['acc'] == "on") { echo "Бухгалтерия"; } if ($_POST['man'] == "on") { echo "Продажи"; } if ($_POST['inr'] == "on") { echo "Закупки"; } ?>

    Asked by Explorer, July 21, 2014

    • checkbox
    0 votes
    2 answers
15. Более широкий блок вылезает на мобильных

    На мобильных устройствах, по понятным причинам, блок, ширина которого шире всех остальных, некрасиво вылезает, из-за чего образуется белая пустота справа. Как правильнее всего пофиксить это? Смотреть тут: http://demo.imatte.us/krovel

    Asked by posthack, July 21, 2014

    0 votes
    2 answers
16. Вопрос по шаблону

    Здравствуйте. У меня есть вопрос. Какие строки и где нужно удалить, чтобы не было "пробела" как на этом сайте http://intel-hack.tk/. Вот где пробел. Я новичок тут, поэтому могу ошибиться разделом. Заранее спасибо.

    Asked by Хирасава, July 21, 2014

    0 votes
    2 answers
17. Почему не работает стиль по id

    Вот код http://jsfiddle.net/M6XV2/ Подскажите, пожалуйста, почему не работает стиль по id="asd". Заранее признательный за ответ.

    Asked by Bizon4ik, July 22, 2014

    0 votes
    2 answers
18. Обтекание картинки текстом

    Подскажите как сделать чтобы на странице http://team-master.ru/stroitelstvo-v-podmoskove текст был всегда внизу, а не так http://joxi.ru/QMPPU4wyTJDDLiQL-zk

    Asked by smirn0ff, July 23, 2014

    0 votes
    2 answers
19. Как указать ссылку на определенный тэг или элемент другой своей страницы ?

    Как указать ссылку на определенный тэг или элемент другой своей страницы ?

    Asked by saen, July 26, 2014

    • внутреняя ссылка гиперсылка
    0 votes
    2 answers
20. inline-block

    Update Привет всем. Как поместить два тега inline-block в одну строку? если любой тег равен половине ширины родителя. Интересует реализация в браузере опера. http://jsfiddle.net/Db4C6/

    Asked by valera, July 28, 2014

    0 votes
    2 answers
21. Переопределение стилей штатных INPUT radio и checkbox

    Приветствую! Пытаюсь переопределить стили для штатных чекбоксов и радио без JS Собственно каким образом скрыть сам чекбокс, подозревая что бекграунд отображаеться, но его перекрывает сам чекбокс И еще, что с кроссбраузерностью у данного варианта. <!DOCTYPE html><HTML> <HEAD><TITLE></TITLE> </HEAD> <BODY><SCRIPT type="text/javascript"></SCRIPT><STYLE type="text/css">form{}.label{float: left;margin: 0 0 0 10px;width: 157px;height: 122px;background: #f7f7f7;padding: 3px;position: relative;}label input[type="radio"]{background: url(./Images/form-sprite.png) no-repeat 0 -9999px;width: 21px;height: 21px;floa…

    Asked by Valmon, July 28, 2014

    0 votes
    2 answers
22. изменение пропорций шрифта

    помогите пожалуйста в карусельке сделать шрифт пропорционально изменяющим свои размеры в зависимости от размера родительского блока страничка текст в .bottom на среднем слайде выглядит как нужно. проблема в том, что на соседних слайдах текст такой же величниы , несмотря на то, что размеры родительского контейнера изменились

    Asked by cyklop77, July 31, 2014

    0 votes
    2 answers
23. Сохранение из фотошопа без потери качества.

    Уже сколько раз встречается такая проблема. На сей раз на странице в фотошопе существует 1 иконка (лупы), он сделан при помощи иконочного шрифта. Не хочется подключить шрифт для этого, так как иконка единственная. Вот нажимаю на него правой кнопкой мыши в фотошопе, жму преобразовать в смарт объект. Дальше привычно зажатым ctrl кликаю на превью чтоб она выделялась, копирую на новую страницу, снимаю фон и сохраняю для web-a ctrl+shift+alt+s в формате png, настройка бикубическая-четче. Загружаю на сайт, а там как будто отгрызали по краям, края не ровные идут.. Что я делаю не так p.s. такая же бяка случается когда что нибудь с fx пытаюсь преобразовать в смарт объект и сохрани…

    Asked by Нарек, August 1, 2014

    0 votes
    2 answers
24. резиновая вертска

    В общем есть такая проблема. дана табличка <title>Резиновая табличная верстка сайта</title><style type="text/css">.header {height:60px; background-color:#717dc9; padding:20px; text-align:center}.left_col {width:120px; height:460px; background-color:#dddddd; padding:15px; vertical-align:top}.center_col {background-color:#ffffff; padding:15px; vertical-align:top}.right_col {width:120px; background-color:#dddddd; padding:15px; vertical-align:top}.footer {padding:10px 0 10px 20px; background-color:#717dc9; font-size:13px}</style></head><body><table cellpadding="0" cellspacing="0" width="100%" align="center"><tr><td colspan="3…

    Asked by danzo55, August 2, 2014

    • резиновая верстка
    0 votes
    2 answers
25. прошу помогите

    Начну с начала мне 15 лет. Живу в Армении . Позавчера пришла моя посылка . Я заказал 3д вакуумный печь.(чтобы наносить рисунки на чехлы, майки, крушки и т.д.) В Армении никто еще не дает услуги чтобы создать индивидуальный чехол. И пожалуйста подскажите как скопировать с этого сайта ""http://donprinton.ru/designer?z=tm"" только конструктор остальное на шаблонах построю. Буду очень благодарен если поможете. Спасибо

    Asked by hovoantonyan, August 2, 2014

    0 votes
    2 answers