HTML Coding

29542 questions in this forum

1. Выбор css

   Можно ли дать пользователям возможность выбор таблицы стилей при заходе на сайт? Базы пользователей нет, поэтому выбор я представляю себе что-то вроде мелких картинок сайта, с разным оформления, и какой гость выберет, то оформление и будет. Если это можно реализовать, то как?

   Asked by Юрий2008, February 6, 2009

   0 votes
   3 answers
2. div'ы внутри div'а

   Добрый день. Есть следующая ситуация: div, внутри которого еще два div'a. Нужно, чтобы внешний див растягивался в высоту по большему из внутренних. Соответственно, сейчас в случае, если один из внутренних дивов по высоте больше внешнего, он просто располагается поверх. Что пробовал: 1) Не указывать высоту внешнего дива. Внешний див создается высотой в 1 пиксель, внутренние идут поверх. 2) Выставлять всем троим display: block; - никакого эффекта. 3) Выставлять внешнему display: table; а внутренним - display: table-cell; . Верстка летит к чертям, других эффектов нет. Заранее благодарен за помощь.

   Asked by Simior, August 6, 2009

   0 votes
   3 answers
3. slider+tooltip

   Подскажите реализацию карусели с тултипами. Сколько не смотрел и не пробовал ничего не выходит. Обычно тултипы не идут за слайдом, и выскакивают в первоначальном положении. А карусель циклическая. т.е. у нас есть некая карусель <div class="slider"> <ul> <li><a href="" rel="tooltip.html">ссылка</a></li> <li><a href="" rel="tooltip.html">ссылка</a></li> <li><a href="" rel="tooltip.html">ссылка</a></li> </ul> </div> тултипы грузятся аяксом, но это не суть важно, можно и из скрытых дивов. в тултипе картинка + ссылка. т.е. по нему можно кликнуть, он не исчезает сразу. в кач…

   Asked by npofopr, June 16, 2010

   0 votes
   0 answers
4. CSS: объемлющий селектор

   Можно ли в CSS сделать что-нибудь наподобие ?? #abc {... правила для abc ... } #CONTENT { div {...} b {...} table {...} } #xyz {... правила для xyz ... } Т.е. не повторять #CONTENT кучу раз а написать один раз. И еще: можно ли этот участок кода (внури #CONTENT) вынести в другой файл?

   Asked by warobushek, June 25, 2010

   0 votes
   5 answers
5. expression max-width для IE6

   С min-width понятно - width: expression(document.body.clientWidth > 970? '100%': '970px'); А как быть с max-width в IE6? Есть такой экспрешн?

   Asked by Verder, August 14, 2010

   0 votes
   2 answers
