HTML Coding

29,542 questions in this forum

1. Создания li под строкой с нажатым элементом.

   Блок создан с помощью li, где li стоят в одну линию по всему размеру ul, сколько в 1-ой строке элементов li, я не знаю так как при изменении разрешения их количество может меняться. Мне нужно что бы при нажатии на li, под ней появлялся блок информацией об этой li, те для li#one открывается к примеру <li><div data-id = "one" ></div></li>. Вот то что у меня получилось : https://jsfiddle.net/4101nn7L/

   Asked by Konstantin99, March 16, 2017

   0 votes
   0 answers
2. ползунок скролла браузера не перемещается до нижней границы блока

   помогите пожалуйста решить проблему и по возможности объясните ход решения. для стилизации скролла браузера использовал это в результате получил это проблема в том, что когда пользователь прокручивает документ до конца, ползунок скролла( представляет из себя красный квадратик) не прокручивается до низа(остаётся примерно посередине). мне же нужно сделать так, чтобы если пользователь прокрутил документ до конца, то и ползунок соответственно переместился до самой нижней точки блока удивительный плагин. почитаешь описание, так там настроек куча, на все случаи жизни. а такой важной нет. как я понял высота этого скролла рассчитывается в яваскрипте динамически (прописывается в т…

   Asked by cyklop77, November 12, 2011

   0 votes
   0 answers
3. Слайдшоу как картинка

   Здраствуйте! Есть такая проблемка! Большой блок-ссылка и в нём маленький блок со ссылками. Как сделать так, чтобы эти ссылки из маленького блока были над блоком-ссылкой родительского? (2два блока позиция апсолют) Спасибо! С уважением Андрей!

   Asked by Vendetta-V, September 9, 2011

   0 votes
   1 answer
4. Проблема с background сайта

   Здравствуйте, столкнулся с такой проблемой, а точнее с бэкграундом: И никак немогу догнать как его правильно сверстать, чтоб он тянулся и по горизонтале и по вертикале (получается только чтоб тянулся по горизонтале) А вот по вертикале проблемка: <div id="cont_hbg"><div id="cont_bbg"><div id="cont_lbg"><div id="cont_rbg"><div id="cont_h_l"><div id="cont_h_r"><div id="cont_b_l"><div id="cont_b_r"> тут контент </div></div></div></div></div></div></div></div> #cont_h_l {background:url(../images/profile/cont_h_l.png) no-repeat top left;} #cont_h_r {background:url(../images/pr…

   Asked by Sprime, February 28, 2012

   0 votes
   3 answers
5. помогите разобраться с таблицей

   Есть таблица. Нужно сделать так, чтобы ячейки, имеющие ссылки, были сами ссылками. Юзал поиск, ничего толкового для прешения этой проблемы не нашел. Если задать ссылке высоту и ширину ячейки получается совсем не то, что нужно. И как сделать такую рамку вокруг шапки таблицы как на изображении. Спасибо за помощь. Код: <table class="calendar"> <thead> <tr> <th colspan="7">Календарь на Июль 2011</th> </tr> <tr> <td>пн</td> <td>вт</td> <td>ср</td> <td>чт</td> <td>пт</td> …

   Asked by 9EVIL, April 26, 2012

   0 votes
   0 answers
6. Контент обнулился!

   http://updatedir.ucoz.ru/dir - вот сайт Проблемка)Верстаю дивно макет,сделал обтекание у элементов материалов слева и высота левого блока обнулилась.Как решить эту проблему?

   Asked by ELBegemotos, July 2, 2012

   0 votes
   2 answers
7. Особый редирект

   Здравствуйте уважаемые! Суть вопроса в том, что у меня есть домен site1.com.ua и www.site1.com.ua соответственно. Редирект с www на site1.com.ua я смог реализовать следующим образом (правильно?) RewriteEngine on RewriteCond %{HTTP_HOST} ^www RewriteRule ^(.*)$ http://site1.com.ua/$1 [R=301,L] Теперь я приобрёл домен site2.KIEV.UA и www.site2.KIEV.UA C www.site2.KIEV.UA на site1.com.ua нормально редиректид, а вот просто с site2.KIEV.UA на site1.com.ua не редиректит. Что и как сделать. ЗАРАНЕЕ СПАСИБО!

   Asked by cry7777, October 28, 2012

   0 votes
   2 answers
8. Непонятки z-index

   Почему псевдо элементы отображаются выше блоков? http://jsfiddle.net/tMBrK/ Css: .block1 { padding: 0 10px; position: relative; top: -11px; left: -2px; z-index: 9; } .block1::after { content: ""; position: absolute; bottom: 17px; left: 4%; width: 92%; height: 30%; box-shadow: 0 26px 25px rgba(0, 0, 0, 0.7); z-index: 8; } .block2 { padding: 0 10px; position: relative; width: 95%; left: 12px; right: 12px; margin-top: -11px; z-index: 7; } .block2::after { content: ""; position: absolute; bottom: 17px; left: 4%; width: 92%; height: 30%; box-shadow: 0 26px 25px rgba(0, 0, 0, 0.7); z-index: 6; } } Html: <div class="block1"></…

   Asked by ultrbi4, November 1, 2012

   0 votes
   1 answer
9. На что стоит обращать внимание начинающему, чтобы выйти на уровень профи в верстке

   Хотелось бы совета от опытных верстальщиков, на что следует начинающим заострять внимание начинающим в процессе верстки, чтобы выйти на уровень профи. Какие темы подробнее рассматривать и т.д. К примеру, я как начинающий не видел ничего плохого в больших количествах id и class, совсем не знал про спрайты и т.п. Хочется узнать подобные темы, на которых стоит заострить внимание, чтобы избегать их в следующих проектах.

   Asked by thebesttraining, August 12, 2013

   0 votes
   2 answers
10. Не подгружаются стили и скрипты

    Есть один сайт. В ff не подгружаются скрипты и стили. Хотя если через исходный код смотреть, пути корректные. Но у меня стоит плагин adblock. Если его выключу то все гуд. С включенным такая проблема появляется. В чем дело?

    Asked by raptor-dm, May 6, 2015

    0 votes
    5 answers
11. Выстраивание элементов в вертикальный ряд.

    Друзья привет! Очень прошу вашей помощи. В общем я совсем новичок. Только прошел основы html по курсу хан академии. Пытаюсь сейчас верстать свой первый сайт по макету псд. И вот столкнулся с проблемой. Просто в отчаянии уже не знаю как решить. Перепробовал все что мог, все что нашел в гугле, пытался и тут поиском искать, вроде бы нашел несколько похожих тем но так и не смог применить решения к своей странице, видимо просто не хватает опыта и не получается правильно УВИДЕТЬ решение проблемы. Суть. Пытаюсь заверстать одностраничный сайт типа визитки или блога. Сайт состоит из 3х вертикальных элементов. Хедер, тело сайта с текстом, и футер. Так вот я в упор не понима…

    Asked by Good-Kid, December 27, 2015

    • div центровка упорядочить
    0 votes
    2 answers
12. Слайдер

    Народ, привет всем! Надо вот такой слайдер замутить, http://take.ms/2Qnih может кто видел похожий плагин?

    Asked by vladmih, August 30, 2016

    0 votes
    1 answer
13. проблемы с кодом

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> sss </title> <style type="text/css"> html { margin: 0; padding: 0; } body { background-image:url('700.jpg'); } #main { background-image:url('fon2.png'); background-repeat:no-repeat; position:absolute; width:1024px; height:100%; background-position:center top; } #title { background-image:url('title.png'); background-repeat:no-repeat; position: absolute; width:100%; height:100%; background-posi…

    Asked by jinjoly, November 15, 2010

    0 votes
    1 answer
14. Скрипт

    Здраствуйте, хотел спросить на каком скрипте лучше реализовать вот такое http://s2.itrash.ru/idb/5a71bd1ad806e5bf41b53a989e132113/oBezymyannyj1.png

    Asked by Mr.Black, April 13, 2011

    0 votes
    3 answers
15. Читалка FB2. Книжный режим чтения

    Добрый день всем) Делаю читалку для формата FB2 (на С++), текст, который отпарсил, перевожу в html. Передо мной встала проблема: не знаю как сделать книжный режим чтения (две страницы на экране). Программно он, видать, не решается. Вот и подумал, может быть можно это сделать, прибегнув к css и html? Т.е. нужно как-то указать, чтобы текст отображался только в двух прямоугольниках на экране. У меня идея такая: создать два фрейма, каждый высотой в высоту экрана, а шириной - в пол экрана. И в них размещать текст. Правда не знаю что делать, когда текст заполнит весь фрейм - ему нужно указать, чтобы заполнял соседний фрейм. А после перелистывания - след. два фрейма. Вот как-то …

    Asked by xmlns, August 17, 2011

    0 votes
    1 answer
