HTML Coding

29542 questions in this forum

1. Текст в div

   Не буду описывать как долго я пытаюсь решить эту проблему. И вообще я дыбил. Проблема в том что у меня текст высотой в 14 пикселей не влазит в див высотой 25. ОН все время падла под ним, как сделать что бы текст был посередине(выравнивание не помогло, оно только по горизонтали выравнивает) <div class="comment"> <div class="comment-head"> <div class="comment-photo"></div> <div class="comment-name"><p style="text-align: center">name of a man</p></div> </div> </div> div.comment{ width: 250px; border-style: groove; border-radius: 8px; height: 140px; border-width: 1px; } div.…

   Asked by denisman, June 11, 2014

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

   Есть сайт http://texteredsa.besaba.com/ верстаю этот макет http://files.mail.ru/EDE52362DCAC473FA59BB7E01E55093F там где блок наши особенности и преимущества, если добавить текст то все рушится, как нормально сверстать? а где последний блок а так же, я не могу понять поведение второго блока, его скопировал в html и он должен выглядеть также как и первый абсолютно, но на деле непонятно что, почему? ну и оцените верстку на данный момент.

   Asked by WEB-best, June 11, 2014

   0 votes
   5 answers
3. Вложенные блочные элементы

   В процессе изучения html возникли несколько вопросов. Как я понял теги p , h1 и т.д. это элементы которым по умолчанию применены стили такие как отступ слева, справа, сверху снизу (т.е свойство margin). Из определения свойства margin слудеут что оно устанавливает величину отступа. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента. Т.е если обернуть тег <p> тегом <div> вокруг тегов p и div должны быть отступы. Но на деле оказывается, что отступов как следует из определения между дочерним и родительским элементом вообще нет. Отступ сверху и снизу который задается для тега p, оказывает влияние на весь б…

   Asked by Maksim55, June 11, 2014

   0 votes
   9 answers
4. Две всплывающих формы на странице

   Добрый день! Вопрос по всплывающим формам на странице HTTP://bloky.ru/catalog/326 На странице есть две кнопки "Заказать". Одна из них, та, что справа вертикально расположена, при нажатии открывает всплывающую форму заявки. Как сделать так, чтобы при нажатии кнопки "Заказать", которая в середине страницы, открывалась такая же форма заявки? Заранее спасибо!

   Asked by marianna9201, June 11, 2014

   • форма заявки
   • кнопка
   • всплывающая форма
   0 votes
   6 answers
