HTML Coding

29,542 questions in this forum

1. Проблема с IE и множественными обтеканиями

   Есть блок на сайте http://zverushka.zz.mu/edu-problem/ Блок Ближайшие события - в хроме и мозилле смотрится ровно и как надо. Но в осле - сходит с ума и расползается куда попало. Я хотела сделать заголовок полноценным - чтобы цифра 30 (и др. даты) входили в заголовок, а не висели отдельно. При этом блок цифры имеет динамический размер, зависящий от количества цифр. как и сам блок - также имеет динамический размер в зависимости от ширины содержимого... и расстояние между блоками также динамическое (идеально здесь - table-cell). В общем у нас сложный пациент случай В итоге просто не знаю, что теперь делать с осликом. Если .caption отменить fl right, то в ослике как надо,…

   Asked by Zverushka, December 25, 2013

   0 votes
   8 answers
2. как "приклеить" изображение в верхнему краю?

   здравствуйте, скажите как прикрепить изображение к верхнему краю, я хочу чтобы в блоке меню, (его оформление описано в классе .navigation) было прикреплено изображение к верхнему краю - это тонкая полоска, и чтобы оно не повторялось по высоте, но в backgroung-image можно задать только общий фон, а в border-top нельзя задать изображение... можно конечно наверное сделать отдельный блок, внизу или поверх, но наверное это не лучшее решение. подскажите как лучше сделать?

   Asked by planetaryi, January 24, 2014

   0 votes
   7 answers
3. Перенос сайта на бутстрап 3

   Всем доброго вечера! Решила я перенести и доработать свой сайт. Конечно мой выбор пал на bootstrap начала переносить на старую версию, а вас почитала и направила свой энтузиазм на 3-й (надо будет все перенести) и тренировка, и полезные знания в виде разминки для мозгов. Так вот столкнулась с такой проблемой, как фон в прежней версии вырезала кусок и растягивала, но это не подходит для нынешней задачки вот пока что есть - http://prntscr.com/2dommb а вот исходный макет http://prntscr.com/2don3t (уменьшила что бы весь макет влез) вот что происходит при сужении - http://prntscr.com/2doneb Хотелось бы что бы все картинки подстраивались, как бы это получше реализовать?

   Asked by Anna Zharova, December 24, 2013

   • bootstrap3
   0 votes
   2 answers
4. Помогите переделать содержание темы

   Здраствуйте. Установил тему на wordpress. http://pravvo.org.ua/ В контенте сайта, под слайдерами, идут записи, они идут квадратиками, блочными или как сказать я не знаю. Т.е. 2 записи в строку. Мне нужно сделать что бы ОДНА запись была в строке. Как на скриншоте, что бы Статься была в строке: http://s018.radikal.ru/i516/1312/75/3c27234d7aed.png ВОТ эта тема: http://wp-templates.ru/hueman/

   Asked by sourcedm, December 24, 2013

   • Правка темы
   0 votes
   2 answers
5. puff effect

   Проблема в том что анимация работает только на первом списке li, как мне сделать так чтоб она работала на всем списке? Демо

   Asked by radioactive68, December 24, 2013

   • jquery
   • puff
   • effect
   0 votes
   3 answers
6. Как сделать подвал в самом низу странички

   Не могу сделать подвал внизу странички. Дело в том что, если разрешение экрана не большое (например, 1336x768) всё отображается нормально, а вот если больше, то после подвала видно фон. То есть, если взять смарт и смотреть в альбомном режиме всё ОК, а вот если в книжном, получается что идет шапка, потом текст, потом подвал а потом много пустого места с фоном. Хочется что бы подвал был в самом низу. Делал как описано тут - http://htmlbook.ru/layout/fiksirovannyy-podval Но, теперь на маленьком разрешении текст основной части не влезает, подвал часть текста закрывает и надо скролить что бы прочитать что написано, при этом подвал остается на месте.

   Asked by alleclf, December 25, 2013

   0 votes
   2 answers
7. Организация структуры заголовков

   Здравствуйте. Не думал, что докачусь до такого вопроса, да и нечто подобное на форуме уже рассматривалось несколько лет назад, но вот хочется освежить и прийти к какому-то четкому решению или алгоритму. Давно и твердо был убежден, что заголовков H1 на странице больше одного использовать не следует (явного такого требования нет, но это естественно, такой заголовок будет «корнем» структуры документа). При этом я делал заголовком первого уровня название сайта. Хотелось создать одинаковый «корень» на всех страницах, при этом заголовки основного содержимого начинаются с H2. Я придерживаюсь сквозных уровней заголовков для всех структурных элементов типа article, section и…

   Asked by rash, December 24, 2013

   0 votes
   9 answers
