HTML Coding

29,542 questions in this forum

1. Помогите решить задачку

   Привет всем, начал постигать азы веб-программирования (пока что с html/css), вот застрял на такой задачке: Блок слева состоит из 5 блоков: 1 большой и 4 поменьше в нем, со свойством position: relative. В html ес-но написал div в котором еще 4 div'a. Проблема в том что у меня правый серый блок сдвигается вниз, хотя я применяю к большому левому блоку свойство float, еще пытался менять свойство display у блоков - не получается. Помогите плиз.

   Asked by Jase, February 5, 2013

   0 votes
   4 answers
2. цвет кнопки при наведении !

   всем привет " подскажите пожалуйста почему у кнопки --ДОБАВИТЬ В КОРЗИНУ-- при наведении цвет меняется только до области текста,а не всего фона ??? как это поправить ??? http://joomla.metko.ru/ <style="text-decoration:none"a href="index.php?action=buy_now&BUYproducts_id={$module_data.PRODUCTS_ID}"><dds>Добавить в корзину</dds></a> #buy111{ background:#596066; border-radius: 5px; } dds{ color:white; } dds:hover{ background-image: url("img/cartfon.png"); }

   Asked by morgusha, February 6, 2013

   0 votes
   4 answers
3. IE

   Почему в ИЕ так криво отображается сайт, тестил в хроме, лисе и сафари, все нормально. Но вот в ИЕ. Читал что нужно указывать доктайп, правда ли, что это спасет и какой именно? И я не о кодировке. http://s017.radikal.ru/i402/1302/60/626dc97d0134.png

   Asked by JessyStorm, February 6, 2013

   0 votes
   4 answers
