HTML Coding

29,542 questions in this forum

1. ~ CSS HELP

   .menu1 a:hover ~ .menu1{background: url(img/lento.png); background-size: 100% 110%; padding:3px;}.menu2 a:hover ~ .menu2{background: url(img/lento.png); background-size: 100% 110%; padding:3px;} Можно ли сделать так? Цель: при наведении на ссылку, Меняется фон .menu ____ оффтоп, как сделать подсветку открытого пункта меню(активного что ли).

   Asked by xTODx, March 25, 2014

   0 votes
   10 answers
2. $.Validation изменение приоритета правил

   Добрый вечер. Есть популярный плагин https://jqueryvalidation.org/ для валидации форм. Всё хорошо, но нужно изменить очередность применения правил. При инициализации плагина при указании правил, независимо от того в каком порядке они указаны, применяться в первую очередь все равно будет правило "email", а нужно чтобы в первую очередь проверялось "kir_mail". То есть, чтобы пользователь видел ошибку о том что он использует кириллические символы до того как он напишет почту в правильном формате. rules: { email: { required: true, kir_mail: true, email: true, emailBlackList: true } } Какой день уже ищу решение, но что то не…

   Asked by li4e, May 27, 2016

   • jquery
   • validation
   • javascript
   0 votes
   1 answer
3. 1 ссылка не отображается в мазиле и опере

   Всем спасибо за помощь, тема закрыта.

   Asked by mov2000, August 19, 2011

   0 votes
   7 answers
4. 1 форма для нескольких товаров

   Привет. На сайте есть форма (ее открытие реализуется через arcticmodal) и около 7-8 кнопок, 6 из которых покупка товаров и еще 2 для заказа консультации. Вопрос: как сделать чтобы определялся на какой именно товар заявка, не хочется делать много отдельных форм и в каждую вставлять input hidden с идентификатором товара, слишком громоздко. https://jsfiddle.net/2us4cjd0/ вот пример кода (вначале идет сама форма, ниже кнопки заказа)

   Asked by exoty, September 12, 2018

   0 votes
   3 answers
5. 100 однотипных страниц

   Есть страница, на её основе нужно ещё 100 страниц (меняются только фото и описание этих фотографий); всё понятно, что надо использовать php, но для меня на данный момент, это сложно, споткнулась даже на денвере, не могу установить- так как вообще в вёрстке новичок и слишком далека от этой сферы. Вопрос: можно ли только на Html- или это сплошные минусы?

   Asked by reitory, October 1, 2012

   0 votes
   4 answers
6. 100% - 200px

   Читал на форумах, но окончательного ответа так и не нашол. Есть три блока height:200px; center:100%; footer:200px; как создать такой макет, чтобы при отсутствии в center контента правый скрол(вертикальный) отсутствовал, тоесть center = 100% - 400px. А верстка занимала весь экран в зависимостим от расширения. НЕ используя JS ?

   Asked by AntonSolo, January 23, 2009

   0 votes
   11 answers
7. 100% height в XHTML 1.0 Transitional

   Как всё-таки в XHTML 1.0 Transitional сделать для таблицы или другого элемента высоту, равную 100% высоты страницы? Обращаю внимание - стоит не задача сделать отображение любой ценой (читай - изменением DOCTYPE), а реализовать решение именно для XHTML 1.0 Transitional.

   Asked by Webr, March 6, 2009

   0 votes
   9 answers
8. 100% видимой области.. а дальше? Тянем таблицу.

   Здравствуйте. Уже 6 часов ищу в интернете как сделать - ничего найти не могу.. Если перенаправите на решение или поможете советом - буду очень благодарен. Проблема: Есть таблица. Три строки, один столбец. Высота верхней и нижней ячеек заданы жестко. Средняя - 100% Высота таблицы 100%. Таблица растягавается на всю ВИДИМУЮ область, и если документ больше в высоту, чем экран - нижняя картинка повисает в воздухе при прокрутке страницы вниз, что логично. Как определить высоту всей страницы, чтоб задавать ее в высоту таблицы вместо 100% (ну а средняя ячейка сама подстроится и все будет отлично). Скрипт, наверное, нужен.. Ну или какой вариант есть растянуть таблицу на всю высоту…

   Asked by rooty, November 23, 2010

   0 votes
   15 answers
