HTML Coding

29,542 questions in this forum

1. как задать расположение элемента внутри блока

   Нужно расположить Звездочки рейтинга внизу поцентру внутри блока. Я только начинаю разбираться. Не судите строго пжл. Делаю всё в wordpresse. Можно ли присвоить css класс звездочкам и присвоить css класс блокам и потом в редакторе css сделать такое правило звездочки распологаются внутри, снизу, поцентру блоков. Если да то какой командой? нашел решение .zvezda { position:absolute; top:100%; left:50%; transform: translate(-50%, -50%);

   Asked by vasily333, March 21, 2019

   • css
   • html
   0 votes
   1 answer
2. Как интегрировать шапку, сайдбары и футер из одного источника?

   Добрый день, Уважаемое Сообщество.Недавно начал изучать вёрстку и уже пересмотрел не малое кол-во видео уроков и прошёл некоторое кол-во интерактивных обучалок, но до сих пор ни разу не увидел руководства по сабжу.Суть вопроса: есть сайт с большим кол-вом страничек. Контент на данных страничках меняется только в блоке <main>, сайдбары, футер и шапка же остаются неизменны. Выходит, что в случае, если мне нужно в навигации добавить новую кнопку, мне это придется делать на каждой страничке поочередно, коих может быть не одна сотня.Подскажите, пожалуйста, коим образом можно интегрировать блоки (сайдбары, футер, шапка) на все странички из одного источника, что бы любые м…

   Asked by KPOHHOC, April 23, 2020

   0 votes
   4 answers
3. IE и colspan поганят таблицу(-ы)

   Возможно кто-нибудь уже сталкивался с этой проблемой: В Mozill'e таблица (с colspan'ами, в которых также вложенные таблицы) отображается так: А в IE (я использую 8-ю версию) так: Никак не могу решить эту проблему, что только не пытался, и absolute и layout, ничего не помогло. Код примера: <style> html, body, table, div { font-family: Arial; font-size:12px; color:#060606; margin:0px; } table { border-spacing:0px; border-collapse:collapse; } td{ padding:0px; } .red_td{ border-collapse: collapse; border:1px solid black; border-bottom:0px; background:#dd1a1a; font-size:9px; width:100px; } .orange_td{ border-collapse: collapse; border:1px solid black; …

   Asked by SkiF, June 24, 2010

   0 votes
   2 answers
4. Проблема с подчеркиванием ссылок

   Проблема решена. Прописал дополнительно линкам a:visited и благополучно про него забыл. Перекопал интернет, потратил пол дня... удивлялся, почему же не срабатывает class. Видимо заработался Удалить пост самостоятельно не получается.

   Asked by partiz, June 24, 2010

   0 votes
   0 answers
5. Не работает виджет в блоге

   Виджет последних тем в блоге имеет такой код: <span style="font-family:georgia;"><span style="font-size:105%;"><script type="text/javascript"> //<![CDATA[ function showrecentcomments(json) { var numcomments = 5; var showcommentdate = true; var showposttitle = false; var numchars = 130; for (var i = 0; i < numcomments; i++) { var entry = json.feed.entry[i]; var alturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } alturl = alturl.replace("#", "#comment-"); var postlink = alturl.split("#"); p…

   Asked by virgin, August 22, 2010

   0 votes
   0 answers
6. Шаблон для Joomla, как убрать сдвиг центральной коллонки?

   Добрый деньё С ХТМЛ и ЦСС работаю совсем недавно. При написании шаблона под Joomla возник вопрос: Есть 3 основных блока - 2 по бокам фиксированные и один по центру с контентом гуляет по вертикали. Как сделать чтобы центральный блок, при уменьшении ширины браузера, не заезжал под левый блок и не оставалось пустое место справа? Или как заставить все блоки прокручиваться по горизонтали, при уменьшении ширины браузера? сам шаблон: http://fav-art.com/FAVart.template/ П.С.: подробное описание того что хочу получить: http://joomlaforum.ru/index.php/topic,141983.new.html#new или http://joomla.org.ua/forum/topic?id=920 Заранее всем откликнувшимчся чрезвычайно благодарен кот: &l…

   Asked by puller12, January 6, 2011

   0 votes
   0 answers
7. Помогите, пожалуйста, понять неправильное поведение в IE7

   Проблема в том, что блок "navigation" прячется под блок "content" даже не смотря на заданный ему z-index! Почему так происходит и как это обойти? проблема замечена в IE7 и ниже, заранее, спасибо! <!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" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> .header { position: relative; b…

   Asked by vikusik, July 3, 2011

   0 votes
   3 answers
8. Наследование свойств border

   <style> div { border: 1px solid; } div.pt { border: dotted green; } </style> <div>1 1 1 1</div> <div class="pt">2 2 2 2</div> Почему 1) <div class="pt"> выводит рамку аж трёхпиксельными точками, а не наследует из селектора для div? 2) Если убрать dotted в div.pt { border: dotted green; }, то рамка у второго div-а пропадает? В http://htmlbook.ru/css/border написано border: [border-width || border-style || border-color], т.е. все атрибуты указывать не надо.

   Asked by staff-base, July 23, 2011

   0 votes
   2 answers
