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
-
Текст в 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.…
0 votes4 answers -
Проблемы с блоками
Есть сайт http://texteredsa.besaba.com/ верстаю этот макет http://files.mail.ru/EDE52362DCAC473FA59BB7E01E55093F там где блок наши особенности и преимущества, если добавить текст то все рушится, как нормально сверстать? а где последний блок а так же, я не могу понять поведение второго блока, его скопировал в html и он должен выглядеть также как и первый абсолютно, но на деле непонятно что, почему? ну и оцените верстку на данный момент.
0 votes5 answers -
Вложенные блочные элементы
В процессе изучения html возникли несколько вопросов. Как я понял теги p , h1 и т.д. это элементы которым по умолчанию применены стили такие как отступ слева, справа, сверху снизу (т.е свойство margin). Из определения свойства margin слудеут что оно устанавливает величину отступа. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента. Т.е если обернуть тег <p> тегом <div> вокруг тегов p и div должны быть отступы. Но на деле оказывается, что отступов как следует из определения между дочерним и родительским элементом вообще нет. Отступ сверху и снизу который задается для тега p, оказывает влияние на весь б…
0 votes9 answers -
Две всплывающих формы на странице
Добрый день! Вопрос по всплывающим формам на странице HTTP://bloky.ru/catalog/326 На странице есть две кнопки "Заказать". Одна из них, та, что справа вертикально расположена, при нажатии открывает всплывающую форму заявки. Как сделать так, чтобы при нажатии кнопки "Заказать", которая в середине страницы, открывалась такая же форма заявки? Заранее спасибо!
0 votes6 answers -
как задать ширину пункта третьей вложенности в меню ?
я не разбираюсь в сложных селекторах (( Нужно задать большую ширину пунктам, простое прописывание 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…
0 votes10 answers -
Распирание страницы
Есть такой вот сайт. http://resp.4-4-2.com/fussball/HomePage.aspx Задача адаптировать под мобильное устройство. Все на div, должно было быть просто. Но, почему то и не понятно откуда, некий или некие элементы сохраняют свою ширину после применения фиксированной ширины в . И на мобильном устройстве остается горизонтальный скрол. И весь контент тянется на всю ширину как бы в css ничего не писалось. Впервые с таким сталкиваюсь. временно поставили для html { overflow-x:hidden; } - проблема всеравно остается. Даже после применения фиксированной ширины врапера, скрол остается. Подскажите, что почитать, и где проверить или еще чтото.
0 votes1 answer -
Проблемы с текстом и полями или как я убил 3 часа впустую
Всем привет , как вы догадались я рукожопый новичек. Обычно я всегда сначала убьую пару часов на решение проблемы своими силами, чаще всего мне этого времени хватает и у меня все получается, но в этот раз вышло совсем не так. В общем решил я склепать что то типа макета отправленного сообщения, чисто div с названиями , сначала я столкнулся с тем что при изменении масштаба моя верстка разваливается как карточный домик, перепробовав тыщу способов я избавился от border и оставил все сзаливкой что бы понимать где что как. Далее когда я уже все вместе более ли менее собрал решил я проверить как будет выглядеть текст, вставил где что надо и бац, у меня из за текста покосился …
0 votes2 answers -
Как лучше сверстать?
Есть такое задание 3 блока фиксированной ширины, первый и третий плотно прижимаются к бокам родительского блока. У всех троих ширина одинаковая. Внутри этих блоков будет располагаться контент нескольких форм, как нарисовано, только вот их очередность хаотичная как и нарисовано. Вот теперь сижу думаю, делать все таки 3 колонки, или не стоит? Потом не трудно будет добавить контент в разные блоки через cms? На данный момент дал первому float:left; второму float:right; а тот что посередине задал margin по бокам, родителю добавил clearfix, колонки стоят. Какие еще варианты есть для оформления данного типа страниц?
0 votes5 answers -
Выравнивание li в колонку и переход к следующей, если все элементы не уместились в первой.
Друзья, добрый вечер! Возникла задача сверстать список. Задача такая: дано, например, 17 li в ul. Требуется, чтобы "по умолчанию" они выравнивались вертикально строго друг под другом в колонке. Колонка может поместить в себе 15 li. Так вот с первыми 15 все ясно, а 2 оставшихся должны переместиться в колонку правее и также выравниваться друг под другом в формате уже другой колонки, но одного списка ul. Как это реализовать? float: left не подходит тут, потому как тогда все li будут строиться сразу в 2 колонки, а главным условием является сперва полное заполнение первой колонки и далее уже, если не поместились в первой, показывать их в колонке рядом. Спасибо.
0 votes2 answers -
Непослушные блоки. =)
Здравствуйте! Уже довольно много сижу на данном ресурсе, здесь все есть, но сейчас что-то туплю уже несколько часов. Подскажите пож-та, как можно сделать так, чтобы блоки "Окно" всегда находились посередине, при растяжении или сужении окна браузера. Я никак не могу допереть. http://cssdeck.com/labs/yeukebdc
0 votes4 answers -
шрифты в мобильных браузерах
Добрый день! У меня такая проблема - я подключаю дополнительные шрифты, расположенные на локальном сервере: @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…
0 votes1 answer -
Как наложить градиент на текстуру?
Как наложить градиент на текстуру? Если я задаю множественный фон для body, то видна текстура, а градиента -- не видно. Если создать другой div и там задать градиент, то теперь текстуры не видно.
0 votes2 answers -
HTMK & CSS
Доброго времени суток! у меня проблема с отступами и масштабированием. на десктопе - всё супер, отлично. но стоит зайти через телефон, планшет, весь контент ползёт влево, то что свойством width: 100% - не понятно почему сжимается в 2 раза.. кто сможет помочь? думаю самое рациональное - обменяться скайпами, для более подробного описания и обмена файлами. заранее спасибо, кто отзовётся
0 votes2 answers -
вопрос по фреймам
Добрый день. У меня вот такая структура страницы: Можно ли применяя фреймы, при нажатии на ссылку в меню, менять контент вверху и справа(то, что отмечено серым фоном и надписью content), как один документ?
0 votes6 answers -
Вопрос про background-image
Почему, если картинку сделать фоном, с помощью свойства background-image, то она показывается, а если убрать слово image, то фон не показывается? Ведь background это сокращённая запись, так почему браузер это не понимает? http://cssdeck.com/labs/srcuojfw В HTML на 9 строке, добавьте к свойству background " -image ".
0 votes8 answers -
Верстка на иврите
Всем привет! Народ кто уже верстал на иврите, подскажите пожалуйста, с какими "подводными камнями" вы сталкивались? Чего нового придется учитывать? Спасибо =)
0 votes4 answers -
Влияние тегов figure и figcaption
Как влияют теги figure и figcaption на SEO?
0 votes1 answer -
Центрирование 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>…
0 votes1 answer -
Плагин для скролла страницы по горизонтали постранично
Подскажите, может кто сталкивался? Нужен плагин, который будет листать сайт постранично по горизонтали. По вертикали у меня есть, но вот по горизонтали не могу найти. Какое-то старье попадается, которое left пытается анимировать, когда все нормальные плагины уже перешли на анимацию transform.
0 votes1 answer -
Растянуть блок aside по высоте при отсутствии текста в нем
Добрый день! Потихоньку изучаю html и столкнулся с вопросом: как можно растянуть фон у блока aside в данном примере, чтобы он по высоте был всегда равен блоку posts? https://www.dropbox.com/s/2gwhcxprhozr38w/superverst.rar Ответившим заранее спасибо.
0 votes3 answers -
Много кто спрашивал про нестандартное обтекание текста
http://frontender.info/css-shapes/
0 votes3 answers -
Не работает свойство 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…
0 votes6 answers -
проблема с 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…
0 votes4 answers -
строка ПОИСК
Здравствуйте. Первая тема, первый раз. Прошу прощения, если где-то что-то не так. Собственно проблема в следующем. Взялся верстать макет сайта где-то месяц назад. Новичок в этом деле. Опыта 0. Строка поиска уже вторые сутки мучает. Все как бы можно и могу сделать вот только отображение в Хроме и паралельно ИЕ+Мазила разняться. Конкретно дело в рамке, которая должна обрамлять только строку ввода текста с трёх сторон. Вот скриншот http://rghost.ru/56239174 на котором в фотошопе псд файл и выше то ,что я уже получил. Дальше iq моего не хватает. Прошу помощи. Код который накидал вот: http://jsfiddle.net/lspanec/xxTu3/ Постараюсь еще раз описать: -что надо: добавить …
0 votes4 answers -
Верстка при наведении на блок
Здравствуйте, столкнулся с такой задачей: до наведения курсора http://joxi.ru/wYSTU_3JTJA9Y33ZX5U после наведения курсора http://joxi.ru/-4OTU_3JTJA1Y21ipcQ не могу придумать как это реализовать. а именно чтобы была внутри граница прозрачная и при этом поддерживал ie8.
0 votes4 answers