HTML Coding

29,542 questions in this forum

1. Проблема верстки

   Здравствуйте. Подскажите дилетанту. На главной в мозиле товары выехали за блок вправо. В хроме в опере все гуд. Вот ссылка http://zakup96.ru

   Asked by eralef, May 31, 2013

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

   Доброго времени суток, сделал верстку, блочная, с разделением центра на левую и правую часть, с прижатым к низу футером. Но есть одна проблема, центральные левый и правый блок никак не получается растянуть на все свободное пространство, т.к. контейнеру, в котором он находится присвоено: min-height: 100%;height: auto !important;height: 100%;Cделано чтобы прижать футер к низу страницы c с использованием доп блока : <div class="footer-push"></div>Нужно придумать какое-то решение, желательно кроссбраузерное и без использования таблиц, чтобы как-то прижать левый и правый блок к низу. Вот верстка: http://jsfiddle.net/KfWLM/1/ Скриншот страницы:

   Asked by Kenshi24, February 26, 2014

   0 votes
   1 answer
3. Проблема верстки

   Верстаю вот это - http://www.testx.bl.ee/ блоки О компании и Новинки каталога товаров должны открываться и закрываться при клике на стрелочку. Реализовал как смог, только не могу делать так, что бы при закрытии поменялась иконка и стрелочка была вниз. Еще буду рад критике, правда страница еще не закончена, картинки надо засунуть в спрайт, а то слишком много их. Да и фиксированная высота у контента пускай не пугает, это добавил что бы удобнее было просматривать страницу при верстке, потом уберу. Да и вебфонтс не подключил еще)) Мне кажется слишком много css кода у меня, с виду страница не сложная, простая, а кода дофига выходит..

   Asked by CroaToa, May 15, 2014

   0 votes
   9 answers
4. Проблема верстки

   Есть сайт - mistik.me, у меня на фуллхд мониторе все ок, но когда уменьшить размер окна браузера, то справа есть пустая полоска. Что и где я сделал не так? Также, если открыть сайт на телефоне, то все фоны едут на половину влево. В чем проблема? Спасибо

   Asked by n0_th1nk, May 21, 2014

   • backgrount
   • mobile
   • css
   0 votes
   3 answers
5. Проблема верстки

   Такая проблема. Есть 4 картинки. Они должны быть позиционированы по центру, возле первой картинки слева есть текст, возле второй картинки текст справа. возле третей текст слева, возле четвертой справа. Я уже замучался, не могу понять как это сделать....Буду рад помощи. :0074:

   Asked by XopicT, October 6, 2017

   0 votes
   16 answers
6. Проблема вёрстки

   https://jsfiddle.net/8tybdkz0/ Я только начал верстать, в общем всегда справа остаётся место, хз как убрать.

   Asked by DarkHill, July 27, 2020

   0 votes
   1 answer
7. проблема верстки (clear) ведет учет внешних блоков почему?

   вот собственно и код проблема состоит в том что вложенный блок в div2 растягивается и-за того что в него вложен блок с clear:both; и блок с clear в свою очередь учитывает внешний правый блок с float:left; это что ? можно избавится от этого?

   Asked by ivel, April 13, 2013

   0 votes
   2 answers
8. проблема верстки div

   интегрирую дизайн, заказчик предоставил макет в html сверстанный дивами проблема в том что описание залазит под картинки hххp://modxdemoshop.com/fototorty/fototort-tachki-ss.html известные, боз не действует... помогите плз

   Asked by SKM, June 3, 2011

   0 votes
   5 answers
9. Проблема верстки DIV

   Все дивы находятся в одном диве с шириной, чтоб не убегали. Меню слева, подвижное, верх\низ.Проблема в следующем, когда кликаю меню, оно двигается и появляется задний фон страницы.(между главным контентом и подвалом, или между меню и повалом) Для дива в котором все эти дивы, поставил задний цвет белый, в опере работает, в остальных браузерах нет. Что делать?

   Asked by deadmopozzz, July 24, 2011

   0 votes
   4 answers
10. Проблема верстки header'a

    Привет всем! У меня очередная проблема. Сразу хочу сказать, что я не профи, но в html и css разбираюсь. Однако суть в следующем. Мне нужно создать макет, как показано на картинке. Но у меня выходит просто какая-то ерунда. Эту ерунду можно посмотреть по этой ссылке http://testshop.mcdir.ru/. Не могу понять, что я делаю не так. Header уменя весь расползается. Помогите решить эту задачу. Вполне возможно (а я почему-то в этом уверен), что проблема с позиционированием. Исходный код прилагаю. index.html: <!DOCTYPE html><html><head><title>interior</title><link href="style.css" rel="stylesheet" /><meta charset="utf-8" /></head…

    Asked by sayapinant, June 1, 2014

    • верстка
    • сайт
    • header
    • div
    0 votes
    4 answers
