HTML Coding

29542 questions in this forum

1. Интересная компоновка

   Есть такая проблема - фон такой что его рипитом не растянешь ни в ширину ни в высоту - согласно заказу - ширина то стандарт жестко задать и спозиционировать по центру. А в высоту всё интереснее - при высоте сайта больше высоты экрана скролиться должен контент в белом блоке по центру фон и футер должны оставаться статично - и контент как бы выползает из под футера. Помогите реализовать данную компоновку.

   Asked by fancygoth, April 25, 2012

   0 votes
   1 answer
2. опера

   в опере баг с анимацией после выполнения такого кода до полной ширины и обратно .progress-bar { background-color:#1a1a1a; height:25px; padding:5px; width:400px; margin-top:100px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:inset 1px 1px 2px #000000, 0 1px 0 #444; } .progress-bar span { height:25px; width:200px; display:inline-block; moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -webkit-transition: wi…

   Asked by cyber_ua, May 16, 2012

   0 votes
   0 answers
3. DIV-ы в DIV-е

   Физкульт-привет, товарищи верстальщики! Столкнулся с небольшой проблемой. Имеется DIV с фиксированной шириной, нужно расположить в нём 4 DIVа с фиксированным отступом между ними, так чтобы DIVы растягивались на всю доступную ширину. Т.е. должно быть как на картинке: Вроде ничего сложного, но у меня не получается.

   Asked by Тёмик, July 3, 2012

   0 votes
   2 answers
4. Select$multiple

   Добрый Всем День! Будьте добры, подскажите, как задаётся multiple у поля select в css?

   Asked by Runet4ik, August 24, 2012

   0 votes
   4 answers
5. Два дива по горизонтали, каждый по 50%

   Доброго всем дня! Подскажите, как создать в блоке "content"-->>"tab1" два блока равные 50% и расположенные по горизонтали (на данный момент один под другим). <style> #content {width:1000px; overflow:hidden; background: #fff; border-top: 2px solid #3d3d3d; padding: 2em;} .left-col{float: left; width:50%; border:1px solid #FF0000; margin-right:5px; margin-bottom:5px; padding: 0px 5px 0px 5px; } .right-col{float: left; margin-left: auto; border:1px solid #FF0000; padding: 0px 5px 0px 5px; } .title{width:100%; height:25px; background: #FFC; margin-left:auto;margin-right:auto; margin-top:10px; margin-bottom:10px;} </style> </head> <div id="conte…

   Asked by fabol, September 16, 2012

   0 votes
   0 answers
6. лишнее место меню

   http://jsfiddle.net/ENEVq/2/ интересует как сделать ровное распределение главного меню по краям, там остаётся лишнее пустое место

   Asked by Struggle, June 8, 2013

   0 votes
   4 answers
7. проблема с font-face в firefox

   Доброго времени суток! Пытаюсь добавить на страничку сторонний шрифт, во всех браузерах работает, а в firefox нет: @font-face { font-family: 'Open Sans Light'; src: url('font/OpenSansLight.ttf');}Вот что по этому поводу пишут на хабрe: http://habrahabr.ru/sandbox/50935/ Но для решения этой проблемы они предлагают изменить настройку браузера, у меня этот способ не заработал. Есть какие-нибудь способы обойти этот баг? И этот баг проявляется только на локальных страничках с локальными шрифтами или как (тут я тоже не совсем понял)?

   Asked by Kenshi24, February 7, 2014

   0 votes
   2 answers
8. Помогите определиться как именовать сущности

   Помогите определиться как именовать сущности (с учетом общепринятых норм, таких как дефис, а также логики) Допустим есть блок с телефоном. .phone-number И тут я хочу создать .phone-number-green Но ведь green - это по сути приставка модификатор и ставя ее через еще один дефис - получается логическая путаница. Как их разделить? .phone-numbeer_green, .phone-number__green, .phone_number-green - как принято?

   Asked by Zverushka, May 8, 2014

   0 votes
   4 answers
9. Как работает readonly у textarea

   Подскажите пожалуйста, как работает readonly у textarea. Вот я задал ширину и высоту, и я не хочу что бы пользователь мог растягивать как хочет это поле, но почему то не получается сделать так у меня. Может я не правильно понял как оно работает? <p><textarea class="comment-textbox" name="comment" readonly></textarea></p>

   Asked by oleg126, June 19, 2014

   0 votes
   1 answer
10. Кликабельный бэкгрануд

    Задача: элегантно сделать такую штуку: блок с контентом имеет фиксированную ширину и отцентрован. Все остальное пространство (слева-справа) нужно сделать кликабельным. Причем без всяких onclick, а натурально через <A>. Придумал несколько вариантов, но все безбожно кривые. Заранее благодарю за ответ или за наводку, что где посмотреть.

    Asked by Artlive, June 22, 2014

    0 votes
    1 answer
11. выпадающее меню

    Помогите сделать так что бы при наведении на профиль менюшка выпадала по верх контента а не отодвигала его... мучаюсь не могу, начинающий от роду неделя) архив.рар

    Asked by Laroxx12, August 27, 2014

    0 votes
    4 answers
