HTML Coding

29,542 questions in this forum

1. Как сделать текст под картинкой ?

   Вот моя верстка начатая. http://jsfiddle.net/66Pgf/ правда тама картинки не показаны, но я поставил бордер чтобы видно было границы картинок. Так вот мне нужно чтобы текст был снизу под картинками, как тут http://radikale.ru/data/upload/c2184/04012/77f6865eba.png помогите разобраться.

   Asked by WEB-best, December 10, 2013

   0 votes
   4 answers
2. Помогите убрать левую ссылку

   Здравствуйте, вставил себе на сайт ( сайт на джумле) один модуль который называется Acordion menu, модуль мне очень нужен но, они каким то образом спрятали пару ссылок в нем. Немогу понять где. Помогите найти пожалуйста. сайт http://get-visa.in.ua ссылки ищите справа ( двигайтесь в право до самого конца)

   Asked by andrewmax, December 10, 2013

   0 votes
   3 answers
3. Вертикальное центрирование не известно по высоте блока?

   Имею такую структуру: <div id="header"><div id="logo"></div></div><style>#header {height: 100%} #logo img{ width: 80%;}</style>Как задать вертикальное центрирование блоку "#logo"?

   Asked by gnomikprazdnik, December 10, 2013

   • центрирование
   0 votes
   1 answer
4. Проблема с :hover

   Подскажите пожалуйста как достичь такого эффекта :hover как на изображении. спасибо всем p.s верхнее меню. синяя стрелка .

   Asked by buru_, December 10, 2013

   • hover
   0 votes
   2 answers
5. Бутстрап - проблема с меню

   Вот пытаюсь реализовать меню. Обычное меню. справа от него на той же строке есть блок с заказом звонка. При уменьшении разрешения появляется название сайта и иконка для разворачивания меню. Проблема в том. что в определенном узком разрешении развернутого меню не видно на экране вообще - оно куда-то вбок уходит. При этом в файрфоксе (в хроме вроде норм). Что я делаю не так? Все ли правильно в разметке навигации? http://zverushka.zz.mu/edu/

   Asked by Zverushka, December 7, 2013

   0 votes
   26 answers
6. small или strong?

   Надпись у формы маленьким шрифтом - "Мы гарантируем 100% конфиденциальность. Ваши данные не будут переданы третьим лицам". Семантически - это strong или small?

   Asked by Zverushka, December 9, 2013

   0 votes
   20 answers
7. Как сделать стрелочку сбоку от меню a:hover

   Добрый день. Не могу понять как реализовать при наведении на пункт меню, меняется цвет и плюс сбоку уголок. <div id="menu-left"><ul class="menu"><li><a href="#" > Новая модель</a></li><li><a href="#" > Новый реион</a></li><li><a href="#" > Новый мерчендайзер</a></li><li><a href="#" > Новый POS</a></li><li><a href="#" > Новая акция</a></li><li><a href="#" > Новая модель конкурентов</a></li></ul></div>#menu-left{height:227px;float:left;margin-bottom:10px;}ul.menu {list-style-type:none;padding:0;width:227px;h…

   Asked by belosnezka, December 6, 2013

   0 votes
   4 answers
8. Див на весь экран?

   Как сделать чтобы див растягивался на весь экран по ширине и высоте? Имею примерно такую структуру: <div id="header"><div id="logo"></div></div><div id="page"><div id="post"></div></div><style>#header{ width:100%; height:100%; background: url(bg.jpg);}#logo img{ max-width: 80%;}Хочу растянуть шапку на всю высоту, в центре расположить лого, но шапка должная обязательно растягиваться на 100 процентов высоты, так как за ней идет сразу же страница, у нее другой фон и она не дожна сразу быть видна на экране. Хочу реализовать что-то на подобии этого - http://www.martinasperl.at/ Обратите внимание, что первое фото с логотипом…

   Asked by gnomikprazdnik, December 10, 2013

   • Див на весь экран?
   0 votes
   2 answers
9. Проблема в отображении фиксированных элементов в Chrome

   Добрый день! Есть такая проблема: если поставить фиксированно позиционированный элемент (без значений позиции, авто) внутрь элемента, который лежит внутри относительно позиционированного элемента, то такой элемент в Chrome отображается на неверной позиции. Во всех других браузерах этот элемент отображается на нужной позиции: той, в которой бы он появился, если бы был статическим) Вот пример простой: http://cssdesk.com/Gvpvg Вот пример практический: http://cssdesk.com/mnMxs Если кто сталкивался или знает, как это решить без применения js-костылей, то помогите пожалуйста. Судя по гуглу, с такой проблемой ещё никто не сталкивался.

   Asked by TMGLUK, October 16, 2013

   • position
   • fixed
   • chrome
   0 votes
   12 answers