4. Как добавить текст в определенное место?

   Есть такой код к примеру: <style type="text/css"> .dv {width:300px; height:30px; border:solid 1px; margin:5px;} </style> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <script type="text/javascript"> var d = document.getElementsByClassName('dv'); var s = d.length; var i = 2; while (i <= s) { var dv = document.getElementsByClassName('dv')[i]; dv.style.color =…

   Asked by SFproG, February 7, 2013

   0 votes
   4 answers
5. Картинки списком внутри дива

   Приветствую уважаемое сообщество! Я новичок в сайтостроении. Прошу помощи. Пытаюсь расположить картинки списком слева направо внутри div_а. Нужно вот что примерно: У меня почему-то фон дива только у заголовка. <div id="content"> <h1>Заголовок</h1> <ul id="shop"> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="sho…

   Asked by AlexLM, February 7, 2013

   0 votes
   4 answers
6. Построчный перенос пунктов меню

   Впервые попала на проект с серьезным адаптивным дизайном, и спросить на проекте не у кого. Задача: обычное меню. При больших разрешениях выводится в одну строку, каждый пункт меню однострочный. При среднем размере экрана каждый из пунктов меню должен стать двухстрочным (т.е. не пункты переносятся на вторую строку, а каждый пункт сам по себе в 2 строки начинает располагаться). Вот набросала костяк: http://jsfiddle.net/8cSLF/ Немного игралась с white-space - не вышло. По идее, можно указать ширину для каждого пункта меню, и тогда текст автоматически будет переноситься в его границах, но все пункты разные, и эта идея кажется какой-то "костыльной". Вспомнила, что есть таблицы…

   Asked by caprella, February 7, 2013

   • адаптивная верстка меню
   0 votes
   4 answers
7. Вапрос по css конструкциям

   Здравствуйте! Сразу прошу прощения если данная тема уже обсуждалось на форуме. Поиском пользовался не нашел ответа. И честно говоря даже не представляю как задать вопрос правильно. Проблема в следующем, есть следующие css конструкции: .my_class [color=#ff0000]>[/color] a { различные свойства}[/indent] [indent=1]#my_id:cheked [color=#ff0000]~[/color] .my_class_2{ свойства}[/indent] [indent=1]#my_id: [color=#ff0000]+[/color] a { свойства} скажите что делают ">" "~" "+" данные символы в этих конструкциях или направте где про них можно почитать.

   Asked by vaskes, February 7, 2013

   • css
   0 votes
   4 answers
8. Знающие и умеющие помогите советом

   В общем нужно сверстать прогресс-бар, да так чтоб собственно программист потом смог им манипулировать. http://savepic.ru/4041090.png вот сам бар, если кто встречался с такими вещами, то подскажите как лучше его сверстать.

   Asked by vladmih, February 9, 2013

   0 votes
   4 answers
9. li с чередующимся фоном

   Здравствуйте. Возникла такая проблема... <ul> <li>Слово1</li> <li>Слово2</li> <li>Слово3</li> <li>Слово4</li> </ul> Как сделать чтобы в ul li шло чередование фонов. Допустим, нечётные (<li>Слово1</li>, <li>Слово3</li>, ...) - backgroun-color:#f4f4f4; чётные (<li>Слово2</li>, <li>Слово4</li>, ...) - backgroun-color:#cccccc; Помогите, пожалуйста, кто знает...

   Asked by zzzoryn, February 11, 2013

   • li
   • фон
   • background
   • css
   • ul
   0 votes
   4 answers
10. Simpless?

    Не знал точно где разместить вопрос Хочу выучить LESS и вот пробовал установить http://wearekiss.com/simpless для компиляции в СSS, но ничего не получилось, такая же беда как здесь https://github.com/Paratron/SimpLESS/issues/59, может кто-то стыкался и обяснит по-доступней где искать проблему. Спасибо.

    Asked by Kuzyo, February 12, 2013

    0 votes
    4 answers
11. Как создать изображение кодом?

    Здравствуйте! Нужна помощь понимающих. Вопрос: Я хочу сделать иконку не путем добавления ссылки на изображение в код, а кодом, указав размер иконки в 20px, 20px и каждому пикселу присвоить свой цвет, чтобы в итоге они образовали простую иконку. Цель: Получить иконку без надобности заливать изображение на хостинг или использовать с иного ресурса. Подскажите пожалуйста пример кода, как присваивать цвет пикселам. Желательно html, думал сделать через canvas и js, но здесь подвох, если js отключены, иконки отображаться не будут, поэтому остается html. Но если это анриал, тогда уже js, хотя мне кажется это просто сделать, только мне не хватает соображения, что бы понять как это…

    Asked by Artimarius, February 11, 2013

    0 votes
    4 answers
12. input в label

    Как сделать, чтобы при клике на текстовый инпут ставилась галочка на чекбоксе, а фокус на текстовый инпут. Или только js-ом? <label> <input type="checkbox" name="check-1" /> Last <input type="text" name="lastname" /> Name </label>

    Asked by youmay, February 12, 2013

    0 votes
    4 answers
13. съезжают ноги на мобильном девайсе

    Приветствую. Сверстал магазин http://plastbaki.ru. Вроде все нормально. Но заметили такую ошибку. Если смотреть сайт с мобильного устройства, то у монтажника ноги съезжают на желтый блок. Подскажите пожалуйста, как это можно поправить.

    Asked by psevdo, February 12, 2013

    0 votes
    4 answers
14. Закругление с помощью PIE.htc

    Доброго дня/утра/вечера форумчане! Вот такая проблема нагрянула: надо в IE8 сделать закругленные углы кнопок. Использую pie, но он почему-то закругляет только верхние уголки кнопки, хотя закругление указано для всех углов. Может кто встречался с таким? Можно ли кнопку привести к приличному виду? Стили кнопки .bookcard_button { width: 166px; height: 28px; cursor: pointer; border-radius: 16px; behavior: url(/templates/css/pie/PIE.htc); text-align: center; padding-top: 3px; background-image: linear-gradient(bottom, rgb(106,125,107) 11%, rgb(250,250,250) 56%, rgb(106,125,107) 100%); background-image: -o-linear-gradient(bottom, rgb(106,125,107) 11%, rgb(250,250,250) 56%, rg…

    Asked by SunshineElf, February 20, 2013

    0 votes
    4 answers
15. Новичок. Помогите, пожалуйста, по верстке.

    Проблема в следующем: выпадающее меню сдвигает остальные блоки, вместо того, чтобы просто отображаться поверх. Приношу извинения, если такая тема была ранее, но не нашел. Все, что находил - не помогало. Привожу код. Разметка <!DOCTYPE html> <html lang="ru" > <head> <meta charset="windows-1251" /> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="menu"> <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Навигация</a> <ul> <li><a href="#">Карта сайта</a></li> <li>&lt…

    Asked by Stranger, February 21, 2013

    0 votes
    4 answers
16. javascript .replace

    Подскажите пожалуйста, как из строки "-896px -324px" при помощи replace в переменную a присвоить значение -896, а в переменную b значение -324? Числа могут быть и не отрицательные и разных порядков. Иными словами, нужны символы что идут как цифровое значение до символов "px". Никак не осилю как эта штука вообще работает

    Asked by фонарик, February 22, 2013

    0 votes
    4 answers
17. Съезжает кнопка после отправки формы в Chrome и Opera

    День добрый. На сайте интернет-магазина есть кнопка быстрого заказа (например, здесь: http://pitertel.ru/phones/mobile/sony-xperia-sola-mt27-red.html). Кнопка сейчас работает таким образом, что если не запонять поля, то посетителю выдаётся ошибка ("Пожалуйста, заполните форму перед отправкой бла-бла-бла"). Так вот, эта ошибка работает, как она должна была работать, только в Firefox. В Chrome/Chromium и Opera вместе с показом ошибки форма прижимается к левому краю сайта. Подскажите, пожалуйста, где я запорол вёрстку, и что нужно поправить. Заранее всем спасибо! :-)

    Asked by vkapas, March 4, 2013

    0 votes
    4 answers
18. зачем нужен bootstrap

    Ладно я тему не правильно назвал, ок bootstrap полезная штучка, только вопрос есть, PSD макет должен тоже под bootstrap делаться? Там же 12 градаций ширины колонки, попиксельно точно не сделаешь.

    Asked by SoFuWa, February 25, 2013

    0 votes
    4 answers
19. высота div 100% - не выходит каменный цветок :(

    Здравствуйте, я уже обращалась сюда со своей проблемой (http://forum.htmlboo...topic=43270&hl=), среди советов был переверстать шаблон дивами, но проблема от этого меньше не стала. Сейчас имеем такую страницу, например, - http://dh-art.ru/portfolio/index.php Говоря вкратце, я хочу, чтобы мучимый мною див выглядел так (только до конца вниз): Проблема в том, что при этом этот див должен находиться над картинками верхнего слайдера (если пройдёте по ссылке вверху, поймёте, о чём я), потому что в противном случае скрипт при загрузке картинок оставляет на этом диве белые области, и при том не перекрывать правое меню. В общем, пока я не придумала ничего лучше. чем задать е…

    Asked by maritca, February 25, 2013

    0 votes
    4 answers
20. Как сверстать такой блок

    Здравствуйте! Есть такой макет: ссылка на изображение, размер: 143 кбайт, 1024 x 641 точек Задача состоит в том, как сверстать большой полупрозрачный блок. Я использую верстку с прижатым футером. Код: <body id="inner"> <div id="wrapper" class="w100" style="background-image:url(maneBg_2.jpg); background-position:0 0;"> <div id="main"> <div id="all"> <header class="strip"> <div id="header_c"> <nav id="menu_l"> <ul> <li><a href="#">Парикмахерский зал</a></li> <li><a href="#">Ногтевой сервис</a></li> <li><a href="#">Косметология</a>&…

    Asked by Светлана Гр., February 26, 2013

    0 votes
    4 answers
21. стиль дополнительного меню

    Здравствуйте! Подскажите, пожалуйста, как задать стиль доп. меню, отличный от главного? Чтоб ссылки меню "наши кобели" и "наши суки" сделать не такими как в верхнем главном меню? Сайт: http://baykara.ru/nashi-sobaki <a href="http://pixs.ru/?r=7262308"><img src="http://i5.pixs.ru/storage/3/0/8/YbwfRPskjp_5508095_7262308.jpg" border="0" alt="Image Hosted by pixs.ru" /></a>

    Asked by Zeeeya, March 1, 2013

    0 votes
    4 answers
22. Скрыть\показать элементы

    Добрый вечер. Прошу помочь мне, зеленому новичку, понять... Почему работает вот это: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;"> <title>vicont</title> <style type='text/css'> #i1,#i2,#i3{display:none} </style> <script type='text/javascript'> <!-- function showhideBlocks(val){ if (val == 0){ document.getElementById('i1').style.display='none'; document.getElementById('i2').style.display='none';…

    Asked by Sick, March 4, 2013

    0 votes
    4 answers
23. IE8 doctype problem

    Здравствуйте, Сверстал страницу все хорошо, но в IE8 имеются проблемы. Использую <!DOCTYPE HTML> в IE8 вылезает ошибка произошла ошибка сценария строка 1 символ 1 'object' is undefined меняю доктайп все работает но ползет верстка. Как это исправить?

    Asked by coller, March 4, 2013

    0 votes
    4 answers
24. Медиа запросы

    Кто-нибудь,подскажите почему в данном примере у меня выполняется только основной заданный стиль и первый медиа-запрос (min-width: 1200px )? Второй и третий медиа-запрос игнорируется,это хорошо видно в Firebug.Не понимаю почему так происходит,ведь все должно переопределяться... <style type="text/css" media="screen"> h1{font-size:30pt;} p{font-size:15pt;} @media screen and (min-width: 1200px) { h1{font-size:40pt;} p{font-size:20pt;} } @media screen and(max-width: 800px){ h1{font-size:25pt;} p{font-size:12pt;} } @media screen and(max-width: 400px){ h1{font-size:20pt;} } </style> </head> <body> <article> <h1>Заголовок</h1> …

    Asked by eleonore, March 5, 2013

    0 votes
    4 answers
25. Ресурсоёмкость верстки

    Доброго времени суток форумчане и гуру вёрстки! Я любитель и вёрстку делаю для себя часто, просто потому что хочется! Каждый раз задумываюсь о используемых ресурсах, но вопреки этому дизайнеры в PSD макетах используют такие элементы, которые если заменять, чтобы уменьшить трафик, то дизайн изменяется до неузнаваемости, а если оставлять, то странички чрез чур много требуют трафика. Как быть с такой проблемой?

    Asked by ohinem, March 11, 2013

    0 votes
    4 answers