HTML Coding

29,542 questions in this forum

1. Прижать футер

   http://pomidor.com.ua/seemax/Imageneer/HTML/Imageneer.html Все вроде бы по правилам: Вышележащ блок min-height:100% и margun-top:-высота футера. А футер не прижат, т как .container не занимает 100% высоты. В чем проблема может быть?

   Asked by seemax, June 25, 2012

   0 votes
   5 answers
2. 2 бордера или как иначе?

   Доброго времени суток. Возникла такая проблема: <div class="block"> <h2>Заголовок</h2> <p>текст абзаца 1</p> <p>текст абзаца 2</p> </div> <style> .block{ width:200px; } .block h2{ border-bottom: 1px black; } </style> мне нужно что бы тег "p" разделялся между собой белой полоской, кроме того все теги "p" должны находиться в одной единой рамке. <style> .block p{ border: 1px white; } </style> не катит, поскольку между тегами рамка получается 2px. весь <div class="block"></div> в рамку тоже не могу взять, по сколько заголовок <h2>Заголовок</h2> попадает в эту рамку. Пробл…

   Asked by RandyHot, December 10, 2012

   0 votes
   4 answers
3. Помогите подключить шрифт

   Не получается подключить шрифт в css. Шрифт в формате ttf. Пробовал и otf - все равно без эффекта. HTML <span class="title-font">Services</span> CSS .title-font { font-size: 22px; font-family: url(../font/officina.ttf); } Cufon не предлагать. Нужно подключить шрифт именно так. Еще я думал о google fonts, но используемый шрифт оказался платным, так что этот вариант исключается.

   Asked by Feel, March 22, 2013

   0 votes
   1 answer
4. Резиновое меню не очень резиновое

   Здравствуйте. Окажите помощь, пожалуйста, начинающему верстальщику в разработке резинового меню. <nav id="top"> <ul id="menu"> <li class="main"><a href="#">Главная</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Услуги</a> <ul class="drop"> <li><a href="#">Service 1</a></li> <li><a href="#">Service 2</a></li> <li><a href="#">Service 3</a></li> <li><a href="#">Service 4</a></li> </ul> </li> <li><a href="#">Каталог</a></li> <li>&…

   Asked by caramel_stain, April 10, 2013

   • меню резиновое
   0 votes
   2 answers
5. Порекомендуйте видеоурок

   Доброго времени суток. Порекомендуйте пожалуйста курс видеоуроков как сверстать сайт из шаблона фш. Давно просматривал один курс по-моему Евгения Попова, показывали как нарисовать шаблон как сверстать его и как установить на хостинг, тематика была что то про путешествия. Если кто знает или помнит такой дайте пожалуйста ссылку. Еще инфа: кажется сайт назывался Choose Travel

   Asked by Amalkurbanbaev, October 20, 2013

   0 votes
   2 answers