11. проблема верстки в Safari

    Здравствуйте. Столкнулась с проблемой верстки в Safary - сжимается текст в блоке. В опере, фф, ие, хроме все отображается корректно(скрин хрома): А вот так все выглядит в сафари: html для новости: <div class="content-item"> <div class="item-image"><a href="#"><img src="images/pic/items1.jpg" border="0" /></a></div> <div class="item-text"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel mi vitae lectus mattis facilisis. </p> </div> <div class="item-more"><a href="#">Читать далее... →</a></div> </div> css для новости: .content-item {padding-bottom…

    Asked by milledi, July 11, 2012

    0 votes
    4 answers
12. Проблема верстки для Mozila

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Баг в Mozila</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style> #a{ width:300px; height: 210px; outline: 1px solid #0f0; } #b{ width: 150px; height: 200px; outline: 1px solid #f00; position: relative; margin-bottom: 40px; float: right; } #c{ width: 50px; height: 20px; outline: 1px dashed #00f; position: absolute; top: -10px; right: -9px; } </style> </head> <body> <br /> <div id="a"> <div id="b"> <div id…

    Asked by Zzz_, March 24, 2012

    0 votes
    1 answer
13. Проблема верстки для мобильного браузера.

    суть вот в чем. На десктопе во всех браузерах смотрится прекрасно, т.к. и задумано, а вот на мобильном есть проблема: 1. логотип прижимается к левому краю 2. Полоса справа имеет ширину не в % (в момент загрузки кажется что все нормально, но если уменьшить до нужных размеров видна проблема. не подскажете как решить? body{ background: url('../images/bg.png'); margin:0; }header { width:100%; height: 40px; background: #444444; -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6);}.header{ background: url('../images/logo.jpg') no-repeat left; width: 1040px; height: …

    Asked by To_wave, December 23, 2013

    0 votes
    3 answers
14. Проблема верстки меню.

    Добрый день, коллеги! Прошу помощи в решении проблемы с версткой меню. В представленном архиве можно посмотреть суть проблемы (там исходники страницы с изображениями). Есть 2 элемента: двухуровневое меню и "карусель" изображений. Почему-то "карусель" находится всегда выше всплывающего пункта меню второго уровня. Уже долго бьюсь. Все перепробовал. И position менять и z-index и тд. Ничего не помогает. Проблему локализовал: у стиля .main-hot свойство position:relative; всё портит. Как мне модифицировать код, чтобы все заработало? Желательно, чтобы была кроссбраузерность. Спасибо за помощь.

    Asked by ShurikEv, May 17, 2011

    0 votes
    8 answers
15. Проблема вёрстки под iPad

    Сверстал сайт - http://appstore73.ru/ Хром, Ие, Файрфокс, Опера - всё норм, но под айпедом следующая картина Всё перепробовал, исправить не могу. В чём может быть проблема? Таблица стилей - http://appstore73.ru/css/style.css и резет - http://appstore73.ru/css/reset.css Читал, что ширина страницы не должна превышать 1000px, пробовал уменьшить до 999px - уже лучше, но справа всё равно отступ есть.

    Asked by denisyok, December 9, 2012

    0 votes
    2 answers
16. Проблема верстки под мобильные устройства

    Всем добрый день. Проблема с версткой под мобильные устройства, не знаю даже что делать. Есть сайт http://pantelemone.ru/или его каталог http://pantelemone.ru/catalog/ Это интернет-магазин. Проблема в некоторых элементах. В частности это логотип и слоган над ним. На мобильных устройствах он никоим образом не сжимается под эти самые мобильные устройства. Шаблон изначально брался с этого сайта http://demo.ace-group.ru/carroshop/, но потом претерпел изменения. Сейчас уже не получится найти концы, да и не факт, что адаптация была до этого. Подскажите пожалуйста, что тут можно было бы придумать? Особенно по средствам CSS.

    Asked by TRIGUN, December 6, 2015

    0 votes
    2 answers
17. Проблема верстки пропадает после перезагрузки страницы

    Недавно обновил свой сайт idefinland.com (новый дизайн), но появилась проблем с навигацией. Она "выпадает" со своего места в Хроме и в Сафари. После перезагрузки страницы или просто на других страницах сайта меню само "возвращается" на место. Во всех остальных браузерах сайт работает отлично, проблема не наблюдалась. Подскажите, пожалуйста, в чем может быть дело. Что уже только не пробовал.

    Asked by unquaker, January 17, 2012

    0 votes
    6 answers
18. Проблема вёрстки резинового меню

    Всем доброго времени суток! Решил попробовать сверстать дизайн, но появилась небольшая проблема при вёрстке меню. Меню у меня горизонтальное, шириной 70%. Для его центрирования сделал отступ слева 15%. Меню справа и слева по задумке должно иметь скругленные края, весь фон формата png для сохранения прозрачности. Следовательно фон должен состоять из 3 частей: фон общий, фон справа и фон слева. вот html код: <div id="menu_main"> <div id="menu"></div> <div id="menu-l"></div> <div id="menu-r"></div> </div> css: #menu_main{ float:left; margin-top: 75px; margin-left: 15%; width: 70%; height: 58px; min-width: 700px…

    Asked by Kostyan, June 11, 2010

    0 votes
    7 answers
19. Проблема вёрстки резинового сайта под HTML5

    С уменьшением ширины "резиновой" страницы построеной на HTML5 я сделал так, что у меня пропорционально уменьшается и высота header-а (т.е. "шапки"). Вопрос в следующем: почему с уменьшением высоты header-а не подымается выше content и sidebar? Я в стилях контента и сайдбара прописал: position: relative; но это ничего не меняет. ссылка на мою страницу: http://depositfiles.com/files/ykgvugjnk это я переделывал под себя шаблон из: http://habrahabr.ru/post/119127/

    Asked by arthur1974, May 16, 2012

    0 votes
    1 answer
20. Проблема верстки с div в IE

    На данный момент есть не сколько вопросов. 1. При верстке сайта использовал такой div <!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> {headers} <style type="text/css" media="all">@import url({THEME}/css/style.css);</style> <style type="text/css" media="all">@import url({THEME}/css/engine.css);</style> <script type="text/javascript" src="/engine/classes/tagcloud/swfobject.js"></script> <script language="javascript" type="text/javascript" src="{THEME}/js/dtrotator.js"></script> </…

    Asked by papay, October 6, 2010

    0 votes
    24 answers
21. Проблема верстки с fixed div

    Необходимо, чтобы реагировал на клик сначала внутренний блок (CONTENT), а далее уже родительский (FIXED) Как это можно реализовать? Ссылка https://jsfiddle.net/ux7gknhk/1/

    Asked by reeffdasfsda, June 25, 2017

    • css
    • html
    • fixed
    0 votes
    2 answers
22. проблема верстки со слоями

    проблемка.... есть меню.... сверха меню помещаю лого сайта... пункты меню становятся неактивными... т.е. как буду просто картинка... как это реализовать чтобы и меню работало и лого было сверха меню? (идет перекрытие меню с лого)

    Asked by LadyS, November 11, 2012

    0 votes
    8 answers
23. Проблема верстки только в Firefox

    Дело в следующем: при наведении на пункт меню, над ними появляются иконки. Вот демка: http://videostroy.com/ Во всех браузерах кроме Firefox иконки отображаются верно. Каждая последующая иконка отсчитывают координату X от предыдущей. И только в Firefox отсчет ведется от начала блока. Помогите решить проблему пожалуйста. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.link1').hover(function() …

    Asked by IndigoHollow, February 10, 2014

    • firefox
    0 votes
    6 answers
24. Проблема верстки шаблона DLE

    Доброго времени. Имеется слайдер <a href="{full-link}"><img src="{image-1}" alt="" title="{short-story limit="200"} <hr> {date} Посмотрели {views} раз(а)" width="330" height="250"/></a>Работает нормально, НО если в short-story появляются кавычки слайдер расползается. Подскажите, что можно поправить?

    Asked by Sanyok-ok, August 7, 2014

    0 votes
    2 answers
25. Проблема верстки шапки и слайдеров

    Здравствуйте. Я начинающий верстальщик. Возникла проблемы такого характера: 1. Не знаю как сверстать меню в шапке (см. рисунок). Как я вижу логотип расположен посредине меню. Никогда раньше с таким не сталкивался. Решения пока не нашел. 2.Возможно ли создание подобный слайдеров? С такими тоже раньше не встречался. Кроме того, даже не представляю, как такое потом реализовывать (к примеру на том же wordpress). Буду рад за любые соображения по этому поводу.

    Asked by blackgeneral, September 4, 2015

    • верстка шапки
    0 votes
    10 answers