9. 100% высота div'a относительно родителя

   есть такой код: <div class="content"> <div class="photo-prev"><</div> <div class="photo-next">></div> <div class="photo"><img src="1.png" /></div> </div> и стили .photo { margin: 0 auto; } .photo-prev { float: left; height: 100%; background: #000; width: 40px; } .photo-next { float: right; height: 100%; background: #000; width: 40px; } но блоки photo-prev и photo-next имеют высоту, в зависимости от текста, но мне нужно 100%. как сделать?

   Asked by vvsh, August 5, 2011

   0 votes
   9 answers
10. 100% высота контента + прижатый вниз футер

    имеется такая структура: нужно прижать подвал вниз - это работает а вот сделать 100% высоту блока #content не получается - когда контента в блоке мало , то все гормально. А когда много , то подвал поднимается к середине страницы... Как это можно исправить в стилях, не меняя структуру html? <body><div id="karkas"> <div id="head"> header </div> <div id="content-wrapper"> <div id="content"> Some Text </div> </div> <div id="footer_bottom"></div> </div> <div id="footer">footer</div></body>* { padding: 0; margin: 0;}html ,b…

    Asked by Sawyer1988, March 13, 2015

    • html css
    0 votes
    1 answer
11. 100% высота таблицы в таблице (XHTML)

    С разворачиванием таблицы во весь экран, я разобрался, а таблица в таблице никак не хочет разворачиваться в полностью доступное место, возможно ли это сделать? не помогает ни min-height ни маржини ни падигни =), скрипт если только, доктайп XHTML 1.0 Transitional

    Asked by SoFuWa, January 17, 2010

    0 votes
    2 answers
12. 100% высоты HTML5

    Подскажите пожалуйста способ растяжки блока по высоте на 100% на странице с доктайпом 5 html. И так же хотел спросить linear-gradient никакой браузер не поддерживает, нужно вендорные префиксы использовать?

    Asked by tini.kRyptoNite, August 22, 2012

    0 votes
    3 answers
13. 100% по высоте в блочной верстке

    Доброго дня! Есть раскладка на флоатах <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <link href="index-block.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="leftcol">MENU </div> <div id="rightcol"> <div id="head"> HEAD </div> <div id="content"> CONTENT </div> </div> <div id="footer">FOOTER</di…

    Asked by Darkside, July 16, 2007

    0 votes
    7 answers
14. 1000px Без Скроллера

    Здравствуйте, при верстке сайта на 1000px по ширине, мне нужно воткнуть по бокам сайта бордеры-картинки (по 20px с лева и с права). При просмотре сайта на разрешении более чем 1024 по ширине все отображаеться нормально. Но когда включаю разрешение 1024px по ширине, то появляеться скроллинг. Подскажите как можно сверстать так чтобы при разрешении 1024px был тока контент сайта (бордеров бордеров по бокам и без скролинга), а если ширина увеличивалась, то бордеры появлялись. вот ссылка сайта на котором хочу так сделать: http://ar.style-vip.com

    Asked by (ave)iy, August 27, 2008

    0 votes
    2 answers
15. медиа 15" и 19" экраны не реагируют на @media правила css

    В общем почти сделал я такой сайт на вордпресс на monstroid2, и когда принялся проверять с помощью инструмента Screenfly на сервисе quirktools.com вёрстку на всех экранах выяснилось, что 15" и 19" вообще не обращают внимание на установки. Использовал power builder в котором можно выставлять margin и bottom по 4 категориям, Desctop, laptop, tablet, phone. На два последних я вообще сделал отдельные упрощённые версии сайта. Десктоп показывается безукоризненно(широкие экраны), лаптоп(квадратные как у меня) тоже всё настроено как надо. Но вот 15 и 19 дюймов почему то игнорируют всё. Вставлял через siteOrigin Custom CSS свои @media правила, но опять же, на них реагирует всё кро…

    Asked by GorodSka3ka, February 8, 2018

    • запросы
    • css
    • media
    • экран
    • вёрстка
    • текст
    • margin
    • padding
    0 votes
    1 answer
16. 150 переключателей

    Я немного упрощу реальную задачу, что бы попроще объяснить, что мне нужно. Нужно на PHP с генерировать страничку, содержащую 150 переключателей. Так же на это страничке должно быть текстовое поле, в 150 символов. Символы могут быть 0 и 1, в зависимости, от того включен ли переключатель, или выключен. При нажатии на переключатель, соответствующий ему символ должен меняться. При отправке формы, нужно отправить только эту строку. При создании формы, часть переключателей уже нажата. Я пока даже не представляю, с чего начинать. Буду рад, как ссылкам на готовые скрипты, так на на страницы реализующие хотя бы похожий функционал. Да и от простого совета не откажусь. Что-то мне ка…

    Asked by MisHel64, August 9, 2012

    0 votes
    0 answers
