HTML Coding

29542 questions in this forum

1. Padding у input тектса

   Есть форма: http://jsfiddle.net/6BU8r/ Когда: .form-contact input[type="text"] {padding: 0;}Все инпут поля вписываются в рамки "form-content", а когда устанавливаем: padding: 0 20px; То происходит увеличение длины инпута и выход его за пределы? И второй вопрос - как вписать эти инпут-поля в "form-content", чтобы они не вылезали? Спасибо!

   Asked by cluboy, February 27, 2014

   • padding
   • input
   • text
   0 votes
   3 answers
2. Кавычки

   У меня wordpress тема blue и когда в текст вставляю любую пару двойных кавычек «слово» или "слово" , то на сайте получаю пару закрывающих кавычек »слово» В стилях ничего не нашла.

   Asked by fowl, November 12, 2009

   0 votes
   27 answers
3. Выравнивание <p> по вертикали в подвале <div>

   Здравствуйте! Помогите, пожалуйста, с выравниванием по вертикали тега <p> в блоке подвала. Первый абзац прижат к левой части с отступом 5пкс, а второй к правой части блока с отступом 5пкс и все это надо выровнять по вертикали. <div id="footer"> <p id="copyright">Copyright © 2008-2009. Все права защищены. | <a class="link2" href="#">XHTML</a> | <a class="link2" href="#">CSS</a> |</p> <p id="address">Континент<br> тел. 000 00000000, моб. 111 111111<br> e-mail: <a class="link2" href="mailto:support@.ru">support@.ru</a></p> </div> Спасибо тем, кто поможет в этом вопросе!

   Asked by Triumfator, December 16, 2009

   0 votes
   9 answers
4. Скрытие/Раскрытие колонок таблицы путем подмены класса ячейки через Javascript

   Добрый день, пожалуйста, подскажите Новичку! Задача. Есть достаточно большая таблица, которая должна быть пригодна для ручного редактирования в Визивиг-редакторе системы CMS. При показе ее на сайте должна отображаться только самая левая колонка ПЛЮС еще одна колонка(группа колонок), зависящая от выбранного пользователем варианта. Поискав на разных форумах нашел что-то подобное, что вроде бы должно работать одинаково в основных браузерах. Адаптировал найденное под нашу задачу, проверяя работу под IE. НО потом оказалось, что в Опере и FF скрипты работают, но несколько по другому. ПОЧЕМУ - понять не могу. Прошу помощи в исправлении ошибки. Буду благодарен, если предложите …

   Asked by Avihr, July 30, 2010

   0 votes
   4 answers
