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
29,542 questions in this forum
-
нужна помощь по абсолютному центрированию слоя
Ребят, помогите, пожалуйста, по верстке немного. То ли я уже заработалась, то ли еще что-то. Вещь вроде несложная, но никак не рожается. <!DOCTYPE html> <html> <head> <style type="text/css"> #sloy4{ top: 50px; width: 900px; height:50px; background:red; position: absolute; left: 50%; margin-left: -450px; } </style> </head> <body> <div id="sloy4">wertwert</div> </body> </html> слой красного цвета ширины в 900 пикселей появляется как надо. НО, когда я окно браузера сужаю влево, то появляется полоса прокрутки. Как сделать так, чтобы слой в любом случае оставался по середине страницы, а полоса прокрутки не появл…
0 votes18 answers -
position:fixed
как сделать чтобы ,,logo'', с position:fixed не просвечивал другие элементы со страницы, (opacity - не помогает.) ? заранее спасибо!
0 votes2 answers -
Пожалуйста подскажите
Подскажите, пожалуйста, как сделать переход внутри страницы, т.е. без перехода на другую страницы с помощью закладок. (например как в шапке на сате http://htmlbook.ru/). Т.е. я могу выбрать "Основное", "HTML", "CSS", "Сайт", при этом ниже меняется список, а основное наполнение сайта не меняется. Что за теги, каким свойством css это можно сделать? Заранее спасибо!
0 votes6 answers -
Валидность кода. Предупреждение
Анализатор выдаёт 1 предупреждение, но не могу понять, о чём именно предупреждает: http://validator.w3.org/check?uri=http%3A%2F%2Fdh-art.ru%2Findex.php
0 votes7 answers -
Проблема с text-shadow
Здравствуйте, возникла проблема при верстке необходимо указать белый text-shadow. Сам блок с текстом лежит поверх фоновой картинки. Без указания блоку какого-либо background белая тень не видна. При этом любой другой цвет выводится великоепно без background. Сайт forum.fsdusshor.ru белый text-shadow необходим для верхних телефонов. box-shadow не предлагать есть какие-нибудь решения ?
0 votes1 answer -
Подскажите пожалуйста, почему на планшете вёрстка едет
Доброго времени суток. Помогите пожалуйста, люди знающие. Вот здесь http://licvid.4programmer.org.ua в верхнем меню все пункты отображаются нормально. Но если зайти с Android устройства - почему-то последний пункт уезжает вниз. Подскажите, почему и оч.желательно, что с этим делать) Заранее спасибо за ответ=)
0 votes1 answer -
Можно ли сделать ссылку на Facebook для тех кто там не зарегестрирован.
Клиент просит ссылку на свою страницу в Facebook. Все прекрасно если вы уже туда залогинились. А если нет? А если вообще вас там нет? Тогда открывается страничка, которая прости вас зарегистрироваться. Можно ли это дело миновать и сделать прямую сылку? Спасибо!
0 votes5 answers -
Ресурсоёмкость верстки
Доброго времени суток форумчане и гуру вёрстки! Я любитель и вёрстку делаю для себя часто, просто потому что хочется! Каждый раз задумываюсь о используемых ресурсах, но вопреки этому дизайнеры в PSD макетах используют такие элементы, которые если заменять, чтобы уменьшить трафик, то дизайн изменяется до неузнаваемости, а если оставлять, то странички чрез чур много требуют трафика. Как быть с такой проблемой?
0 votes4 answers -
Ограничить размер img сверху, без растягивания
Братцы, так бывает, что из базы на страничку картинки тянешь, а в базе, понятное дело картинки разных размеров и форматов (jpg gif png) и выяснить их размер "налету" вряд ли возможно. А область под картинку фиксированного размера. Так вот, желательно картинки больше известного размера масштабировать, а меньше - оставить как есть. Это реально?
0 votes6 answers -
Кооридинаты ссылок по документу HTML
Всем привет Интересует такой вопрос: как можно задать координаты ссылок href в документе? Поясню есть картинка фоном на ней изображены элементы технологического оборудования. Необходимо сверху пот центру изображения элемента оборудования разместить ссылку href. Как можно это сделать в html? Вызов другово документа готов надо просто расставить ссылки.
0 votes3 answers -
Форма
http://htmlbook.ru/practical/poshagovaya-forma Создать форму, где взять картинки для создания, вырезать с psd документа в фотошопе ?
0 votes2 answers -
Помогите с таблицей
Здравствуйте! Хотелось бы сразу предупредить, что я плохо понимаю в HTML. Уж сильно не пинайте В общем, дело такое: создаю рассылку для блога. Хотелось бы чтобы в письме был определенный фон. С этим вроде бы разобрался. Но сами записи отображаются по 5 столбцов по горизонтали. А хотелось бы, чтобы каждая запись следовала после предыдущей. На-пример, сперва идет запись №1, потом когда прокручиваешь страничку идет запись №2 и т.д. Не могли бы подсказать, что нужно исправить? Ниже сам код и скрины. <center> <table border="3" cellpadding="10" cellspacing="3" style="width: 600px;"> <tbody> <tr> <td align="center" bgcolor="#CC3333" valign="top">…
0 votes3 answers -
IE8 doctype problem
Здравствуйте, Сверстал страницу все хорошо, но в IE8 имеются проблемы. Использую <!DOCTYPE HTML> в IE8 вылезает ошибка произошла ошибка сценария строка 1 символ 1 'object' is undefined меняю доктайп все работает но ползет верстка. Как это исправить?
0 votes4 answers -
Размер и положениен окна браузера
Всем привет Возник вопрос как можно при нажатии на ссылку "href" вызвать новое окно браузера (например IE или FireFox), задать его размеры и положение на экране монитора. Спасибо за ответы.
0 votes1 answer -
Растягивание блоков по высоте.
Здравствуйте!Вопрос следующий:Есть блок-родитель тянущийся по высоте на 100%.Внутри 2 дочерних блока.У верхнего высота 70px, а вот нижний должен растянуться по всей оставшейся высоте.Как это сделать без полосы прокрутки?
0 votes2 answers -
стиль дополнительного меню
Здравствуйте! Подскажите, пожалуйста, как задать стиль доп. меню, отличный от главного? Чтоб ссылки меню "наши кобели" и "наши суки" сделать не такими как в верхнем главном меню? Сайт: http://baykara.ru/nashi-sobaki <a href="http://pixs.ru/?r=7262308"><img src="http://i5.pixs.ru/storage/3/0/8/YbwfRPskjp_5508095_7262308.jpg" border="0" alt="Image Hosted by pixs.ru" /></a>
0 votes4 answers -
Подвал липнет к контенту
Здравствуйте, такая проблема: В контенте сайта у меня находится два изображения, которые нужно выравнять по левому и по правому краям. Я делаю это с помощью float:left и float:right. Все в принципе работает, но возникает проблема с подвалом, который начинает вести себя неадекватно. При выравнивании изображений по левому и по правому краям с помощью float рамка от подвала становиться над изображениями, а текст прилипает к ним снизу. Если же сделать clear: both (или left) — получается как надо, кроме того, что невозможно регулировать отступ от контента. Как можно решить проблему?
0 votes2 answers -
Выровнять текст по центру экрана
Подскажите как выровнять текст, который сейчас по середине экрана (текст может быть различной длины) http://cardterapia.ru/step1 чтобы он всегда был в центре в независимости от размера экрана
0 votes9 answers -
падинги для спана
http://jsfiddle.net/AYxAw/ в общем суть такова... Как сделать боковые отступы фона от крайних символов? То есть по краям где символы фон сделать по дальше... Блоковым делать его нельзя, он должен быть лайновым, чтоб был эффект перехода строк.
0 votes6 answers -
высота div 100% - не выходит каменный цветок :(
Здравствуйте, я уже обращалась сюда со своей проблемой (http://forum.htmlboo...topic=43270&hl=), среди советов был переверстать шаблон дивами, но проблема от этого меньше не стала. Сейчас имеем такую страницу, например, - http://dh-art.ru/portfolio/index.php Говоря вкратце, я хочу, чтобы мучимый мною див выглядел так (только до конца вниз): Проблема в том, что при этом этот див должен находиться над картинками верхнего слайдера (если пройдёте по ссылке вверху, поймёте, о чём я), потому что в противном случае скрипт при загрузке картинок оставляет на этом диве белые области, и при том не перекрывать правое меню. В общем, пока я не придумала ничего лучше. чем задать е…
0 votes4 answers -
Выбор js или сss+html
Собственно все мы знаем как выровнять по вертикале одно строчный текст с помощью line-height: высота блока родителя. Но если высота измениться то надо и меня line-height, оговорюсь сразу: мною движет лень. Я В общем стараюсь придерживаться принципа если можно сделать с помощью html+css то делаем так(В общем с внедрением css3 и html5 прибегать к отказу от js стал чаще).Так вот вопрос что было бы лучше использовать в этом случае http://jsfiddle.net/F89Cd/ .
0 votes2 answers -
font-face загадка...
Такое дело... PF Beau Sans Pro зашел на font-face generator. залил нужные мне шрифты, выдал архив... @font-face { font-family: 'pf_beausans_probold'; src: url('../font/pfbeausanspro-bold-webfont.eot'); src: url('../font/pfbeausanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/PFBeauSansPro-Bold.otf'), url('../font/pfbeausanspro-bold-webfont.woff') format('woff'), url('../font/pfbeausanspro-bold-webfont.ttf') format('truetype'), url('../font/pfbeausanspro-bold-webfont.svg#pf_beausans_probold') format('svg'); font-weight: normal; font-style: normal; } вот к примеру. Вопрос, пока не подсоединил эту строку url('../font/PFBeauSansPr…
0 votes0 answers -
firefox 19 баг?
Короче сразу пример: http://jsfiddle.net/LQMKA/ Фиксированный блок частично спрятанный за краем браузера и выдвигающийся на время. При позиционировании блок встает как надо, но при начале анимации отсчет ведется не от скролла, а от края, то есть игнорируется скролл. В ff 18 и более ранних все было норм. Вот пытаюсь понять баг браузера или нет?
0 votes0 answers -
подскажите как заставить блоки располагаться в одну строку
Здравствуйте! Возникла такая проблема. У меня в шапке сайта несколько блоков: лого, затем автарка, затем Имя+Баллы, кнопка "Моя страница", кнопка "Мой профиль" и ссылка "Контакты". При минимальном разрешении (меняю ширину браузера) кнопки "Моя страница" и "Мой профиль" съезжают вниз. То есть получается 2 строки. Вот как сделать, чтобы запретить перенос на новую строку? Код ниже: <div class="row"> <div style="padding-top:3em; padding-bottom: 4em;"> <div class="threecol"> <a href="/"><div class="logo"></div></a> </div> <div class="sevencol"> <div style="margin-left: 18px; float: left;"> <div style="width:36p…
0 votes1 answer -
проблемы адаптивной верстки
Здравствуйте. Проблема в следующем: идет разработка на twiter bootstrap и необходимо позиционировать элемент(div child3) справа внизу. И если установить его справа можно свойством pull-right, то как установить его снизу, не потеряв при этом адаптивность. P.S. схема на рисунке
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-