8. Разная отрисовка шрифта из google fonts.

   Здравствуйте. Верстаю сайт, на котором используется шрифт "PT Sans". Загрузил его из гугло-шрифтов. Как мне всегда казалось, этот сервис автоматические определяет какой формат шрифта нужно отдавать... То есть он детектит браузер и ротатор выдает нужный тип шрифта. И тут случилась проблема... Вот я прошу отдать мне файл <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,400italic&subset=cyrillic' rel='stylesheet' type='text/css'>Подключаю его в стилях .product-params-short .buy-block { font-family:'PT Sans', sans-serif; font-size:18px;}Имеем. Firefox: http://rghost.ru/51191900.view Chrome: http://rghost.ru/51191905.view Надеюсь, проблема ясна - ш…

   Asked by k0d, December 25, 2013

   0 votes
   18 answers
9. Учусь делать самый простой каркас сайта в Мире

   Попытался сделать лёгкий каркас сайта. Напишите мне, есть ли у меня в коде какие-то ошибки и правильно ли я использовал свойство float? И как убрать выходящие рамки по бокам? http://jsfiddle.net/WKC3v/ <!DOCTYPE html><html> <head> <title>Сайт</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head><body> <div id="main"> <div id="header"><p>шапка</p></div> <div id="Nav"><p>Навигация</p></div> <div id="content"><p>контент</p></div> <div id="footer"&g…

   Asked by DivMan, December 25, 2013

   0 votes
   6 answers
10. Помогите с шрифтами

    Здравствуйте, пытаюсь сверстать вот этот макет, но никак не могу указать нужный размер шрифта, в фотошопе смотрю размер, показывает 14px, я ставлю font-size: 14px; но получается вот так: Пытался использовать letter-spacing, не помогло подскажите, пожалуйста, в чём проблема, заранее спасибо. P.S. Для сравнения использую PerfectPixel для хрома.

    Asked by Nirealto, December 28, 2013

    0 votes
    5 answers
11. Высота строчных и строчно-блочных элементов

    Есть такой код Инспектор кода в Хроме показывает, что высота span.inline равна 20px, а высота span.inline-block равна 18px, при этом высота родителя p.block равна 18px. 1. Почему у span.inline и span.inline-block разная высота? 2. Почему у родителя p.block высота равна 18, а не 20 (или почему у span.inline границы выходят за пределы родителя по вертикали)? 3. Почему в Firefox высота span.inline равна 21px?

    Asked by Bassline, December 25, 2013

    0 votes
    3 answers
12. Как правильно подключить свой шрифт

    У меня сайт с 5 поддоменами. На всё одни стили, картинки и шрифты. На главном сайте свой шрифт отображается нормально, на поддоменах почему-то намного большего размера. Если уменьшить его размер, на поддоменах получится нормальный а на главном домене сильно маленький. Такое ощущение что он этот шрифт как-то криво подгружает. Шрифт подключаю вот так: /* Fonts */@font-face { font-family: 'aparajivvo'; src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot'); src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot?#iefix') format('embedded-opentype'), url('http://vsevodnom.com/templates/vvo/style/aparajvvor.woff') format('woff'), …

    Asked by alleclf, December 27, 2013

    0 votes
    3 answers
13. Высота блоков

    Помогите, пожалуйста, разобраться с проблемой. Дело в том, что есть 3 колонки с фиксированной высотой. Но почему-то Webkit'ы и Firefox отображают их по разному. Firefox: Webkit'ы: Сама верстка: https://googledrive.com/host/0B6IlwqUO2fshQXYtM2dZWnNBVnM/

    Asked by Aleksandr.L, December 25, 2013

    0 votes
    11 answers
14. Можно ли реализовать это списком?

    http://jsfiddle.net/Zverushka/QEju8/ Можно ли реализовать это списком? Ведь это список, но приходится применять несемантичный тег div

    Asked by Zverushka, December 25, 2013

    0 votes
    12 answers
15. Ссылки и бордеры

    здравствуйте, подскажите пожалуйста. Есть задача сверстать меню списком. У меню есть фон (красный), высота его 50пх. При наведении мышкой у ссылки должен меняться фон (черный). Вопросы: 1. Как мне выровнить ссылки по высоте блока? Т.е. на эти 50пх, чтобы ссылки не были сверху или снизу, по середине. 2. Когда задаю a:hover другой фон, то фон меняется только непосредственно у текста (т.е. не на все 50пх меняется фон) 3. У каждого li списка должен быть border с права, полоска, вытянутая на все 50пх. Но она вытягивается только на высоту ссылок (текста). как увеличить ее? помогите пожалуйста, в каком направлении мне двигаться? спасибо!

    Asked by devid89, December 25, 2013

    0 votes
    6 answers
