HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Проблема верстки
Здравствуйте! Помогите мне решить проблему с кроссбраузерностью. Вот так у меня выглядит меню в Opera: А вот так в остальных браузерах: То есть в последнем случае появляется в заголовке лишние пиксели и фоновая картинка начинает дублироватся. <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="50" valign="middle" class="menu2"><strong class="toptext2">База вещей</strong></td> </tr> <tr> <td valign="middle" class="menuBody"> тут ссылки меню </td> </tr> </table> .menu2 {background-color:#887b56;background-image:url(ссылка на фоновое изображение);font-size:16px;…
0 votes3 answers -
Не отображается футер в FF 3.6
На сайте есть блок bottom который не отображается в лисе 3.6, причину такого бага не понял. С остальными браузерами проблем нету, смотрел. У кого есть возможность могли бы глянуть и подсказать в чём может быть проблема.
0 votes6 answers -
Скругление углов (прозрачность под тенью)
Приветствую! Поиском решения не нашел... потому прошу помощи. Задача такая - нужно сделать обычное скругление углов(левый верхний и левый нижний). НО! из-под краев расходится тень, под которой должна быть прозрачность (фон не однородный, без прозрачности очень криво будет). Т.к. картинки углов получаются длиньше, чем само изображение края (тень же) то из-под них начинают просвечивать background-ы родительских div-ов... и непонятно как это убрать. Картинку можно глянуть тут Верстал вот так: <div id="list"><div><div><div><div> </div></div></div></div></div> div#list { background: white URL("../img/shadow-page…
0 votes6 answers -
Как добавить справа при наведении белую полосу в 1px?
Вот есть такая менюшка: По задумке дизайнера нужно что бы при наведении на кнопочку менялся фон c появлением белой полоски в 1px в конце кнопки. Это появление полоски я реализовал с помощью border-right: 1px solid #FFF; Из за этого при наведение кнопка расширяется на 1px и соответственно меню прыгает. Может кто знает как решить данную проблему? Вот исходники
0 votes2 answers -
Неизвестная ошибка!
Здраствуйте!У меня на сайте выскакивает какая-то ошибка.Что это:
0 votes3 answers -
В чем проблема?
Всем доброго дня! Верстаю страничку с css, с помощью div хочу вставить картинку вот пример кода #zone_top_right{ width:10px; right:0px; background:url(css/elements.png) repeat-x 0px -201px; } на главной странице прописываю этот div, открываю браузер и картинки нет, если на главной странице картинку вставить через <img src="#"/> то все работает. В чем я ошибаюсь? код главной страницы <html> <head> <link rel="stylesheet" rev="stylesheet" type="text/css" href="new.css" /> </head> <body> <div id="zone_top_right"></div> </body> </html>
0 votes3 answers -
Нужна идея, как реализовать.
Добрый вечер! По сути, это немного продолжение этой темы: http://htmlforum.ru/index.php?showtopic=47513, но я в безысходности... Идея, которую я пытался сделать - не получается, по этому прошу вашего совета и идеи. В общем, вот как это сделано на картинке: http://i60.fastpic.ru/big/2014/0123/2d/333b68bfe1bfee25ab4f7f0a533d532d.jpg И как описано в прошлой теме, то хочу сделать так, что бы можно было менять только картинку с едой, место для заголовка не хочу, что бы трогали. Пытался делать так: Срезал вверх: http://i33.fastpic.ru/big/2014/0123/dd/20e1802a082147eb5006518a29299ddd.png И хотел сделать 3 заголовка(один div, но меня только стиль в самом html, что бы менять поз…
0 votes3 answers -
проблемы в datepicker-е с подсветкой выделенных дней
Всем привет, В php/smarty/jquery/bootstrap проекте проблемы в datepicker-е с подсветкой выделенных дней - они сливаются с остальными днями Смотрю firebug-ом и вижу что выделенные дни имеют класс ui-state-highlight Я смоем темплейте я в заголовке пишу <script src="/static/js/jquery-ui/jquery.ui.datepicker.min.js"></script> <style> .ui-state-active td a{ color: brown; background: orange; border: 4px dotted gray; } .ui-state-highlight { color: red; background: #000080; border: 4px dotted green; } .ui-state-highlight td a{ color: red; background: #000080; border: 4px dotted green; } </style> html/smarty …
0 votes3 answers -
vertical-align
Доброго времени суток! Есть такой код. Не очень шарю в свойстве vertical-align, а мне нужно выровнять разделители между надписями по центру(разделители добавлял через a:after в content: "|")
0 votes2 answers -
Резиновая верстка
Доброе время суток! Подскажи пжл ,где подробней можно прочитать об резиновой верстке и с чем её кушать?
0 votes2 answers -
Проблемы с всплывающей формой в разных браузерах
Доброго времени суток. Имеется сайт на тестовом домене На главной странице есть кнопки, по наведению на них появляется (-ются) форма (-ы). Так вот, с этими формами обнаруживаются несколько проблем в разных браузерах: 1) в IE 11 этой формой невозможно пользоваться - она просто не реагирует ни на какие действия. Плюс, в исходном коде обнаруживаются какие-то закрывающие теги для всех <input type="text"> 2) в FF ввод данных в формы просто осложнен: начинаешь вводить одну букву, две и инпут тут же теряет фокус, я не понимаю, с чем это связано. В хроме все работает. Хотя и там есть нюанс: почему инпут держит фокус только тогда, когда на нем стоит указатель мыши? …
0 votes2 answers -
Бегучая строка с право от картинке
Есть вот такая html страничка http://tumba.aiq.ru. Хочу бегущую стоку сделать правее логотипа. Весь код можно посмотреть через ctrl +u Может что в те <marquee> надо вписать или через css?
0 votes4 answers -
Горизонтальная полоса прокрутку
Всем привет. Заметил, что на сайте появилась большая горизонтальная полоса прокрутки, не могу найти причину. Помогите, пожалуйста. http://a96362zl.bget.ru/
0 votes1 answer -
Резиновый отступ
Нужно чтобы меню сохраняло целостность когда окно браузера сжимают т.е. чтобы ссылки из меню максимально сжимались прежде чем переносились на другую строку. http://plitka20x20-ru.1gb.ru/site/ Вот как обстоят дела, при сжатии как видно всё разрушается <nav> <ul> <li><a href="uslugi.html">Услуги</a></li> <li><a href="klienti.html">Клиенты</a></li> <li><a href="projekt.html">Проекты</a></li> <li><a href="kontact.html">Контакт</a></li> </ul> </nav> header.top nav{ position: absolute; top: 361px; left: 476px; height: 5…
0 votes5 answers -
Ссылка - не полное подчеркивание
Как сделать такое при наведении? Рисунок во вложении .
0 votes3 answers -
Проблема с растягиванием по высоте.
Помогите пожалуйста, чтоб все блоки тянулись на максимум по высоте. Просто получается, один блоки тянутся, другие статичны. Вот само место боевых действий: _http://profshopping.ru/index.php?show_aux_page=6 И еще если кто знает, хелпаните при наведение на товар, появляется увелич. картинка не на своем месте. До этого верстал, табличной версткой все прекрасно работало ( _profshoping.ru ) .
0 votes3 answers -
Опять блоки
Основной блок определённой ширину.Туда будет помещаться много блоков Тоже определённой ширины и высоты.При этом их ширина в несколько раз меньше ширины всего блока,что позволяет расставлять в одной строке несколько блоков.Вопрос в том как они внутри него будут располагаться.Хочу сделать чтоб они располагались так будто у них у всех стоит float:left,т.е. в одной строке стоял не один блок ,а столько сколько поместится,но мне не нужно флоат ,так как он убивает высоту у родителя. Как так сделать?
0 votes6 answers -
как сделать float?
один блок: ... menu { padding:8px; float:left; border-right: 1px solid black; width:10%; } ... дальше под ним идет, тоесть вот так: </menu> <section> <div id="bar">{bar}</div> <article> {bar} - адрес где мы находимся, в article - контент section { padding:10px; float:left; } дело в том что когда я вставляю например таблицу она не на весь блок, если в article поставить width:100%; или в table тоже ничего, а если в section то блок будет не справа от меню, а снизу, а если допустим section width поставить 70%, то если блока menu нет, то не 100%, как сделать так чтобы блок был 100% и с меню слева и без меню
0 votes4 answers -
Проблема с выравниванием DIV блоков по вертикали
Проблема такая делаю шаблон к сайту. Сделал правый и левый сайдбары с помощью DIV блоков одинаковыми. Проблема заключается в том что если внести в один из сайт баров информацию, то другой блок выравнивается по низу. В общем "пляшут" у меня оба блока. Подскажите как их зафиксировать вертикально, чтоб не "плясали" при добавления в сайдбары информации. З.Ы. сами блоки входят в строку таблицы, которая поделина на два столбца сайдбара и столбец с контентом.
0 votes8 answers -
Вопрос относительно background-position
Здравствуйте, меня интересует такая возможность. На картинке приведен пункт меню в положении hover, в этом положении для пункта меню задается background-image повторяющаяся вдоль координаты X. Повторяющейся картинкой заполняется полностью пункт меню от левого края до правого, как можно сделать так, что б по ширине заполнялся не полностью, а от левого края до правого, не доходя 1-2 пикселя до правого края ?
0 votes2 answers -
Люди может кто встречал?)
Всем привет. При верстке столкнулся с проблемой. Итак, я всегда акцентирую внимание на шрифтах. Подскажите может кто встречал такой , как он называется?? А может кто знает такой же и на кириллице?? Ну может что-то похожее? http://www.carolinakaucher.com/en/#portfolio (portfolio, about me и т д)
0 votes4 answers -
Занятое место блоком с posoition: relative
Блок на котором position: relative после его сдвигания продолжает занимать место, возможно ли сделать что бы не занимал? Или нужно создать вокруг <h3> дополнительнуй блок и в него так же поместить и изображения? Пытаюсь не награмождать код, (1)как бы вы сверстали следуюшее без лишнего, но что бы текст не сползал: <div class="block"> <h3>Title</h3> <ul> <li><img src="btn-1" /> </li> <li> <img src="btn-2" /> </li> </ul> <p> Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla </p> </div> <div class="block-2">…
0 votes2 answers -
FLASH + MYSQL
На сайте есть флэш файл с картинками внутри. Мне нужно, чтобы те картинки, которые купил пользователь, отображались в этом флэш файле. 1. Во первых надо как-то сделать так, чтобы флэш прочитал куки,а именно взял оттуда имя пользователя. 2. Затем по этому имени обратился в базу и получил переменные купленных картинок (например: стакан - 0, значит стакан не куплен, и соответственно мы его не отображаем) 3. И наконец написать скрипт отображения (я буду использовать на картинках MovieClip и ставить им статус visible true/false в зависимости от полученного из бд результата). Спасибо за соучастие. P.S. Первый пункт кажется мне нереальным, а без него дальше, наверное, ничего не …
0 votes4 answers -
Управление скроллом конкретного блока
Из-за особенностей дизайна была сделана верстка таким образом, что у <html> и <body> вертикальный скролл не появляется. Вместо этого в <body> есть контейнер (#body) с абсолютным позиционированием со значениями top - 35px; left, bottom и right - 0px. В пространстве с высотой в 35px вверху находится тулбар также с абсолютным позиционированием. Сам код тулбара является дочерним элементом контейнера #body. Вся соль в том, что в opera когда курсор над тулбаром и я кручу колесико, скролл в #body работает, т.е. опускается/поднимается. Но в других браузерах это не срабатывает. Есть ли способ заставить прокручиваться скролл если курсор находится над фиксированным…
0 votes0 answers -
верстка DIV-ами, 2 слоя
Здравствуйте! Подскажите, как реализовать дизайн: блок контента должен растягиваться вниз. я разбила окантовку на 3 части (красным выделено), чтоб средняя растягивалась в зависимости от объема контента, верх и низ, естественно не растягиваются. Но как наложить сверху фон для контента (желтым), он будет повторяться вниз. Если ДИВ с фоном вставить в средний main2, то получатся пустые области без текста сверху и снизу. Как сделать, подскажите пожалуйста. Или, может, есть другое решение? Макет-то не сложный... Заранее благодарна.
0 votes7 answers