HTML Coding

29542 questions in this forum

1. width100%+pad

   XHTML: <div class="b-0">bla-bla-blablabla-bla-blablabla-bla-blabla</div> <div class="b-1"> <div class="b-2"> ................ <p>bla-bla-blabla-bla-blabla-bla-blabla-bla-bla</p> <div class="b-3">bla-bla-bla</div> ....................... </div> </div> CSS .b-0 {float:left; widht:200px;} .b-1 {margin-left:200px;} .b-2 {padding:0 50px;} .b-3 {background:#0f0} Вопрос! Как сделать чтобы блок .b-3 прилипал к краям .b-2? не забывайте про ие6.. для p ничего не пишем..т.к. много различных блоков может быть внутри .b-2, надоест для каждого писать padding мне нужно общее решение. .b-3 может быть в любом мес…

   Asked by Lincky, July 13, 2009

   0 votes
   7 answers
2. помогите с меню!

   такок вот срочное дело, есть меню, как сделать в нём что-бы в разделе показывался actice link, в подразделе подсвечивался выбраный hover и как сделать чтобы при наведение на последний пункт содержимое не вываливалось из блока. HTML: <ul id="cssmenu"> <li><a href="#" id="hz1">Главная</a> </li> <li><a href="#" id="hz2">Компания</a> <ul> <li style="width:450px;> <a href="#"></a> <a href="#">История компании</a> <a href="#">Административный менеджмент</a> <a href="#">Технический менеджмент</a> </li> </ul> </li&…

   Asked by -O-J-A-, July 10, 2010

   0 votes
   4 answers
3. CSS + Drupal

   Ребята, добрый день. Столкнулся с элементарным вопросом. Делаю сайт на Друпале, столкнулся с проблемой, не могу блоку присвоить id и разместить его так как мне этого хочется. В html создал id="map", разместил там картинку "карта сайта", и описал id в css: #map { margin-left:113px; position:absolute; } Вот что дает Фаерберд; <div class="map"> <div class="clear-block block block-block " id="block-block-19"> <div class="content"><p><a href="/sitemap"><img height="14" width="19" src="/sites/default/files/map_my.gif" alt=""></a></p> </div> </div> </div> Понимаю у меня проблема с вложенными элементами? Как пра…

   Asked by zubar, November 9, 2010

   0 votes
   4 answers
4. регулирование размеров блока

   Здравствуйте. Имеется два блока, один вложен в другой ( блок класса content вложен в блок класса body) .body { margin: auto; height: auto !important; min-height:99%; height: 99%; } .content { border: groove 3px #410707; height: auto !important; min-height:99%; height: 99%; width: 50%; margin:auto; } Возникает проблема: несмотря на то, что указан минимальный размер в 99% высота регулируется автоматически, при чем при отсутствие данных в content высота блока становится равной 0. В чем дело? Каковы пути решения проблемы? UPD: нагуглил некоторую инфу по данному поводу( http://forum.htmlbook.ru/index.php?showtopic=11536), но ответа на вопрос так и …

   Asked by nerf, January 21, 2011

   0 votes
   8 answers
5. Как сделать картинку ссылкой?

   не пинайте плз за детский вопрос, я не веб программист, просто надо быстро подправить кое-что в моем сайте. есть такой код: <div class="container_12"><img src="images/logo.png" class="test" alt="" /> класс определяет местоположение картинки: .test{ position:absolute; top:310px; left:585px; z-index:-1; } куда мне тут надо зашить тег <a href></a>, чтобы картинка стала ссылкой? по-разному пробовал, ничего не работает... если сделать стандартно <a href> ссылка <img src="images/logo.png" class="test" alt="" /></a> - не работает, мешает класс. т.е. без него ок, с ним - не работает...

   Asked by chump, October 10, 2011

   0 votes
   8 answers
6. изображение под изображением

   Доброго времени суток. В html коде прописано : <div class="c-left"> <div class="good-bg-1">Изображение</a></div> </div> <div class="c-right"> Текст </div> в таблице стилей : .c-left, .c-right {float: left;} .c-left {width: 150px;} .c-right { padding-top: 14px; width:600px; margin-left:40px} что мне нужно прописать в моем случае чтоб два изображения были с лева друг под другом а текст с права, текста много.

   Asked by Aleksandr_I, January 16, 2012

   0 votes
   8 answers
7. Два полностью независимых слоя. Один над другим.

   Доброй всем ночки. Сразу прошу прощения за вопрос. Но до ответа на него я что-то не могу никак дойти. Проблема вот в чем. Есть два слоя. Нужно сделать так, чтобы один был над другим. При этом нужно сделать так, чтобы один слой был ровно над другим, куда бы мы этот див в body документа не вставили. То есть их содержимое друг с другом не должно быть связано никак. Чтобы, к примеру, какой-то скрипт, вставленный в один слой, не трогал вообще никак другой, не смещал его никуда. Вариант с тем, чтобы у одного слоя поставить left: 200px; top: 20px; а у другого left: 200px; top: -40px; к примеру не подходит. Визуально один слой на другой наложится, но такие ди…

   Asked by Dasha, July 10, 2012

   0 votes
   2 answers
8. вертикальный градиент текста

   помогите пожалуйста сделать вертикальный градиент текста текст расположен на фоне сложного узора. нужна возможность точно настраивать характеристики градиента(как минимум яркость и величину смещения) устроит любое решение(js, css3), даже не 100% кроссбраузерное здесь мне помочь не смогли

   Asked by cyklop77, February 22, 2013

   0 votes
   10 answers
9. Как перенести текст на новую строку ?

   Здравствуйте. Мне нужно в текстовом поле ввода показывать 2 абзаца содержащихся в переменных t1 и t2 друг под другом с пробелом в одну строку. Подскажите, как это сделать ? Приведенный ниже пример не работает. <textarea type="t" name="n" class="c"><?php echo $t1;?><br><br><?php echo $t1;?></textarea>

   Asked by Kompilator, November 26, 2015

   0 votes
   2 answers
10. Дополнительная линия у фона

    Добрый день, гуру верстальщики Намучился с непонятным багом с которым столкнулся впервые. Есть две проблемы в шапке и подвале к фону добавляется линия. В начале подумал у boostrapа рамки, но оказалось нет все равно по отключал (boorder:none !important;) но не помогло. Через компьютер нормально, через телефон galaxy s6 стандартный браузер "Интернет" появляется линия. Собственно сами косячки: Отключаю фон, соответственно и линия пропадает, так я понял что дело в фоне. После думал что вырезал косячно сам элемент, но и тут все норм нарезал разных вариантов jpg, png без разницы все равно не пропадает. сам сайт dpk . kz буду очень признателен если кто…

    Asked by musulman, April 3, 2017

    0 votes
    2 answers
11. Как работает Body

    Почему при задании для Body фиксированной ширины фоновый рисунок Body идет на всю страницу браузера?

    Asked by Anuar03, April 22, 2017

    0 votes
    5 answers
12. При просмотре сайта через смартфон не загружается css

    Недавно закончил с основным наполнением своего первого интернет-магазина и решил заняться оптимизацией. Проблемы с блокирующими css удалось решить с помощью операторов preload таким образом: <link rel="preload" as="style" href="style.css" onload="this.rel='stylesheet'"> Как javascript, помещал таблицы стилей в самый низ кода страницы. Скорость загрузки возросла до 96/100 по данным PageSpeed Insights. Но! Появилась новая проблема, которую я не могу решить по сей день, а именно: вообще не загружаются таблицы стилей при просмотре сайта через смартфон (также Google бот не загружает стили)! Менял самые основные на обычный link rel="stylesheet" type="text/css"-загру…

    Asked by acsoncry, July 1, 2018

    • css
    0 votes
    0 answers
13. Стрелка с вогнутыми гранями

    Доброго времени суток, господа. Не подскажете как можно сверстать блок с такой стрелкой?

    Asked by no__name, August 12, 2019

    0 votes
    4 answers
14. каким способом можно в страницы добавлять к примеру титульную часть лого и банер , которые на всех страницах одинаковые

    Доброе утро каким способом можно в страницы добавлять к примеру титульную часть лого и банер , которые на всех страницах одинаковые , чтобы при случае изменения менять только в одном месте Спасибо

    Asked by bgraf, March 16, 2009

    0 votes
    5 answers
15. Что должен содержать .htacces?

    Подскажите начинающему, какие директивы должен содержать этот файл? Надо-ли запрещать доступ к скриптам? решил что нужно директива: Options -Indexes Кто администрирует реальный сайт напишите пожалуйчта типичное содержание(если так можно выразиться) этого файла.

    Asked by Sserg-135, May 23, 2009

    0 votes
    6 answers
16. ссылки под зафиксированным слоем background

    Здравствуйте, столкнулся с небольшой трудностью, поставил как фон слой с зафиксированным рисунком посередине. он представляет собой прозрачное изображение с отрисованной правой и левой стороной, но все меню и все ссылки перекрылись им, а в этом месте он прозрачный. как сделать, чтобы ссылки под пустым пространством работали и не нарушать работы сайта http://sadik-yagodka.ru/ #footer1 { position: fixed; bottom: 0; background: url(images/sadik1-2.gif) center ; left: 50%; margin-left: -600px; height: 600px; width: 1200px; }

    Asked by sinpd, April 1, 2011

    0 votes
    6 answers
17. Помогите идентифицировать баг IE6

    приветствую, понадобилось тут сверстать макет, обычный трёхколоночный макет (в данном случае классический Holy Grail) с колонками одинаковой высоты и резиной в столбце контента, при компановке колонок по схеме 2-1-3 (контент - 2я колонка, идёт в коде первой, сайдбары - после неё, но потом позиционируются и т.д.). Всё разумеется отлично работает в браузерах, кроме IE6 (IE 7 рендерит правильно), для которого я сам так и не смог подобрать хака самостоятельно. Исходник для повторения (copy-paste ready): <!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"…

    Asked by alb, June 5, 2011

    0 votes
    5 answers
18. Проблемы с выподающим меню в ИЕ6

    Всем привет. Ребята, вопрос к Вам, есть выпадающее меню, веде все работает отлично, а вот в IE6 меню двигает блок снизу. Как пример: <ul> <li>Меню <ul> <li>Выпадающее меню</li> <li>Выпадающее меню</li> <li>Выпадающее меню</li> <li>Выпадающее меню</li> </ul> </li> <div id="text">Текст</div> Выпадающее меню смещает блок с id=text Если ставлю свойство position: absolute; то все нормально, но выпадающее меню вываливается несовсем в нужно месте, смещается примерно на 50 пикселей вправо, а как его подвинуть, не знаю. Так как макет резиновый, варианты типо: left: xx; right: xx; не подходят.

    Asked by proflead, September 3, 2011

    0 votes
    4 answers
19. проблемы с @font-face

    Трудно объяснить в чём проблема, но правило не срабатывает! Без проблем работает в IE с его oet-ами... Опера отображает только один из двух шрифтов. Фокс ни одного! В чём может быть проблема? ссылки перепроверил - срабатывают (по крайней мере браузер предлагает сохранить файл) есть несколько вопросов по синтаксису: family надо записывать в кавычках или без разницы? должно ли название файла совпадать с тем что прописана в файле шрифта? можно ли использовать в правиле font варианты начертания: файл шрифта bold - в правиле надо указывать font:bold... или font:normal... мог ли браузер как-то хитро закэшировать предыдущие версии шрифта и отдавать их? Какие есть варианты - как …

    Asked by Nanto, October 21, 2011

    0 votes
    9 answers
20. Спозиционировать картинку в тексте

    Привет народ,нужна помощь.........у меня не получатся вставить картинку в текст. пример: <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> Имя пользователя (адрес электронной почты):<img src="http://static.panoramio.com/photos/small/70779155.jpg"> Пишите..... жду твоего ответа)..... </html> Нужно чтоб картинка с текстом сравнялась в HTML,желательно без подключения CSS.

    Asked by Irina11.86, April 23, 2012

    0 votes
    5 answers
21. Поиск по сайту

    Подскажите пожалуйста по собственному опыту, какой скрипт лучше использовать для поиска по сайту? Поиск Яндекс ставить не хочу, нужен именно для данного сайта Спасибо

    Asked by Yarkaya, July 12, 2012

    0 votes
    5 answers
22. Разъезжаются блоки.

    Здравствуйте, при изменений размера окна браузера или просто ,при нажатий сtrl + , некоторые блоки в дизайне разъезжаются по сторонам. Как избежать этой проблемы ? Посмотреть что происходит , можно по этой сыллке http://www.nurme18.eu/fc/ Спасибо.

    Asked by Simel, June 27, 2012

    0 votes
    1 answer
23. Кодировка для отправки в FaceBook

    Использую такой код для кнопки отправки в FaceBook: <script type="text/javascript" language="javascript"> var u = window.location.href; var t = 'Заголовок'; var c = 'Контент'; var img = 'http://site/img.jpg'; </script> <div style="cursor:pointer" onclick="window.open('http://www.facebook.com/sharer.php?s=100&p[title]='+t+'&p[summary]='+c+'&p[url]='+u+'&p[images][0]='+img,'sharer','toolbar=0,status=0,width=700,height=400');" href="javascript: void(0)">отправить в FaceBook</div> Все работает, но вместно русских букв, в появившемся окне, при нажатии кнопки, появляются квадратики. Подскажите как правильно отправить GET-запрос с русс…

    Asked by SFproG, November 7, 2012

    0 votes
    2 answers
24. Верстка

    Помогите новичку разобраться. 2 вопроса: 1) Не могу понять почему у меня div "footernews" прилеплен к div "footer", а не к div "imgmove". Как это исправить? 2) Как сделать так чтобы footer_background накладывался на div "imgmove"? #footer[/color] { height: 280px; background: #fff; clear: left; background-image: url(images/bg_footer.jpg); background-repeat: no-repeat; background-position: 0 160px; position: relative; z-index: 2; } #footernews li { list-style-type: none; height: 170px; width: 380px; float: left; } #imgmove { width: 146px; height: 164px; float: left; position: relative; margin-left: 10px; top: 11px; border: 1px solid black; z-index: 1;

    Asked by Drix87, January 30, 2013

    0 votes
    7 answers
25. fontsquirrel

    Добрый вечер. Есть такая страница: http://webmaster.ayrveda.ru/Made_in_Fashion/index.html Подключил нестандартный шрифт через fontsquirrel - но отображается(у меня) он только в браузере Safary!? http://webmaster.ayrveda.ru/font_safary.jpg В остальных браузерах отображается это дело вот так: http://webmaster.ayrveda.ru/font_mazilla.jpg Не знаю в чём причина. (возможно в путях.) В общем не пойму что упустил из виду? Перепробовал всё, что в голову пришло и вариантов у меня больше вроде не осталось! Буду благодарен, если кто поможет разобраться в данной проблеме. (Это очень срочный проект и времени просто нет!) Ссылка на сгенерированные шрифты здесь: https://disk.yandex.ua/pu…

    Asked by Yamaradg, July 14, 2013

    • Проблемы с отображением.
    0 votes
    6 answers