5. Растяжка div с заданным float по высоте родительского div'а

   Долго мучаюсь, но что-то не выходит. Случай вроде бы распространенный, но найти решение в интернете так и не смог. Структура довольно простая. <div class="main"> <div class="mainleft"> меню </div> <div class="mainright"> содержание </div> </div> вот их стили .main { width: 90%; background-color: #FFFFFF; } .mainleft { width: 200px; background-color: #FF0000; float: left; height: 100%; } .mainright { background-color: #FFFF00; margin-left: 210px; height: 100%; } Задача: при растягивании одного из дивов (к примеру правого), левый должен стать такой же высоты и наоборот. У меня же получается так: правый див растягивается, раст…

   Asked by PCSpeaker, March 23, 2009

   0 votes
   2 answers
6. HTML5 - валидное отключение кэширования html-страницы..

   сабж такой.. в head'е старницы выставляю согласно вот этому <meta http-equiv="Cache-Control" content="no-cache"/> данный валидатор ругается.. кстати, пендосы тоже по этому поводу плачут)) - в самом низу пост от некоего "Raanan Avido".. вобщем, ничего из кода ниже не подходит.. <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="cache-control" content="max-age=0" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="cache-control" content="no-store" /> да и не сможет подойти, потому как в HTML5 согласно этому материалу у http-equiv есть следующие значения - "content-language, content-type, default-style,…

   Asked by summer_rain, April 11, 2011

   0 votes
   2 answers
7. Denwer, MySQL командная строка

   В Denwer3 можно работать через командную строку с MySQL? Или мне нужно установить отдельно еще MySQL?

   Asked by Slyfox, February 17, 2008

   0 votes
   5 answers
8. Закругление углов посредством CSS + hover: как?

   Изучив тему, я задался вопросом - можно ли сделать изменяющийся фон у блока с закругленными углами при наведении на него мыши, без использования картинок. Допустим имеем сайт, вверху пункты меню с закругленными верхними левым и правым углами. Наводим мышь на любой из пунктов меню, он меняет цвет. Блоки с пунктами меню резиновые, то есть их ширина может изменяться. Также каждый блок/п.меню является ссылкой. Наводим мышь на любой блок/п.меню и цвет фона его меняется, включая и уголки. То есть вопрос в том, чтобы эмулировать стилевой атрибут border-radius (-moz-border-radius) для поддержки браузеров ИЕ7+, Опера 9.5+. Решаема ли задача только средствами исключительно CSS, без…

   Asked by Captain Fizz, February 24, 2010

   0 votes
   5 answers
9. Резиновый макет 3 колонки: проблема в IE и Opera

   Народ подскажите что делать, есть макет в 3 колонки: Так вот какая проблема, в осле и опере если ширина контента недостаточна, то левая и правая ячейки выползают и становятся шире своих заданных размеров, а дизайн никак не предполагает изменения размеров этих ячеек, как это можно исправить?

   Asked by Shar, September 6, 2007

   0 votes
   6 answers
10. Нестандартная верстка шапки сайта

    Здравствуйте. Я начинающий верстальщик и решила взяться за нестандартную верстку сайта. Так как это мой первый опыт, я не знаю как сделать эту шапку сайта. Подскажите, с помощью каких модификаторов css это делается, или нужно использовать js? Может есть какие-нибудь примеры? з.ы. интересно так же, как делаются данные часы обратного отсчета в шапке. если у кого-нибудь найдётся пример на php буду премного благодарна

    Asked by kotikes, February 22, 2017

    • шапка
    • header
    • html
    • css
    • js
    • верстка
    0 votes
    4 answers
11. Помогите с настройкой фотогалереи на jquery

    Я настраиваю галерею по этому примеру http://sorgalla.com/projects/jcarousel/exa...l_thickbox.html Сделал все идентично, но почему то не работает, немогу понять почему. Вот что получилось http://rkp-trans.ru/photo Если знаете в чем может быть дело, напишите пожалуйста. И второй вопрос: Можно ли на этой же странице сделать еще несколько таких же галерей? Что для этого нужно?

    Asked by dmitry341mg, April 29, 2009

    0 votes
    19 answers
12. Не убиарется отступ от рамки до бордюра фрейма

    Проблемма в том, что в плавающем фрейме у меня произошёл отсуп от голубой рамки до бордюра самого фрейма, и не могу его убрать, всё перепробовал.Вначале файл индекс запустить нужно. Там, всередине документа, находится плавающий фрейм. Как можно избавится от проблеммы, с отступом от голубой рамки до рамки бордюра, чтоб убрать эту пустоту, чтоб голубая рамка была впритык к бордюру плавающего фрейма? Проект в архиве http://www.sharemania.ru/0192600. Не вылаживаю здесь так как код будет длинноватый, загвоздка толкьо в той проблемме, описанной выше.

    Asked by people2010, April 7, 2010

    0 votes
    12 answers
13. z-index и select

    Всем привет! Помогите селект за дивку спрятять!!!!! Вот код: <div style="position:absolute; left:43px; top:4px; z-index:10; background:#CCC; height:200px; width:200px;"></div> <select> <option>111111111</option> <option>2222222222</option> <option>3333333333333</option> <option>4444444444444444</option> </select>

    Asked by romlex, April 28, 2008

    0 votes
    7 answers
14. Кнопки в IE

    В IE почему-то не отображается фон на кнопках, заданный следующим образом: [b]CSS:[/b] #button { background-image:url(img/img_06.png); border:none; width:65px; height:32px [b]HTML:[/b] <input type="submit" name="enter" id="button" value=""> Вместо этого отображается обычная XP кнопка. В других браузерах разумеется все в порядке.

    Asked by Cmaster2K, July 19, 2009

    0 votes
    19 answers
15. Наложени при position: absolute

    Добрый день. Подскажите пожалуйста со следующим моментом: нужно, что бы надпись была чуть выше картинки . Картинка в одном <div>, Текст во втором. Я для div'а с текстом задаю position: absolute; left:60%; top: -20px;В полноэкранном режиме все нормально, но если начинаю ресайзить текст наплывает на картинку Как можно это побороть?

    Asked by jdk, December 1, 2014

    • css
    0 votes
    8 answers
16. Помогите задать цвет текста

    В общем,есть кус от кода Ему надо задать белый FFFFFF цвет . Вопрос как? Пробовал Не помогло.Подскажите ,плз!

    Asked by FASTDEATH, July 15, 2009

    0 votes
    23 answers
17. Какой раскладкой в CSS Вы предпочитаете пользоваться?

    Понимаю что вопрос слегка риторический с точки зрения что при почти любой верстке мы используем смесь из всех трех (которые я знаю) видов раскладки: Насколько я понял изучаю пока статьи в интеренете существует 3 вида раскладки: 1. Float`ами 2. Потоками с использованием маргинов и паддингов для позиционирования блоков 3. Позиционированием (position: absolute; position: relative) Я лично редко пользуюсь абсолютным позиционирование и относительным так как и не особо пока в этом спец Часто использую флоаты, но они тем плохи что как бы выбиваются из потока страницы (в нек случаях это конечно и нужно) Начинаюсь задумываться о первом способе для того чтобы выравнивать по гориз…

    Asked by TonKhaO, September 16, 2009

    0 votes
    24 answers
18. Валидация

    Валидация документов обязательно необходима? Подскажите пож. программу бесплатную на русском языке для валидации документов html.

    Asked by people2010, September 7, 2010

    0 votes
    17 answers
19. Смещение блоков при увеличении / уменьшении масштаба

    Всех приветствую. Возникла проблема. При увеличении / уменьшении масштаба просмотра страницы сайта, смещаются блоки. Например: Обычный вид: Уменьшение: Требуется зафиксировать положение.

    Asked by Evans, August 24, 2012

    0 votes
    11 answers
20. Поведение :hover у псевдоэлементов

    Есть блок с псевдоэлементом. При наведении на блок (:hover) - появляется псевдоэлемент. НО при перемещении курсора с блока на появившийся псевдоэлемент. Псевдоэлемент не пропадает, а остается пока виден пока на нем наведена мышь. Почему??? http://jsfiddle.net/AYB26/31/

    Asked by Kelenar, June 7, 2015

    • :hover
    0 votes
    7 answers
21. как дивами таблицу заменить?

    Надо таблицу с двумя ячейками заменить тэгами div,чтоб divы которые вместо ячеек были параллельны.

    Asked by Джамшут, July 22, 2008

    0 votes
    17 answers
22. не работает margin:0 auto;

    Доброго времени суток, столкнулся с такой проблемой, искал решение, нашел на вашем форуме похожую тему но рекомендации оттуда мне не помогли, проблема в том что я не могу отцентрировать блок div .mobnamaz{ padding:31px 3px 3px 90px; width:100%; } @media only screen and (max-width : 767px) { .mobnamaz { position: relative; width:100%; padding:0; margin:0 auto !important; } } собственно блок должен центрироваться только на мобильных устройствах, на данный момент в результате экспериментов у меня получился вот такой код, но это не работает. Вот собственно и сам div <div class="mobnamaz"> <iframe></iframe> </div> если…

    Asked by itook.ru, May 7, 2016

    • margin
    0 votes
    2 answers
23. Принудительное отображение картинок

    Здравствуйте! Подскажите, пожалуйста, как сделать, чтобы некоторые картиники (например, изображения "перекатывающихся" кнопок) загружались и отображались всегда, игнорируя установку (Оперы) "отображать только кэшированные"?

    Asked by Hedron, October 11, 2009

    0 votes
    18 answers
24. Вопрос о <textarea>

    Если есть поле <textarea>, как запретить его растягивание и разрешить только вертикальную прокрутку?

    Asked by chest, March 15, 2011

    0 votes
    25 answers
25. Блочная верстка в 3 колонки с опциями.

    Приветствую всех. Я только пару месяцев занимаюсь версткой (по специальности я программист), и перед мною встала проблема следующего формата. Мне необходимо сверстать страничку в 3 колонки, верстка блочная (через div'ы), 33% - 34% - 33%. Вроде бы задача не сложная, в сети таких примеров ? до кучи. Однако, есть дополнительная опция ? средний div (назовем его "middle") и его контент должен распологаться по тексту первым, тот, что слева ("left") ? вторым, ну и последний, "right", соответственно, последним. Т.е.: <div id="middle"> </div> <div id="left"> </div> <div id="right"> </div> Я пытался сделать двумя способами: 1. Абсо…

    Asked by my-name-is-Max, April 29, 2008

    0 votes
    10 answers