10. Проблема с плавной сменой картинки

    Дорогие форумчане! Пытаюсь сделать плавную смену одной картинки другой. Использую JQuery. Всё вроде ничего, но почему-то вторая картинка "не понимает", что находится в ячейке. Подозреваю, что это из-за position:absolute;. Подскажите, как обойти этот момент. http://jsfiddle.net/LBRSg/ .image.first,.image.second {margin:0;padding:0;}.image.first {opacity:1px;display:block;position:absolute;/z-index:100;transition-duration:0.96s;-webkit-transition-duration:0.96s;-moz-transition-duration:0.96s;-o-transition-duration:0.96s;-ms-transition-duration:0.96s;}.image.first:hover {opacity:0.00;} div.ImgField {display:inline-block;background-position:center center;background-repe…

    Asked by lersen, December 9, 2013

    0 votes
    4 answers
11. не получается задать абсолютные размеры картинки

    Добрый день! проблема в следующем: не получается задать абсолютное значение для картинки, вставляемой в таблицу (html). то есть при изменении разрешения экрана картинка то сжимается, то вытягивается. сам размер ячейки на это не влияет, так как я пробовал его менять, или вообще не устанавливать - не помогает. также и другие ячейки не могут влиять, проверено. кто-то сталкивался с подобным? как же всё таки сделать так, чтобы картинка не менялась, всегда оставалась одинаковой на всех экранах?

    Asked by Raman, December 10, 2013

    0 votes
    3 answers
12. Настройка sass для инспектора google

    привет, народ кто пользуется sass - можно ли какой то командой отслеживать изменения в общем css файле - который генерируется из нескольких scss, командами sass. (для пояснения sass --watch path/sass-directory:path/css-directory.) Для чего это нужно, если делать мелкие правки в самом инспекторе хрома то они делаются в style.css (работают живые стили - то есть изменения переносятся из хрома в файлы) и их вручную нужно переносит в соответствующий *.scss файл. Может sass отслеживать эти изменения . Пока он следить за scss, и собирает их в один style.css. Нужно что бы, Если что то меняется в style.css. он отслеживал соответствующий *.scss файл. Например выдает т…

    Asked by R__, December 9, 2013

    • css
    • scss
    0 votes
    7 answers