9. float:left — выталкивание нижестоящего контейнера

   Приветствую, односельчане Прошу о небольшой помощи по верстке — буду очень признателен вам за советы. Поставил фотогалерею NextGEN на этот сайт. И заметил, что фотографии странно себя ведут: Привожу html-код левой верхней фотографии (см. скриншот выше) <div class="ngg-gallery-thumbnail-box" id="ngg-image-26"> <div class="ngg-gallery-thumbnail"> <a rel="lightbox[set_4]" title="Применение сигнализаторов загазованности RGD" href="http://seitron.ru/wp-content/gallery/objects/obj1.jpg" class="cboxElement"> <img width="250" height="188" src="http://seitron.ru/wp-content/gallery/objects/thumbs/thumbs_obj1.jpg" alt=" " title=" "> </a> &l…

   Asked by dreamcutter, October 26, 2011

   0 votes
   9 answers
10. Не растягивается по высоте

    Ребята проблемы с высотой. Верстка. Что можете подсказать.. Я похоже запутался с height и min-height html, body {height:100%; width:100%;} ... #wrapper { width:100%; margin:0 auto; min-height:100%; height:auto; } ... #content { width:1000px; margin:0 auto; min-height:100%; height:auto; } #main-post-content{ float:left; min-height:100%; height:auto; width:680px; margin-top:25px; } #main-right-sidebar{ float:right; min-height:100%; height:auto; width:280px; margin-top:25px; } ... Что то походу не так пошло, текст пробивает футер, и футер не опускается вниз по мере увеличения текста на странице.

    Asked by WebMasterOleg, November 28, 2011

    0 votes
    1 answer
11. отсечь на средней колонке кусочек сверху

    страница бьется на 3 колонки, у средней колонки есть желание отщипнуть сверху кусочек для другого стиля кусочек упорно жмется к левому краю, а нужно наверху средней колонки в чем может быть дело? #header{ position:fixed; width:60%; height:80px; top:0; left:20%; border-width: 1px; border-style: dotted; border-color: red; background:blue; } в макетах ничего не нашла

    Asked by ыра, December 1, 2011

    0 votes
    1 answer
12. Чем закрыть класс?

    del

    Asked by PREDATORik, July 18, 2012

    0 votes
    3 answers
13. Моя не внимательность

    del

    Asked by Ergonav, July 31, 2012

    0 votes
    3 answers
14. JS для начинающего

    Возможно такой вопрос уже и был, но время не стоит на месте, поэтому задам свой, чтоб уж наверняка) С чего начинать учить JavaScript? Слышал сейчас про CoffeScript, тот же jQuary, что-это и с чего начинать) может знаете какие ресурсы похожие на этот только по скриптам

    Asked by FEL, November 4, 2012

    0 votes
    5 answers
15. Как правильно задать margin в процентах

    Здравствуйте. Подскажите, как правильно сделать отступ сверху в процентах? http://fotki.yandex.ru/users/shurik330330/622016/?page=0 На скриншоте пример. Красную линию я выровнял с помощью margin-top:50%; Но на 50% это не похоже. Разрешение монитора 50%. Если можно, то ссылки на мануал. Заранее спасибо.

    Asked by shurik330, November 16, 2012

    0 votes
    4 answers