5. как задать ширину пункта третьей вложенности в меню ?

   я не разбираюсь в сложных селекторах (( Нужно задать большую ширину пунктам, простое прописывание width ничего не дало. но если чтото меняешь ширину пунктов второго уровня, вот здесь #topmenu li li a, #topmenu li.active li a{ width: 162px; ......} то меняется и третий, а как прописать для третьего отдельно? вот такой код меню третьего уровня, если верить комментарию... /** Level third and above **/ #topmenu li li li:first-child { margin-top: 0px; } #topmenu li ul ul { margin: -40px 0 0 200px; } #topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul { left: -999em; } #topmenu li:hover ul, #to…

   Asked by planetaryi, June 11, 2014

   0 votes
   10 answers
6. Распирание страницы

   Есть такой вот сайт. http://resp.4-4-2.com/fussball/HomePage.aspx Задача адаптировать под мобильное устройство. Все на div, должно было быть просто. Но, почему то и не понятно откуда, некий или некие элементы сохраняют свою ширину после применения фиксированной ширины в . И на мобильном устройстве остается горизонтальный скрол. И весь контент тянется на всю ширину как бы в css ничего не писалось. Впервые с таким сталкиваюсь. временно поставили для html { overflow-x:hidden; } - проблема всеравно остается. Даже после применения фиксированной ширины врапера, скрол остается. Подскажите, что почитать, и где проверить или еще чтото.

   Asked by responsive, June 11, 2014

   • адаптивная верстка css
   0 votes
   1 answer
7. Проблемы с текстом и полями или как я убил 3 часа впустую

   Всем привет , как вы догадались я рукожопый новичек. Обычно я всегда сначала убьую пару часов на решение проблемы своими силами, чаще всего мне этого времени хватает и у меня все получается, но в этот раз вышло совсем не так. В общем решил я склепать что то типа макета отправленного сообщения, чисто div с названиями , сначала я столкнулся с тем что при изменении масштаба моя верстка разваливается как карточный домик, перепробовав тыщу способов я избавился от border и оставил все сзаливкой что бы понимать где что как. Далее когда я уже все вместе более ли менее собрал решил я проверить как будет выглядеть текст, вставил где что надо и бац, у меня из за текста покосился …

   Asked by denisman, June 10, 2014

   • css
   • верстка
   • div
   • border
   0 votes
   2 answers
8. Как лучше сверстать?

   Есть такое задание 3 блока фиксированной ширины, первый и третий плотно прижимаются к бокам родительского блока. У всех троих ширина одинаковая. Внутри этих блоков будет располагаться контент нескольких форм, как нарисовано, только вот их очередность хаотичная как и нарисовано. Вот теперь сижу думаю, делать все таки 3 колонки, или не стоит? Потом не трудно будет добавить контент в разные блоки через cms? На данный момент дал первому float:left; второму float:right; а тот что посередине задал margin по бокам, родителю добавил clearfix, колонки стоят. Какие еще варианты есть для оформления данного типа страниц?

   Asked by CroaToa, June 10, 2014

   0 votes
   5 answers
9. Выравнивание li в колонку и переход к следующей, если все элементы не уместились в первой.

   Друзья, добрый вечер! Возникла задача сверстать список. Задача такая: дано, например, 17 li в ul. Требуется, чтобы "по умолчанию" они выравнивались вертикально строго друг под другом в колонке. Колонка может поместить в себе 15 li. Так вот с первыми 15 все ясно, а 2 оставшихся должны переместиться в колонку правее и также выравниваться друг под другом в формате уже другой колонки, но одного списка ul. Как это реализовать? float: left не подходит тут, потому как тогда все li будут строиться сразу в 2 колонки, а главным условием является сперва полное заполнение первой колонки и далее уже, если не поместились в первой, показывать их в колонке рядом. Спасибо.

   Asked by simplehtml, June 10, 2014

   0 votes
   2 answers
10. Непослушные блоки. =)

    Здравствуйте! Уже довольно много сижу на данном ресурсе, здесь все есть, но сейчас что-то туплю уже несколько часов. Подскажите пож-та, как можно сделать так, чтобы блоки "Окно" всегда находились посередине, при растяжении или сужении окна браузера. Я никак не могу допереть. http://cssdeck.com/labs/yeukebdc

    Asked by IlyaSA, June 10, 2014

    0 votes
    4 answers
11. шрифты в мобильных браузерах

    Добрый день! У меня такая проблема - я подключаю дополнительные шрифты, расположенные на локальном сервере: @font-face { font-family: 'BrandonGrotesqueBlack'; src: url('/fonts/brandon_grotesque_black.ttf') format('truetype'); src: url('/fonts/brandon_grotesque_black.svg') format('svg'); }потом:#left_num .num { font-family: 'BrandonGrotesqueBlack'; font-weight: bold;}Так вот, проблема в том что в браузерах на компе шрифты отображаются правильно, проблем никаких, а вот в мобильных браузерах нет, ни в эмуляторе опера мобайл, ни в опере мобайл и в хроме на андроид планшете шрифт не отображается - показывает тот что по умолчанию. Пробовал размещать CS…

    Asked by kolyan130580, June 10, 2014

    0 votes
    1 answer
12. Как наложить градиент на текстуру?

    Как наложить градиент на текстуру? Если я задаю множественный фон для body, то видна текстура, а градиента -- не видно. Если создать другой div и там задать градиент, то теперь текстуры не видно.

    Asked by Orarifish, June 10, 2014

    0 votes
    2 answers
13. HTMK & CSS

    Доброго времени суток! у меня проблема с отступами и масштабированием. на десктопе - всё супер, отлично. но стоит зайти через телефон, планшет, весь контент ползёт влево, то что свойством width: 100% - не понятно почему сжимается в 2 раза.. кто сможет помочь? думаю самое рациональное - обменяться скайпами, для более подробного описания и обмена файлами. заранее спасибо, кто отзовётся

    Asked by offroad11, June 9, 2014

    0 votes
    2 answers
14. вопрос по фреймам

    Добрый день. У меня вот такая структура страницы: Можно ли применяя фреймы, при нажатии на ссылку в меню, менять контент вверху и справа(то, что отмечено серым фоном и надписью content), как один документ?

    Asked by Nailya, June 9, 2014

    0 votes
    6 answers
15. Вопрос про background-image

    Почему, если картинку сделать фоном, с помощью свойства background-image, то она показывается, а если убрать слово image, то фон не показывается? Ведь background это сокращённая запись, так почему браузер это не понимает? http://cssdeck.com/labs/srcuojfw В HTML на 9 строке, добавьте к свойству background " -image ".

    Asked by DivMan, June 9, 2014

    0 votes
    8 answers
16. Верстка на иврите

    Всем привет! Народ кто уже верстал на иврите, подскажите пожалуйста, с какими "подводными камнями" вы сталкивались? Чего нового придется учитывать? Спасибо =)

    Asked by fikret, June 9, 2014

    • html
    • css
    • css3
    • html5
    0 votes
    4 answers