13. Помогите с фоном

    Всем привет. Я начинающий верстальщик. Только учусь прошу сильно не судить. Из курса Евгения Попова я верстаю сайт по макету Смарт бизнес. Вот сыдка (http://www.cms-php.ru/html-shablony/290-shablon-psd-smartbiz-dlya-biznes-kompanii.html) Проблема такая. Во всех браузерах смотрится отлично. Но в ie6 есть проблемы с фоном вот что именно не так: http://s001.radikal.ru/i196/1311/65/e6e894a39bad.jpg в остальных браузерах смотрится отлично: http://s004.radikal.ru/i208/1311/34/e09b7aa62f0c.jpg Сперва павда прозрачности не было, но я установил вот этот плагин http://jsfiddle.net/B9t64/1/ p.s. уроки евгения попова делал наперед, это макет я сверстал без его помощи, правда щ…

    Asked by WEB-best, November 15, 2013

    • фон помогите
    • сайт
    • ie6
    0 votes
    2 answers
14. border-radius внутренней границы - никак не регулируется?

    border-radius внутренней границы - никак не регулируется? То есть, если мы делаем border-bottom - то очень часто внутренний уголок или имеет меньший радиус или съедается и становится прямоуольным. есть какой-то способ регулировать внутренний угол через css?

    Asked by Zverushka, December 8, 2013

    0 votes
    13 answers
15. Каким способом вы отменяете схлопывание margin?

    Каким способом вы отменяете схлопывание margin? Допустим есть блок определенного цвета, а в нем заголовок - нам не нужно, чтобы отступы заголовка двигали блок. Я пока остановилась на padding; 1px 0; Может есть способ получше?

    Asked by Zverushka, December 9, 2013

    0 votes
    9 answers
16. Плывут блоки при масштабирование

    Всем привет. Я новичек в верстке, поэтому вопрос может быть глупым, но всё же. Собственно проблема возникает при масштабирование страницы, блоки начинают съезжать. Как это исправить? Буду благодарен за помощь. и вот живой пример http://dofamin.tor.su/page/test/ и пользуясь моментом задам еще 1 вопрос. проблема заключается при работе со шрифтами. Как корректно подобрать размер шрифтов из PSD ? Например в PSD размер написан 16pt, но при верстке с указание размера шрифта в 16pt возникают разногласия с макетом.

    Asked by Chupachups, December 7, 2013

    0 votes
    16 answers
17. Не срабатывают margin-ы и padding-и

    Всем привет. Вот то на чем остановился http://jsfiddle.net/FRc7b/ Хочу с позиционировать элементы текста в правом блоки, задать отступы сверху и снизу, но не работают ни маргин ни паддинг, помогите пожалуйста. вот так вот должно выглядеть это дело http://radikale.ru/data/upload/69fda/4efc3/6d46bae1fe.png

    Asked by WEB-best, December 9, 2013

    0 votes
    2 answers
18. 2 блока. ширина по содержимому и доступному месту

    Проблема такая: серый блок может быть любой ширины, зеленый должен занимать всё оставшееся место (нижняя коричневая линия обязательна) Никакие варианты с width и float у зеленого не проходят - он получается либо по содержимому, либо на 100% ширины (включая и серый блок) В какую сторону копать? p.s.Рамки у блоков не нужны, нарисовал чтобы объяснить что нужно.

    Asked by basist, December 9, 2013

    0 votes
    5 answers
19. Спрайт для счетчика для нестандартных цифр

    Спрайт для счетчика для нестандартных цифр - когда каждая цифра имеет свою заливку и ее можно вставить только картинкой. Кто должен его создавать - дизайнер или верстальщик? Верстальщику придеться создать новый слой, написать 10 цифр, потом каждую вырезать отдельно и всавить в слои равной ширины друг за другом. Достаточно кропотливая работа - почласа может занять спокойно.

    Asked by Zverushka, November 25, 2013

    0 votes
    16 answers
20. Reserve a table

    Страница с формой регистрации столика от ресторана Bella Motel. Сама страница выглядит так. Нельзя Продавать PSD-файл или использовать его в своей работе. Заимствовать элементы дизайна. Можно Указывать полученный результат вёрстки в своём портфолио. Задание 1. Верхняя и нижняя часть макета тянутся по ширине окна. 2. Контент фиксированный, ширина 940px. 3. Используются шрифты Roboto Condensed, Lobster, Open Sans, подключить их через Google Fonts. 4. Сделать ссылками - логотип, верхняя навигация, нижняя навигация, Home в хлебных крошках, ящик эл.почты, "Book Now", иконки соц.сетей. 5. Ширина полей формы и блока "Reservation Discounts" имеет фиксированные размеры. 6. В форм…

    Asked by Vlad, October 21, 2013

    • Страница для вёрстки
    0 votes
    3 answers
21. Тени

    Добрый день! При верстке макета возникло несколько вопросов: возможно ли с помощью свойства box-shadow реализовать нижнюю тень у header'a? И как с реализовать логотип, а именно — белый оттенок? Скриншот макета:

    Asked by Aleksandr.L, December 9, 2013

    0 votes
    3 answers
22. Фон шалин в Мазилле.

    Добрый день! Есть вопрос, решение для которого я не смог найти. Скилл маловат. Вот цитата " http://childsecret.ru/kurs/grudnoe/ В GoogleCrome, Opera отображается так как я создавалВ Firefox один фон back2.png повторяется много разВ Yandex brouser один фон back1.png вообще отсутствует В css прописано так body { background-image: url(../img/back2.png), url(../img/back1.png); background-repeat: no-repeat, space; background-position: center top; } Как сделать, чтобы во всех браузерах было одинаково?" У меня даже мыслей нет в чём тут может быть загвоздка. Помогите пожалуйста советом.

    Asked by Paul_Liferenko, December 9, 2013

    • background
    • mazilla
    • fail
    0 votes
    4 answers
23. Трудности с версткой в Opera и IE

    Всем привет! Вот сверстал форму http://melsman.ru/pcf. Только в Opera почему-то не хочет работать text-indent, а в FF -moz-border-radius-topleft(и -topright), в IE тоже самое. Может что посоветуете? И еще принимаются критика, рекомендации, совету и прочее! Благодарю за внимание!

    Asked by XuLLlHuK, December 6, 2013

    • border-top-radius-left
    • border-top-radius-right
    • opera
    • text-indent
    0 votes
    11 answers
24. Сделать высоту tr меньше содержимого

    Делаю удаление строки из таблицы, есть желание сделать не просто исчезновение строки, а плавное ее уменьшение по высоте до нуля. И вот вижу, что если задать height для tr меньше, чем содержимое, он не уменьшится. Можно как-то сделать строку с высотой меньше, чем у содержимого?

    Asked by zatvornik, December 8, 2013

    0 votes
    3 answers
25. inline-block и float

    http://jsfiddle.net/Chcg3/1/ вот такая ситуация. Желтая кнопка должна быть на новой строке по центру, а она все равно участвует в обтекании, не смотря на отмену его (видимо свойства текста?). В общем вопрос почему так и как реализовать подобную верстку тогда, если не получается отменить обтекание (без лишнего элемента .clear в разметке). Желтая кнопка по ширине должна зависеть от контента (для этого идеально подходит Inline-block или float), ну а красная должна быть справа. Видимо требуется экстра-разметка?

    Asked by Zverushka, December 8, 2013

    0 votes
    4 answers