6. Отступ в таблице

   Не получается никак сделать такой же самый отступ от надписи <style type="text/css"> .foto_otstyp{margin:30px;} .verx_otstyp20{margin-top:20px;} .zagolovok_ul2{font-size:26px; font-weight:bold; margin-left:60px; color:#CC0000;} </style> <div class="zagolovok_ul2">Что блог может дать именно Вам?</div> <table> <tr> <td><img class="foto_otstyp" src="../img/3_6.3.jpg" /></td> <td width="100%"> <strong>Если Вы владелец бизнеса,</strong> блог будет для Вас отличной <br /> Интернет-площадкой, которая даст Вам следующие <br /> преимущества: <div class="verx_otstyp20"></div&g…

   Asked by people2010, March 30, 2011

   0 votes
   5 answers
7. Помогите с onClick

   кнопка то работает но тег расположен в теге <form> и когда при нажатии на ету клавишу файл отсылается на сервер онклик при етом не работает и картинка не меняется. Как сделать чтоб она успела поменятся? Вот посмотрите http://xn--8-mtbvk1b.in.ua/newspaper/admin.php на первую кнопку и на вторую только, перед нажатием на первую заполните формы и файлы ставте не больше 10mb

   Asked by T@NKIST, May 9, 2011

   0 votes
   4 answers
8. drupal проблема с классами

   Привет всем верстаю для сайта на drupal 7, возникла проблема. Установил модуль fivestar (оценка материала), соответственно, делаю для него красивые рамочки. Но есть загвоздка, там существует два режима, когда зарезанный пользователь смотри и просто гость. Для зареганого я назначаю, такой код: form.fivestar-widget { display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит это так: Затем я добавляю класс в css, это как-бы получается для зарегистрированных пользователей: .fivestar-static-form-item{ display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит, это …

   Asked by Kerny, July 10, 2011

   0 votes
   6 answers
9. Выпадающее меню без javascript

   Мне выпадающее меню дается очень с трудом. Оно, конечно у меня выпадает, но выглядит не так как хотелось бы. http://thelast.ru/index.php?uid=599 - беру пример вот с этого, правда там вертикальное меню, а у меня горизонтальное, и это усложняет мою задачу. Помогите пожалуйста привести все это в порядок Код: <div class="menu"> <ul> <li><a href="#">Верстка</a></li> <li><a href="#">Создание сайта</a></li> <li><a href="#">Веб-дизайн</a></li> <li class="web"><a href="#">Веб-программирование</a> <ul> <li><a href="#">Java-Script</a></l…

   Asked by skygazer, February 13, 2012

   0 votes
   4 answers
10. Верстка CSS - вопросы по моему сайту

    Всем привет! Я скачал, посмотрел и выполнил все (почти все) уроки по html и css - и собрал демо-версию своего сайта, он очень простой - трехколоночный информационный сайт (он будет посвящен компьютерной графике). Я прилагаю его в архиве http://files.mail.ru/QK7K71 потому что писать здесь код неудобно, он достаточно большой, к тому же в оформлении я использовал картинки. Но у меня возникли трудности. В архиве находятся две папки - в одной из них сам сайт (папка img с картинками, файлы сайта verstka-div.css и verstka-div.htm, а в другой папке рисунок (Он называется "Вопрос" на котором я показываю области, которые я не могу разместить на сайте.) На местах отмеченных знаком …

    Asked by Eugene-N, May 10, 2012

    0 votes
    8 answers
11. Растянуть два дива на height: 100%

    обычный двухколоночный макет <div class="wrapContainer"> <div class="wrapAside"> <aside> много текста </aside> </div> <div class="wrapArticle"> <article> много текста </article> </div> </div> с помощью маргина и флоата сделал рядом друг с другом http://www.pixic.ru/i/7090Z0O6p4f660y9.png но есть один трабл, когда в любую колонку добавляешь много текста, то она тянется вниз, а другая нет.. проблема в том, что колонки с бэкгроундом и надо чтобы они обе тянулись, если бы были без цвета, то проблемы бы небыло

    Asked by bayanruby2, January 10, 2013

    0 votes
    3 answers
12. Нужен совет знатоков

    Добрый день. Нужен совет, как лучше сделать. Короче говоря, галерея картинок и видео выполнена с помощью двух слайдеров. На картинке 1 показано как оно все должно выглядеть, а на картинке 2, показал схематически как все должно быть. И так, вопрос: 1. Как проще\удобнее мне сделать? 2. Какой плагин посоветуете? 3. Как лучше сделать слайды? Так как они должны быть 2х2 и 3х3 + быть адаптивными. И да, вся эта конструкция, должна быть резиновая\адаптивная. У меня пока 2 идеи: 1.За "Slider wrap" взять слайдер бутстрепа 3. В него вложить 2 карусели, Фото и Видео сделаных с помощью "FlexSlider". Но он себя не всегда нормально поводит... upd: Только что сделал так. Первый слайдер…

    Asked by n0_th1nk, October 7, 2013

    • две карусели в одном слайдере
    0 votes
    3 answers
13. Положение фона - помогите сделать?

    http://leveler.ru/popukaki/ На втором этаже в правой колонке есть фоновая картинка, которая должна выглядеть как-то так: Прижата к нижней части , выровнена по центру правой колонки, при этом находится за текстом. Как такое возможно сделать? Чтобы при масштабировании окна картинка не наезжала на среднюю часть, а была за ней, и была спозиционирована по центру правой колонки? P.S. Все картинки временные, нормальные еще не отсняли.

    Asked by d0ublezer0, April 16, 2014

    0 votes
    8 answers
14. Как из разных мест открывать одну и ту же форму

    Доброе время суток. На сайте есть 5 одинаковых кнопок .main-btn, по наведению на которые под кнопкой появляется форма .popover-form. <div class="main-btn free-call"> <p><a href="#">Воспользуйтесь бесплатным обратным звонком</a> <br/> <i class="glyphicon glyphicon-chevron-down"></i> <form class="popover-form question-form"> <label for="">Ваше имя</label><input type="text"> <label for="">Ваш E-mail</label><input type="text" value=""> <label for="">Задайте вопрос:</label> <textarea></textarea> <butt…

    Asked by mankutila, May 24, 2015

    • html
    • css
    • jquery
    • js
    0 votes
    3 answers
15. Помогите решить, как сделать чтобы при нажатии на крестик исчезал блок.

    <div class="korzina_table"> <div class="kor_li_1"> <div class="korzina_img"> <img src="image/s_1.png"/> </div> </div> <div class="kor_li_2"> <p class="nomer_tovara">Плита 1П 18-15-30</p> <table> <tr> <td>Длина,мм:</td><td>1750</td> </tr> <tr> <td>Ширина,мм:</td><td>1500</td> </tr> <tr> <td>Высота:</td><td>160</td> </tr> <tr> <td>Масса,тон:</td><td>1.03</td> </tr> <tr> <td>Объём,куб.м.:</td><td>0.41</td> </tr> </table> </div>…

    Asked by Fizruke, October 1, 2015

    0 votes
    2 answers
16. Выпадающий список

    Помогите, люди добрые!! Совсем запутался в решении проблемы... В общем, необходимо, чтобы при наведении на пункт меню фон менялся с черного на белый, а цвет ссылок наоборот, с белого на черный. С родительским пунктом меню всё работает, но с пунктами подменю начинается неразбериха - http://jsfiddle.net/3vfxua8q/ Заранее спасибо!

    Asked by Алексей2802, October 1, 2015

    • ul
    • li
    • список
    • меню
    0 votes
    2 answers
17. рушиться дизайн при уменшении окна браузера

    Spoiler Spoiler сверстал шапку сайта, но при уменшение ширины окна браузера, дизайн рушиться, помогите плиз и оцените качеству верстки макет сайта здесь:http://www.dejurka.ru/wp-content/uploads/2012/04/folio.zip верстка4.zip

    Asked by начинающий верстаг, March 3, 2017

    0 votes
    3 answers
18. Индекс не отображается в IE полностью

    делал сайт. все было нормально. На каком то этапе перестал отображаться в IE, при этом в Мозиле и Опере работает сам сайт и соответственно код тут - http://www.ptm01.ru/. В опере и мозиле опять же открывается в эксплопере нет. Если кто подскажет в чем причина буду очень благодарен. Но самое интересное - решил сделать заново. Создал файл - отображается во всех трех обозревателях, - скопировал в него из старого файла (см. выше по ссылке) вот такое вот: и снова отображения в IE нет. Вернул все назад и опять отображается подскажите дураку что не так то

    Asked by Павсикакий, September 18, 2008

    0 votes
    2 answers
19. Таблица на всю страницу!

    Добрый день! Подскажите пожалуйста как сделать так, чтобы таблица была растянута по всей высоте страницы? <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr style="line-height:400px"> <td> </td> </tr> <tr> <td> </td> </tr> </table> Средняя часть таблицы - жестко фиксированная! Растягивать можно только первую и последнюю строки! За ранее благодарен всем ответившим!

    Asked by Prokopov Nikolai, October 13, 2009

    0 votes
    3 answers
20. Динамичный Проверочный Список По Верстке

    Может кто подскажет такой список (форму) для проверки верстки. Например: валидация html и css, указание кодировки, направление текста и т.д.. Или лучше форма. В зависимости от указанных параметров (доктайп, используется скрипт и т.д.) выдаёт проверочный список. Думаю что там написал)

    Asked by iandsociety, September 9, 2010

    0 votes
    8 answers
21. Проверка кода на валидность

    Здравствуйте, уважаемые форумчане! Мысль сделать свой сайт у меня возникла давно, а вот реализовать идею дотянулись руки совсем недавно. Я решил сделать сайт на хостинге Ucoz. Написал каркас дизайна. Решил проверить его на валидность. Проверял через http://validator.w3.org/. Он мне выдал: "6 Errors, 3 warning(s)", но в чем ошибка я не могу понять. <br /> исправил, но ошибки все-равно остаются. Код прикладываю: <удалено> Заранее благодарен.

    Asked by VladimirML, March 3, 2012

    0 votes
    2 answers
22. margin: 0 auto для меню span float:left

    Добрый день! Не получается .menu span сделать по центру блока .menu .wrap {position: relative; min-height: 100%; height: auto; -height: 100%;} .container {margin: 0 auto; padding-bottom: 198px; min-width: 998px; max-width: 1000px;} .content {padding: 80px 0px 0px 13px;} .head {padding: 0; height: 247px; background: #ffffff url(../img/headerbg.jpg) 50% 100% no-repeat;} .logo {width: 187px; height: 49px; padding: 77px 0 0 64px;} .logo img {width: 180px; height: 146px;} .foot {background: #ffffff url(../img/footerbg.jpg) 50% 0 no-repeat; width: 100%; position: absolute; bottom: 20px; height: 129px; z-index: 22; left: 0;} #foot {margin: 0 auto; min-width: 998px; max-width…

    Asked by Вадим, March 31, 2012

    0 votes
    2 answers
23. Проблема с псевдоклассами CSS

    Добрый день! Есть следующий код: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Псевдоклассы</title> <style> a:link { color: #0f0; } a:visited { background: #f00; } </style> </head> <body> <p> <a href="1.html">Первая ссылка</a><br/> <a href="2.html">Вторая ссылка</a><br/> <a href="3.html">Третья ссылка</a><br/> <a href="4.html">Четвертая ссылка</a><br/> <a href="5.html">Пятая ссылка</a> </p> </body> </html> Открываю страницу в Chrome, перехожу по первым …

    Asked by zodcyi, October 26, 2012

    0 votes
    3 answers
24. Как фрилансер тестирует адаптивный сайт?

    Всем доброго времени суток. Хотелось бы узнать мнение опытных фрилансеров в адаптивной верстке. Лучшее тестирование адаптивного сайта - это само устройство, но такого количества устройств явно у фрилансера не найдется. Как же качественное протестировать адаптивный сайт что бы с уверенностью можно было отдать работу заказчику? P/S. Какими методами пользуетесь вы в вашей практике фриланса? Chrome - F12 - Ctrl+Shift+M(device mode) Достаточно долго тестирую именно так, но насколько данный метод гарантирует точность, можно ли на него положится?, ведь не просто так, существуют такие платные сайты как browserstack.com

    Asked by tarthur, January 13, 2016

    • адаптивная-верстка
    • фриланс
    0 votes
    3 answers
25. Div за пределами нижней части экрана

    Здравствуйте! Помогите правильно разместить блоки в обертке. Имеется два основных блока, один из которых будет являться фоном ("landscape"), а другой содержать навигационные элементы ("menu"). Меню должно прокручиваться на фоне статичного фона, а у меня "menu" сваливается ниже обертки (height:100%), за пределы экрана. Кучу вариантов перебрал с позиционированием и размерами, но найти правильное решение никак не могу... CodePen , или: . CSS Скрытый текст * {box-sizing: border-box;} *:before, *:after { content: ''; display: block; position: absolute; box-sizing: border-box; } html, body { margin: 0; padding: 0; height: 100%; bac…

    Asked by lnva, November 26, 2016

    0 votes
    4 answers