17. 1GB.ru

    НЕ реклама Есть такой хостинг-провайдер... 1Gb.ru дает домен, типа my_site.ru на халяву (с возможностью последующего выкупа за 900 рублев) и хостинг на халяву (без PHP и MySQL, только HTML и скрипты)... что если его юзать под всякие простенькие сайты-визитки... единственное из минусов, что заметил бывают у него периодически дауны, то есть сайт на этом хостинге может быть недоступен от 10 минут до нескольких часов, но дауны происходят не часто...

    Asked by Garino, March 16, 2010

    0 votes
    11 answers
18. 1px под картинкой!

    <div> <img src="pic1.jpg" height="200" /> </div> Проблема: в ие6-ие7 див имеет 201px. есессно для дива убит фонт-сай, лайн-хейт. Кто сталкивался с такой проблемой?

    Asked by Lincky, October 12, 2010

    0 votes
    2 answers
19. 1px разницы между Firefox и Opera, Webkit

    Есть такое меню, Firefox его отображает как показано на картинке 1, а Opera и Webkit браузеры как на картинке 2. Подскажите пожалуйста как решить данную проблему?

    Asked by tini.kRyptoNite, August 24, 2012

    0 votes
    3 answers
20. 1px сдвиг вправо, в IE 7

    Помогите решить мего проблему пожалст Вот сайт: http://wow-bc.3dn.ru/

    Asked by Xorigan, March 8, 2011

    0 votes
    8 answers
21. 2 <p> с одним стилем отображаются по разному

    Есть страничка http://florushka.com/feedback.php В голубых и желтых блоках одинаковый размер шрифта (14px, задан, собственно, одной и той же строкой в css). Проблема в том, что на телефоне один из них увеличивается, другой нет. Никак не могу понять, в чем магия Кто с таким сталкивался ? Есть идеи, в чем косяк ? Спасибо

    Asked by volkoff, April 7, 2015

    • bootstrap
    • Адапт;
    0 votes
    1 answer
22. 2 backgrounда

    Делаю меню для сайта, выглядит так: <ссылка1><ссылка2>, где "<" и ">" это изображения (menuL и menuR), подкладывающиеся под текст (background). Пишу: .menu a{ background:url(../img/menuL.png) left 2px no-repeat; background:url(../img/menuR.png) right 2px no-repeat; padding: 10px 15px 15px 15px; font:bold 20px/22px Arial, Helvetica, sans-serif; text-decoration:none } Второй бэкграунд заменяет собой первый и отображается лишь "menuR". (расстояние между ними большое и проблема не в "наложении") Как сделать 2 бэкграунд изображения в 1 css стиле? Заранее огромное спасибо!

    Asked by Dealer, February 26, 2010

    0 votes
    4 answers
23. 2 bxslider на странице

    Доброго времени суток! Использую 2 блока с bxslider на странице, в каждом свои картинки. Можно ли сделать, чтобы при перелистывании вручную картинок в одном слайдере, одновременно перелистывались бы картинки и во втором?

    Asked by vip, December 29, 2014

    • bxslider
    0 votes
    4 answers
24. 2 div в одну линию при неизвестной ширине родительского div

    есть примерно такая ситуация <div class="0"> <div class="1"> </div> <div class="2"> </div> </div> div.1 { float: left; width: auto; } div.2 { float: left; width: 83%; } Ширина div.0 не известна, т.к. это схема организации комментариев, а при "комментарии на комментарий" div.0 смещается вправо и соответственно сужается. Можно ли сделать так, что бы div.2 растягивался на всю ширину от правого края div.1 до правого края div.0?

    Asked by Nilagor, October 28, 2011

    0 votes
    5 answers
25. 2 div по центру и в них рисунки

    В общем такая проблемка: есть 2 дива, расположенных по середине и в каждом из них по изображению размером 1024 на 768. В ксс прописанно overflow: hidden(для ие _overflow-x:hidden; _overflow-y:visible). .block_content_2{ float: left; width: 50%; min-height: 150px; overflow: hidden; _height: 150px; _overflow-x:hidden; _overflow-y:visible; } .block_content_3{ min-height: 150px; overflow: hidden; _height: 150px; _overflow-x:hidden; _overflow-y:visible; } По идее, дивы должны оставаться по центру, а изображения образаться(в опере и мозиле так и выходит), а вот в ие первый див остается на месте, а второй "сползает" под первый. Заранее благодарен за помощь.

    Asked by ros.pro, March 26, 2008

    0 votes
    9 answers