17. Влияние тегов figure и figcaption

    Как влияют теги figure и figcaption на SEO?

    Asked by DivMan, June 9, 2014

    0 votes
    1 answer
18. Центрирование span по вертикали поверх картинки

    Добрый день! Есть такая задачка, не могу отцентрировать по вертикали блок span. CSS .example2 { display:inline-block; position:relative; height:241px; } .example2 span { display:inline-block; position: absolute; top: 40%; left:0px; width:460px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; background-color:rgba(0,0,0,.4); padding:10px 30px; } HTML <div id="slider"> <ul> <li><div class="example2"><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /><span class="s1"><span&gt…

    Asked by IntegralAL, June 9, 2014

    • css
    • html
    • span
    • img
    0 votes
    1 answer
19. Плагин для скролла страницы по горизонтали постранично

    Подскажите, может кто сталкивался? Нужен плагин, который будет листать сайт постранично по горизонтали. По вертикали у меня есть, но вот по горизонтали не могу найти. Какое-то старье попадается, которое left пытается анимировать, когда все нормальные плагины уже перешли на анимацию transform.

    Asked by Zverushka, June 9, 2014

    0 votes
    1 answer
20. Растянуть блок aside по высоте при отсутствии текста в нем

    Добрый день! Потихоньку изучаю html и столкнулся с вопросом: как можно растянуть фон у блока aside в данном примере, чтобы он по высоте был всегда равен блоку posts? https://www.dropbox.com/s/2gwhcxprhozr38w/superverst.rar Ответившим заранее спасибо.

    Asked by FunApple, June 9, 2014

    0 votes
    3 answers
21. Много кто спрашивал про нестандартное обтекание текста

    http://frontender.info/css-shapes/

    Asked by Galaxy, June 8, 2014

    0 votes
    3 answers
22. Не работает свойство rotate?

    Ребят помогите разобраться почему не работает свойство rotate и как сделать что бы по клику на .list:after список выпадал? Заранее спасибо огромное скрин списка <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body><div class="list"> <select name="lictsat" id="lictsat"> <option selected="Home">HomePage</option> <option value="firstchaild">firstchaild</option> <option value="firstchaild">firstchaild</option> <option value="firstchaild">firstchaild</option> <option val…

    Asked by Евгений_SB, June 8, 2014

    • rotate
    • свойство
    • Не работает
    0 votes
    6 answers
23. проблема с background-size в Firefox

    Здравствуйте, коллеги! Есть блок отображения рейтинга в виде сердечек. Сверстан просто: блок шириной 75px заполняется бэкграундом-картинкой-сердечком с background-size: 15px 12px. Т.е. 5 сердечек шириной 15px полностью заполняют блок шириной 75px: #ratingbox { display: table-cell; text-align: right; width: 75px; height: 16px; background: url('/images/icons/empty.png') 0 0 repeat-x; background-size: 15px 12px; position: relative;}Проблема в том, что в фаерфоксе 5 сердечек фактически занимают больше 75 пикселей, на каждое сердечко добавляется по 1 лишнему пикселю ширины, и блок ползет. В остальных браузерах все в норме. Вживую посмотреть можно здесь: http://vkruzhev…

    Asked by Elflight, June 8, 2014

    0 votes
    4 answers
24. строка ПОИСК

    Здравствуйте. Первая тема, первый раз. Прошу прощения, если где-то что-то не так. Собственно проблема в следующем. Взялся верстать макет сайта где-то месяц назад. Новичок в этом деле. Опыта 0. Строка поиска уже вторые сутки мучает. Все как бы можно и могу сделать вот только отображение в Хроме и паралельно ИЕ+Мазила разняться. Конкретно дело в рамке, которая должна обрамлять только строку ввода текста с трёх сторон. Вот скриншот http://rghost.ru/56239174 на котором в фотошопе псд файл и выше то ,что я уже получил. Дальше iq моего не хватает. Прошу помощи. Код который накидал вот: http://jsfiddle.net/lspanec/xxTu3/ Постараюсь еще раз описать: -что надо: добавить …

    Asked by lspanec, June 7, 2014

    • Input Search Placeholder
    0 votes
    4 answers
25. Верстка при наведении на блок

    Здравствуйте, столкнулся с такой задачей: до наведения курсора http://joxi.ru/wYSTU_3JTJA9Y33ZX5U после наведения курсора http://joxi.ru/-4OTU_3JTJA1Y21ipcQ не могу придумать как это реализовать. а именно чтобы была внутри граница прозрачная и при этом поддерживал ie8.

    Asked by gameviktor, June 7, 2014

    • верстка
    • наведение
    • ie8
    0 votes
    4 answers