16. Помощь новичку.

    Всех с Новым годом! Если никто не против - создам эту тему, где буду задавать мелочные вопросы продвинутым вебмастерам, верстальщикам. 1. Есть ли разница между: background: url('ссылка на картинку')background: url("ссылка на картинку")background: url(ссылка на картинку)2. Что значит: <link rel="stylesheet" type="text/css" href="/css/_all.css?23"> (Интересуют именно цифры после знака "?"). Спасибо!

    Asked by Багдыч, January 1, 2014

    0 votes
    26 answers
17. Непонятный перенос слов на мобильных устройствах

    Может кто сталкивался при просмотре сайта на мобильных устройствах. Вроде все выглядит нормально, но при относительно больших объемах текста, в параграфах и без них слова переносятся гораздо раньше указанной ширины. Получается, что весь текст прижимается влево без всякой на то причины. Примеров огромная масса, но не пойму в какую сторону копать. Если не понятно о чем речь, то могу сделать скриншот

    Asked by poshat, December 26, 2013

    0 votes
    6 answers
18. Как сделать меню

    Всех с наступающим! Помогите пожалуйста, как сделать, что при наведении курсора появлялась такая стрелочка http://yadi.sk/d/hSBA3pEhFGMzN

    Asked by Костя654, December 31, 2013

    0 votes
    5 answers
19. Для знатоков HTML

    Может ли в валидном HTML быть такой участок кода(если да то для каких тэгов): <TAG>...html...<TAG attributes>...html....</TAG> где TAG - один из HTML тэгов. То есть может ли внутри тега надится такой же тэг в сокращенной форме(без закрывающего тэга).

    Asked by Kypaku, December 26, 2013

    0 votes
    9 answers
20. Баг text-indent?

    Назначил блоку text-indent,все абзацы начинаются с отступом,но абзацы которые следуют после <br> без отступа,что за дела?

    Asked by pudge, December 26, 2013

    0 votes
    2 answers
21. Объединение ячеек CSS3

    Как объединить ячейки без иcпользования colspan, а с помощью CSS3?

    Asked by hhh, December 27, 2013

    • colspan
    0 votes
    11 answers
22. Можно ли такое сделать без картинки?

    Только картинкой вставить фон меню или есть способ. например, clip-path? Есть идеи?

    Asked by Zverushka, December 27, 2013

    0 votes
    9 answers
23. div с абсолютным позиционированием внутри td с относительным. Chrome - ok, ФФ - все плохо

    Здравствуйте! Столкнулся со следующей проблемой. Есть строка таблицы, в последней ячейке которой появляется крестик, для удаления строки. Все выглядит вот так: Этот скрин сделан в хроме, где все отображается хорошо. Но в фф появляется проблема - все эти крестики складываются "стопкой" в верхнем правом углу страницы. У последней ячейки позиционирование относительное, у крестика - абсолютное. Вот пример разметки таблицы: <table class="content-table campaignsList"> <cation>cccc</caption> <tbody> <tr> <th> <div class="inner"> <span class="text">cccc</span>…

    Asked by cartrege, December 28, 2013

    • position
    • relative
    • absolute
    • css
    0 votes
    5 answers
24. Как заставить DIV распечатываться как его видно в браузере? (вместе со стилями и фоном)

    Например, берем самый простой код <div style="background-image:url('any.jpg'); width:500px; height:230px; border-radius: 5px 5px 5px 5px; float:left;">123</div> запускаем это в браузере и отправляем на печать. Любой браузер печатает только цифры 123. Фоновывй рисунок и стили оформления почему-то полностью игнорируются. Что сделать с дивом, чтоб его можно было отправлять на печать в виде близком к тому, что есть на экране в браузере? Да, аудитория, которой предназначен сайт про print screen ничего не знает.

    Asked by unomomento, December 28, 2013

    • div
    0 votes
    3 answers
25. Помощь с SideBar

    Здравствуйте! Хочу сделать sidebar, который растягивался бы в зависимости от наполнения его виджетами, а не по всей высоте. http://s020.radikal.ru/i712/1312/2a/d87a2cb6c731.jpg http://s005.radikal.ru/i212/1312/8a/487382854176.jpg <?php global $theme; ?><div id="sidebar-primary"> <?php if(!dynamic_sidebar('sidebar_primary')) { /** * The primary sidebar widget area. Manage the widgets from: wp-admin -> Appearance -> Widgets */ $theme->hook('sidebar_primary'); } $theme->hook("sidebar_primary_after"); ?> </div><!-- #sidebar-primary -->

    Asked by Omega24v, December 28, 2013

    • wordpress
    • sidebar
    • blog
    0 votes
    10 answers