12. Тело страницы всегда по центру

    Доброго всем времени суток! Возник такой вопрос: есть блок, внутри которого базируется всё содержимое страницы. Что бы его центрировать, используется достаточно простая конструкция: #pageBody {width: 1000px;margin: 0 auto;}Но когда содержимое страницы по высоте выходит за рамки окна, появляется полоса прокрутки и блок слегка съезжает. Хотелось бы узнать, реально ли как-нибудь избежать этого, не прибегая к абсолютному позиционировнанию? Заранее благодарю за любой совет!

    Asked by NapalmRain, November 25, 2014

    0 votes
    4 answers
13. Помогите с фоном

    Здрасте, помогите мне с задним фоном на сайте, фон прописал, но он теперь выглядит вот так , как мне его к примеру сделать по бокам ? что-бы блоки не закрывал.

    Asked by Den4ik1, November 19, 2015

    0 votes
    1 answer
14. картинки по CSS для printable стиля

    каким образом, кроме background: url можно вывести картинку из css листа, чтобы и на печати она была? list-style-image:url не выводит ее все равно(( мне нужно выводить элемент оформления (логотип) в шаблон страницы его чтоли встроить? (CMS textpattern) но это не очень умно(

    Asked by Vlado, February 16, 2009

    0 votes
    1 answer
15. подскажите на чем сделано это меню

    Понравилось как сделано меню на сайте: http://www.accrweb.com/ (при наведении мышью на пункты меню оно потихонечку выезжает) Знатоки подскажите с помощью какого фреймворка сделан этот эффект ? jQuery + что то еще? Скрины с сайта: PS Буду очень признателен если кто то направит гуглить в нужном направлении - ато я даже не пойму что искать...

    Asked by test777, March 5, 2011

    0 votes
    2 answers
16. Скрипт подзагрузки

    Добрый день! Подскажите пожалуйста, как можно реализовать подзагрузку на сайте? Т.е. имеется три страницы, index.html, a.html, b.html Первая ссылается на a и b, но при переходе нужна задержка секунд в пять-семь, надпись загрузка и бегунок, типа такого Я думаю писать его не нужно, ибо такое 100% уже есть, просто подскажите как такое искать, на чем это можно сделать?

    Asked by WabFad, October 29, 2011

    0 votes
    2 answers
17. Синтаксис CSS

    Уважаемые форумчане! столкнулся с одним css файлом, мне было не понятно смысл кода. Пожалуйста скажите что означает знак "+"? К примеру код был такой: h2+p:first-letter { font-size: 4em; vertical-align: baseline; margin-right: 10px; font-family: Lucida Console; } li a + a:focus { margin-left: 0 } Заранее спасибо

    Asked by jumancy, January 19, 2012

    0 votes
    1 answer
18. Расположить блок сбоку от основного (margin: 0 auto)

    Здравствуйте! Целый день сегодня мучаюсь. Нужно расположить блок сбоку от основного контента <div id="content">...</div> #content{max-width: 800px; margin: 0 auto} Нарисовала примерно то, что нужно получить.

    Asked by Анастасия Кирина, April 7, 2012

    0 votes
    2 answers
19. Проблемы с фоном на маленьких разрешениях

    Всем привет. Собственно, вопрос: Так получилось, что в шапке должна быть картинка шириной в 1800 пикселей, она не тянется и всегда стоит по центру. Весь контент сайта умещается в 960 пикселей, а вот в шапке и футере должен быть непоторяющийся фон в 1800. Т.е. в любом случае приходится задавать: #head{ width: 1800px; } Естественно, что при маленьком разрешении экрана появляется скролл, и сайт отображается не по центру. Так вот. Как сделать, чтобы фон масштабировался? Чтобы не было этого скролла, а фон как бы по бокам обрезался? И при любом разрешении сайт всегда был по центру. В общем, нужно сделать как на: http://ofs21.ru/ сделана шапка. Смотрите в разных разрешениях. З…

    Asked by Sedacove, May 14, 2012

    0 votes
    1 answer
20. Прозрачность

    Вот у меня есть блок <div id="block"> в нем картинка, с классом <img class="foto" , которая имеет opacity:0.5, как мне сделать так, чтобы при наведении на block, foto было opacity 1?

    Asked by Hoax, September 15, 2012

    0 votes
    2 answers
21. Размер картинок

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

    Asked by M1ke_06, September 20, 2012

    0 votes
    2 answers
22. Кроссбраузерная верстка

    Доброго времени суток. Приношу свои извинения за вопрос =), так как он довольно таки "детский". Но я действительно никак не могу найти учебник или книгу, либо хорошую статью, где бы нормально С САМОГО НАЧАЛА рассказывалось о кроссбраузерной верстке. В гугле напарываюсь только на крохотный статейки на тему зачем нужна такая верстка, или же на описание отдельных приемов и хаков. Конкретно сейчас мне надо отдельно для mozillа описать пару классов, в уже существующем большом .css файле. Странно все ругают explorer но пока что самые большие проблемы, лично у меня, возникают именно с mozilla =).

    Asked by mikhail.schedrakov, October 7, 2012

    0 votes
    1 answer
23. Почему некорректно отображается и UTF-8 и ANSI ?

    http://surgeryzone.net/db2.php http://surgeryzone.net/db3.php абракадабра в обоих.

    Asked by kpripper, November 22, 2012

    0 votes
    1 answer
24. Страницы немножко "гуляют"

    Привет, столкнулся с проблемой не большой, если потыкаться по меню, можно заметить, что все странички чуть-чуть гуляют в разные стороны, что это и как с этим бороться? http://b-labb.ru/stomatolog

    Asked by boo, November 23, 2012

    0 votes
    4 answers
25. Первая верстка. Помогите сделать правильно.

    Здравствуйте. Я впервые верстаю страницу и сильно запутался. Перечитал кучу информации, но куча мнений привела к еще большей путанице. Подскажите, пожалуйста, каким стилем правильнее верстать, думал о "резиновом" дизайне, но сразу отказался. Мне явно нужна адаптивная верстка, следовательно нужен "фиксированный" дизайн и потом при помощи @media и делать адаптацию под разные разрешения. Я правильно понимаю? Объясните на примере: шапка сайта состоит из 3-х, накладывающихся друг на друга картинок, текста, кнопок и т.д. Как правильнее сверстать шапку в данном случае? И как в целом стоит начинать верстку с последующей адаптацией под разные разрешения? Заранее спасибо.

    Asked by Anonim_Khb, July 11, 2014

    • Первая верстка
    0 votes
    1 answer