6. Как уберечь сайт от копирайта(постер)

   Я создал постер,нарисовал с нуля,других подобных в мире нету я уверен на 100%,но вот вчера задумался,а что если какойто другой сайт,более старый и популярный сопрет его?Как мне доказать что он мой и как заставить вора снять мой постер с его сайта?

   Asked by pudge, November 16, 2013

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

   Помогите пожалуйста. Я новичек. И мне нужно, чтобы данный код брался из одного файла на разные страницы сайта, чтобы я потом мог его редактировать только в одном месте. Как это вообще реализовать подскажите. Большое спасибо заранее. <!-- _________________________ Start Middle Bottom _________________________ --> <div id="middle_bottom"> <div id="test-widget" class="widget"> <script src="js/jquery.cycle.all.latest.js" type="text/javascript"></script> <script type="text/javascript">$('#test-widget ul').cycle({ fx: 'scrollUp', speed: 500, timeout: 15000, next: '#next_test', prev: '#prev_test', random: true, randomMap: true…

   Asked by drmodjo, October 26, 2014

   • верстка
   0 votes
   4 answers
8. mp3-player

   Загрузил на сервер плеер(swf), проверил - на месте, вышел на страничку (http://cupoma58.tf9.ru/shkatulka.html) - ничего нет. Попытка выйти на плеер через поисковик - ошибка 403. В чём дело ?

   Asked by cupoma58, November 16, 2014

   0 votes
   6 answers
9. Отступ...

   Помогите пожалуйста! Вот ссылка на страницу. Там между слайд-шоу и текстом большой пробел и снизу отступ. Ничего понять не могу. Как убрать эти пробелы? Вот html: <!--Это слайдер--><!--We will make a slider with stylized thumbnails using CSS3The markup is very simple:Radio InputsLabels with thumbnails to detect click eventMain Image--><div class="slider"><input id="id1" name="slide_switch" type="radio" /> <label for="id1"> <img src="/karikaturi/images.jpg" style="position: absolute; left: 0px; top: 0px; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; transform: scale(1.1); line-height: 20.7999992370605px;" /><img src…

   Asked by Mestniy96, April 25, 2015

   0 votes
   3 answers
10. Помогите с шапкой сайта в мобильных браузерах

    Пишу простенький сайтик, для себя my-steam.ru Во всех браузерах сайт отображается нормально, но на телефоне шапка сайта улетает влево, хотя само тело сайта отображается везде одинаково. Помогите найти ошибку в верстке шапки?

    Asked by makklovskiy, May 22, 2015

    0 votes
    4 answers
11. inline-block гуляют по вертикали

    http://jsfiddle.net/72ywx036/ Собственно вот. Очевидно, что из-за количества строк внутри позиция по вертикали начинает волшебным образом гулять. Как такое лечится?

    Asked by Veseloff, June 25, 2015

    0 votes
    3 answers
12. Разные картинки

    Хотелось бы, чтобы картинки были одинаковыми, или хотя бы аккуратно выровненными. http://medialife24.com/category/news/ Какие есть решения?

    Asked by yaparoff, March 30, 2016

    0 votes
    2 answers
13. Как изменить стиль соседним элементам?

    Задача такая: есть слайдер. если включен первый слайд (первый блок owl-page с классом active), тогда все другие owl-page сделать одним цветом. Т.е. стили только для тех элементов которые идут после первого активного, так как если слайдер поменяется, то цвет изменится.

    Asked by nikki4, July 27, 2017

    0 votes
    1 answer
14. Зачем нужны meta теги?

    Я вообще не вдупляю что такое мета, и что делают атрибуты. Пожалуйста объясните тупому.

    Asked by azbyka, August 3, 2021

    0 votes
    1 answer
15. создание архива и отдельной ссылки на пост

    1) можно ли каким либо способом переносить темы в архив 2) хотелось бы сверху на гостевой по правой стороне сделать ссылку на новый пост или перенести туда старый, при открытии была бы одна какая либо тема и постоянно ее обновлять заранее спасип

    Asked by sviatoslav, April 15, 2009

    0 votes
    4 answers
16. Либо я туплю либо ИЕ ;)

    <!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=windows-1251" /> <title>test</title> <style type="text/css"> body {padding: 0; margin: 0; border: none; border: 0;} .test {width:100%; height: 11px; background: red; text-align: center;} </style> </head> <body> <div class="test"></div> </body> </html> вроде бы простой не замысловатый код.. но в ИЕ6 устонавливается двойная высота %) мож я чё пропустил, или де лишнее …

    Asked by Nekromancer, May 2, 2009

    0 votes
    2 answers
17. ПОМОГИТЕ ПЛИЗ

    Как размещать текст и каптинки по странице(чтобы к примеру одна картинка была слева вверху, а другая справа внизу, а не подряд)?

    Asked by Spandr, November 10, 2009

    0 votes
    2 answers
18. Проблема со ссылками

    Добрый день, уважаемые. Помогите разобраться, пол дня бьюсь. Имеется div внутри которого картинки-ссылки. Картинки и ссылки берутся из php. Вот примерный код: <div id="colleft"> <a href=" "><img src=" " /></a> </div> Стили для блока заданы следующие: div#colleft { position: ralative; float: left; top: 0px; left: 0px; width: 120px; height: 635px; padding-right: 20px; padding-top: 0px; border-right: 1px solid #878787; } #colleft img { width: 50px; padding: 5px; } Почему-то Firefox и Google Chrome эти ссылки не видит. В опере и експлорере все ок. Если убрать стили, то ссылки работают. Во всех остальных местах с подобным кодом все ок. Только в од…

    Asked by avira, February 3, 2011

    0 votes
    5 answers