16. Двойная тень <IMG>

    Подскажите пожалуйста, хочу сделать тень картинки с изгибом концов, Ничего не получается, если за место img поставлю div, то получается тень, вот код: .boxBlock { /*width: auto; height: auto;*/ /*min-width:100px; min-height:60px;*/ background:#FFF; margin:10px; padding: 0px; position: relative; } .effect2 { position: relative; } .effect2:before, .effect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transfor…

    Asked by darlov, January 11, 2013

    0 votes
    4 answers
17. Кодировка

    Простой index.php. Заливаю на сайт - кракозябры. Домен пустой, конфликтовать не с чем. Остальные сайты у этого хостера в кракозябрах замечены не были. В тегах: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Файл и через блокнот сохраняла, и через дримвивер (с контролем выставленной при сохранении кодировки). Один фиг - кракозябры. Помогите, пж, что тут еще может быть? =( p.s. Кеш браузера чистила

    Asked by brussnika, January 22, 2013

    0 votes
    4 answers
18. Выравнивание строк таблицы по высоте

    Всем привет! Есть ли какое решение проблемы по выравниванию высоты строк в таблице, для браузеров хром и опера. Внизу на картинке 1 табличка из IE, там работает автовыравнивание, а 2-я из хрома, там нижняя строка со значениями растянута по высоте. А хочется что бы во всех браузерах было как в IE и мазиле.

    Asked by fiver, May 20, 2013

    0 votes
    2 answers
19. проблема iepngfix

    Не понимаю почему не подключается данный скрипт . Если конкретнее: все делаю по инструкции: в <head> засунул конструкцию: <!--[if lte IE 6]> <link href="/css/ie6.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="/iepngfix_tilebg.js"></script> <![endif]--> в самом ie6.css для элемента, в котором нужно включить прозраность бэкграунда PNG под IE6 прописал: #pod_content_listy_top { behavior: url(../iepngfix.htc);}в основном файле стилей template.css для этого элемента прописано #pod_content_listy_top{ background:url('../images/content_top_listy.png') left top no-repeat; }Но, блин, не работает.. Пути пе…

    Asked by toman, January 14, 2014

    0 votes
    6 answers
20. Выравнивание элемента под изображением

    Есть двухколоночный макет, есть DLE, есть статья с изображением и категория к которой она принадлежит. Не могу разобраться как категорию прижать к концу статьи (место обозначил зелёным). <span class=catclear><small class=categoryfullstory>Категория:</small> {link-category}</span>span.catclear { clear:both; font-family:Courier New; } И почему, когда у категории вместо <span class=catclear> стоит <div class=catclear>, то категория сползает вниз.

    Asked by Delat, February 27, 2014

    • clear
    0 votes
    5 answers
21. Наложение картинки на блок

    Каждый товар на сайте разбит по блокам (сам сайт создавался в конструкторе), но блоки - это html код. http://ga1000.casio55.com/ Нужно наложить на угол каждого блока след картинку При накладывании, смотрел по этой теме (http://htmlforum.ru/index.php?showtopic=22581). Наложить удалось, но стал неактивен слайдер изображений на этом блоке. Вот код самого блока: <div class="hvr"><div style="text-align:center;font-family: 'Trebuchet MS'; font-size: 16px; padding: 7px"><a style="color:#cc0000; text-decoration:none"><b>Casio </a><a style=";color:#000000; text-decoration:none; font-size: 16px">GW-A1000-1AER</a></b></div&gt…

    Asked by tarasishhe, March 13, 2014

    0 votes
    1 answer
22. Как поставить на сайт виджет группы вконтате

    Привет) Можно ли на статический сайт поставить виджет от групп в контакте или комментарии? Используя например джава скрипты может php? У кого есть опыт прошу помощи

    Asked by Maksim#^&, May 27, 2014

    • div
    • html
    • body
    0 votes
    2 answers
23. Всплывающее окно / Позиционирование

    День добрый Проблема с всплывающим окном, скрипт и стили писал не я, были взяты с сайта скрипта, отцентровал в стилях под сайт, чтобы тенью закрывало только страницу, потом взглянул на другом мониторе, там перекос, собственно если менять окно браузера в ширину и высоту, то фрейм с тенью также меняют свое месторасположения, можно ли как-то устаканить фрейм стоять на одном месте, в мой случае в пределах страницы? Страница сайта со скриптом, при нажатии на участника со стрелкой открывается описание http://artframeexpo.ru/?page_id=90 Код скрипта: // Defining our jQuery plugin$.fn.paulund_modal_box = function(prop){// Default parametersvar options = $.extend({height : …

    Asked by pleymo, May 30, 2014

    0 votes
    1 answer
24. Верстка каталога

    Не получается создать каталог элементов. Сверстал каталог для магазина со следующими характеристиками: 1. На DIV 2. Гибкие 3. 3 элемента в строке 4. Первый элемент (DIV) прижат к левой стороне родительского блока 5. Второй элемент (DIV) посередине 6. Третий элемент (DIV) прижат к правой стороне родительского блока 7. Элементов может быть сколько угодно много по 3 в строке Как правильно было бы реализовать данную задачу? Мои попытки: HTML <div id="product-list"> <h2 class="title">Заголовок</h2> <div class="product-item"> <div class="product-wrapper"> <div class="photo"> …

    Asked by Rozmarin, September 5, 2014

    0 votes
    0 answers
25. Цвет текста при наведении в меню

    Имеется вертикальное меню http://balkon-dekor.ru при наведении на не активный пункт, должен стать коричневым фоном и цвет текста белым. Это работает, если мышку поместить в центр, если взять чуть выше или ниже, то фон будет коричневым, а цвет текста не изменяется. Как можно решить проблему?

    Asked by RK3DNP, October 6, 2014

    0 votes
    2 answers