16. filter:alpha(opacity) и overflow:hidden

    Добрый день! Появилась досадная проблема. Вот, собственно сам код: HTML: <div class="position"> <div class="vertical"></div> </div> CSS: .position { position:relative; top:20px; left:30px; width:100px; height:30px; background-color:#ccc; filter:alpha(opacity=20); } .vertical { position:absolute; width:0; height:30px; border-left:2px solid #000; top:-15px; left:30px; } Блок vertical выходит за границы position, на котором установлен filter:alpha(opacity=20). Однако установка фильтра скрывает выступающее содержимое, будто на блоке установлен overflow:hidden. Проблема проявляется в IE7. overflow:visible не помогает.

    Asked by Logunoff, February 9, 2012

    0 votes
    0 answers
17. поправить слайдер

    помогите пожалуйста поправить слайдер или понять причину косяка. слайдер без вертикальных разделителей между элементами списка товаров. слайдер с разделителями. разделитель в строке 33 файла index.html как видите, непонятным мне образом, из-за наличия этого разделителя появляется косяк в виде части второй строки элементов списка под первым элементом списка на странице http://h31037.srv5.test-hf.ru/slide_broken/

    Asked by cyklop77, February 15, 2012

    0 votes
    3 answers
18. Кнопки вконтакте, фейсбук, твиттер, google+

    Глупый вопрос, конечно, но именно верстальщики их делают? А то мне кажется с этим уже должны создатели сайта заморачиваться, так как это не верстка все-таки. Попробовал добавить кнопку вконтакте на сайт, пришлось со своего аккаунта проделывать различные манипуляции - API ID прикрепляется к странице вконтакте, то есть если этим будет заниматься верстальшик, все кнопки "мне нравится" будут висеть на нем? Ну и интересно узнать, сложно ли все это проделывается с остальными кнопками.

    Asked by skygazer, February 16, 2012

    0 votes
    2 answers
19. Проблема с кнопкой в Chrome

    Форма отображается нормально везде, но в Хроме элемент button смещается вниз. http://boom-x.su/ (вверху справа поиск)

    Asked by samoa, April 5, 2012

    0 votes
    2 answers
20. Масштабирование Backgrounda

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

    Asked by Inf1n1tI, July 26, 2012

    0 votes
    1 answer
21. Блок коментариев

    Помогите плиз!!!!! Как зделать вот такую засечку в скругленном блоке. Очень нужно!!! http://vk.com/doc124...b50ba86bb9b1e17

    Asked by Ali_99, February 4, 2013

    0 votes
    2 answers
22. Слайдер и innerHTML

    Ребят, привет, очень много трудностей и вопросов. https://jsfiddle.net/4q9ch8j2/ имеется такой код. Нужно при нажатии на кнопку с классом videos чтобы попап блок открывался с слайдером, в котором видео, но почему то не отображается слайдер. еще нужно чтобы при перелистывании на кнопки #baths #bbq и тд, innerhtml менялся у вышеупомянутой кнопки. И еще один вопрос, почему код написан в одну строку, и возможно ли его разбить нормально (очень трудно в таком копаться, код не мой).

    Asked by exoty, March 31, 2018

    0 votes
    0 answers
23. http://htmlbook.ru/practical/blok-s-gradientom

    http://htmlbook.ru/practical/blok-s-gradientom Как отменить прозрачность на вложенных div ? http://cssdeck.com/labs/peroqapj

    Asked by rpmcmerphy, November 1, 2013

    0 votes
    6 answers
24. Проблема с background часть 2)

    После того как решил данную проблему http://htmlforum.ru/index.php?showtopic=46671&hl= у меньшение маин дива появилась другая скрин как сделать что бы курсоры слайдера были на своих местах?сайт и всё остальное в прошлой теме.

    Asked by denisok, November 20, 2013

    0 votes
    2 answers
25. Лишние пикселя

    Всем доброго времени суток!При верстке сайта наткнулся на одну проблему,которую никак не могу решить,собственно говоря,поэтому и обратился к вам! Вот сайт - сайт В меню главных разделов :"Художники" Фоновая картинка имеет высоту в 72 пикселя,но тег <li> упорно почему-то ставит высоту 75 пикселей,что мешает ровно отцентрировать сам список,итог:"Откуда появляются эти три лишние пикселя?" Прошу прощения,вопрос исчерпан Решение: Применить к изображению vertical-align:bottom;

    Asked by Xolodeec, March 22, 2014

    0 votes
    0 answers