19. box-shadow проблемы в Опере

    Добрый вечер. Суть проблемы, у меня есть div шириной 100%, снизу нужно сделать тень, в CSS дописал «box-shadow: 0 1px 5px #000000;» тень появилась, во всех браузерах все прекрасно работает, а в опере появилась горизонтальная полоса прокрутки. И справа немного видно тень. Прошу вашей помощи. Спасибо. html <!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=utf-8" /> <title>Документ без названия</title> <link type="text/css" rel="stylesheet" hr…

    Asked by DiMMK4, July 25, 2011

    0 votes
    2 answers
20. Объясните на пальцах про позиционирование

    Здравствуйте. Зачитал до дыр про позиционирование, но все-равно туплю. Вот у меня код: <div id = "found"> <div id = "Left"> <div> <div id = "Right"> <div id = "Right_l"> <div> <div id = "Right_r"> <div> <div> <div> CSS: #found { height:600px; width:800px; } #Left{ width:250px; display:block; position:relative; } #Right{ width:550px; display:block; position:relative; float:left; } Надо, чтобы было так : [блок Left] [блок Right_l] [блок Right_r] То есть блок Right содержит в себе еще два блока, которые позиционируются В НЕМ. Не могу понять как это сделать... Получается сейчас…

    Asked by zhuravlik, January 10, 2012

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

    есть выпадающий список вида: <div class="txt2"> <table><tr> <td> <div class="side_rub"> <div class="entry"> <a class="plus" href="#" onclick="return switchRub(this,'rub1')"></a> <a href="/doc/pidr/BPD01.html" class="lst1">Безпека життєдіяльності та охорона праці</a> </div> <div class="rub_child" id="rub1"> <a href="/doc/pidr/BPD11111.html" class="i">Безпека життєдіяльності та підтримання психосоматичного здоров’я молоді</a> </div> <div class="entry"> …

    Asked by chest, July 25, 2012

    0 votes
    0 answers
22. Прыгающие кнопки

    Ребят, выручайте. Вот простейший пример: <!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" xml:lang="en" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="language" content="ru" /> <title>test</title> <style> input[type="submit"] { width: 300px; height: 60px; border: 1px solid black; margin: 0 auto; } </style> </head> <body> <div style="background-color:#eee; width:650px; text-align: center;"> <input type="submit" …

    Asked by fr1ar, August 7, 2012

    0 votes
    3 answers
23. Макет n-torrents

    Мне всегда нравился дизайн сайта n-torrents, к моему удивлению даже макет его есть. У меня есть проблемка с фонами. Вот я отключил кое какие ненужные слои чтобы разобратся с фоном и что я увидел: http://s020.radikal.ru/i719/1406/bc/769155fab3ac.png много фонов, сверху есть яркая полоска которая репитится по оси x, ее можно и градиентом сделать,но я решил задать background, укзал цвет зеленный для всего блока див и прописал путь к картинки и репител по всей длине x вот исходный код: http://jsfiddle.net/QbLH2/ если посмотреть еще, там еще есть фоны, снизу полоска темная, в центре линии, по какой технике это все лучше осуществить? могу через множественные фоны css3, но тогда…

    Asked by WEB-best, June 5, 2014

    0 votes
    4 answers
24. Подскажите по синтаксису ссылки-картинки и js

    Помогите пожалуйста правильно написать... <div id="mark"><a href="#" onclick="return addFavorite(this);"<br /><br />в закладки</a></div> вот так все работает <div id="mark"><img src="/images/icons/star.png"><a href="#" onclick="return addFavorite(this);"<br /><br />в закладки</a></img></div> вот так картинка отображается но ссылкой не становится.... подозреваю ошибка какая-то простая...Как сделать чтобы картинка ссылка выдавала это событие? спасибо

    Asked by planetaryi, June 6, 2014

    0 votes
    2 answers
25. Как решить проблему с z-index?

    Доброго времени суток! Попробую сформулировать вопрос. Есть меню, при наведении на пункты появляется выпадающее меню. Проблема в том, что меню выпадает при изменении координаты top и свойства transition и является дочерним элементом меню главного, поэтому получается перекрывание и z-index не помогает (здесь эта проблема подробно описана). Как решить такую задачу? Пример

    Asked by web-monster, February 22, 2015

    • css
    0 votes
    1 answer