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
-
Отображение специфических шрифтов в разных браузерах
Заметил одну неприятную особенность, если подгрузить шрифт.ttf то он отображается в Firefox, Chrome, Opera не четко. Вот посмотрите как выглядит в Firefox: а вот как отлично в IE 9: Как-то этот вопрос можно решить, чтобы везде отображалось одинаково?
0 votes5 answers -
inline-block и float
http://jsfiddle.net/Chcg3/1/ вот такая ситуация. Желтая кнопка должна быть на новой строке по центру, а она все равно участвует в обтекании, не смотря на отмену его (видимо свойства текста?). В общем вопрос почему так и как реализовать подобную верстку тогда, если не получается отменить обтекание (без лишнего элемента .clear в разметке). Желтая кнопка по ширине должна зависеть от контента (для этого идеально подходит Inline-block или float), ну а красная должна быть справа. Видимо требуется экстра-разметка?
0 votes4 answers -
Как сделать похожий сайт
Добрый вечер. С помощью какого скрипта можно сделать похожий сайт, есть ли готовые шаблоны или он сделан из огромного множества скриптов?
0 votes2 answers -
плывет блог div при умешьшении масштаба в браузере
столкнулся со следующей проблемой: открываю файл index в браузере вся верстка при масштабе 100% смотрится хорошо при уменьшении масштаба начинает плыть правый блок с контентом. Если убрать border у блока с контентом все становится как надо. помогите советом http://savepic.ru/6617212.jpg http://savepic.ru/6600828.jpg <body><div class="karkas"> <div class="header"> <a href="#"><img class="logo" src="images/logo.png" alt="logo"/></a> <a href="#"><div class="random">Случайная серия</div> </a> </div> <div class="menu"> <ul> <li><a href="#">Выбрать эпизод</a></li>…
0 votes5 answers -
как это сделать
http://joxi.ru/bmoV1pLIL5Y7ry селект выпадающий, но в нем может быть сколько угодна option проблема в том, что это карусель и соответственно у обертки стоит overflow: hidden; как можно это обойти?
0 votes3 answers -
Open Sans не такой толстый как нужно
Использую Open Sans на страничке http://www.reklamy.ru/uslugi/print/shtendery/ - двухцветные заголовки например "ПРАЙС ЛИСТ" сделал толщину 800 все равно выглядит не так как на гугле https://www.google.com/fonts/specimen/Open+Sans#charset нужно ещё чуток потолще
0 votes2 answers -
footer разрешения
Делаю простенький адаптивный шаблон с помощью бутсреп и возник вопрос. Контент на разных устройствах отображаетца как надо, но примеру на устройстве Kindle portrait 600 x 1024 в футере текст немного заходит на картинку, которая в правом углу прижата. Посоветуйте пожалуйста, как можно это исправить?
0 votes4 answers -
SVG карта изображений, масштабирование
Приветствую! Нужно реализовать кликабельную карту изображения, наткнулся на урок в интернете, но при уменьшении окна браузера области сбиваются. Помогите пожалуйста. <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Интерактивная карта</title> <meta name="description" content=""> <meta name="keywords" content=" "> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/fonts.css"> <link rel="icon" type="image/x-icon" href="/images/favicon.ico"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> </head> <body> <div cl…
0 votes0 answers -
Блок article не растягивается на всю ширину, при media запросе на 900px
https://vasyldubno.github.io/project1/#blog https://github.com/vasyldubno/project1
0 votes1 answer -
Растягивание блока
Почему в Мозиле не тянется вниз блок, т.е. не растягивает этот блок div, как это исправить? #content_block2 { margin: 0 auto; width: 241px; height: 284px; border: 1px solid #000000; float: left; } <div id="content_block1">Много текста</div>
0 votes1 answer -
Проблема с доктайпом
Добрый день. Делаю сайт в первый раз. на главной странице написал доктайп: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" > <head> <title>Тайтл</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="keywords" content="контент" /> <meta name="description" content="описание" /> <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico"> <link href="../style.css" rel="stylesheet" type="text/css" /> </head> Зате…
0 votes1 answer -
Mozilla/5.0 Macintosh
http://jaluse.ru/vertikalnyie-alyuminievyie-zhalyuzi.html Блок "Наши партнеры" уехал вниз. Этот глюк только в Mozilla. Всю голову сломала, не могу отловить почему. Помогите, пожалуйста!
0 votes3 answers -
Как сделать ?
Вот сижу делаю резиновый шаблон.Задача такая.У меня сверху шапка типа как фейсбука,она окрашена в чёрный.Так вот в этой шапке у меня логотип должен быть слева,в центре меню, и справа форма для входа.Каждый из этих элементов находится в своём блоке.Все они находятся в одном блоке с классом header_header.Также все они находятся в одном общем блоке,который формирует верхнюю чернуюю полосу. Надо сделать чтоб,вот этот один блок с классом header_header ,который объединяет все три блока (с лого,меню,и формой),стоял посередине и между блоками ,которые внутри него т.е. между лого меню и формой были отступы.Вот код.Подскажите как сделать? <div class='header'> <div class='…
0 votes3 answers -
Фон под соседний блок
Народ, есть проблема с блоками небольшая... Делаю тему по этому шаблончику: http://csstemplater.com/result/layout_xhtmls_fix_lcr_s2_fb_1.zip Кратко - прижатый подвал постоянно книзу... если окно сужать - будет повышаться пока не упрется в контент, если контента больше, чем на страницу - подвал будет изначально ниже окна и появится перемотка вниз... Все хорошо, но вот потребовалось чтобы на фоне подвала была картинка и чтобы она вела себя также как и подвал, но при доходе контента до подвала чтобы картинка на 100 точек уходила под контент... Реально ли это сделать и как? Пробовал по всякому... картинка либо лезет и выше - не останавливается когда подвал останавливается, уп…
0 votes3 answers -
font-size внутри таблицы и Opera
Доброго времени суток! Столкнулся с проблемой, которая слегка меня обескуражила: пытаюсь заверстать табличку мелким шрифтом (8px) - и FF, Chrome и IE9 отображают её как надо, по уму, а красавица Opera выставляет по каким то своим соображениям font-size: 9px и отказывается уменьшать шрифт независимо от применяемых единиц и размера (даже 1pt выставлял). При этом фактический размер шрифта даже 9px не соответствует, он очевидно больше: А так табличка выглядит в остальных браузерах: CSS: .block table { margin: 0; width: 150px; } .block tbody { font-size: 8px; } .tb-num { text-align: right; width: 12px; } .tb-clubname { padding-left: 3px; width: 100px; } .tb-game…
0 votes4 answers -
Путы overflow:hidden
А как можно выбраться из overflow:hidden? Допустим, внутри этого элемента выпадающий список. Но он, распахиваясь за переделы родительского элемента, обрезается. Не меняя overflow:hidden у родителя, можно как-то вырваться из него?
0 votes3 answers -
высота
Как сделать, чтобы блок растягивался на всю высоту обозреваемой области?
0 votes4 answers -
S-Blocks v1.9
Доброго времени суток. установил данный модуль на сайт, в админке появилась доп. панель для настроики данного блока. что только не делал, но вывести блок так и неудалось. может кто сталкивался с таким модулем и его проблемами. В общем нужна инструкция или совет по настройке. по инструкции установки необходимо только залить файлы. Но при этом не предложено прописать какой либо код о выводе блока
0 votes1 answer -
Растягивание бекграунда
Здравствуйте, У меня есть див обычный и для него установлена background-картинка. Этот код - небольшая модификация крупного JS-фреймворка (Sencha) и, естественно, там хватает своих записей в DOMе. По каким-то причинам background-картинка, такое чувство, что увеличивается в масштабе. ь.е. я вижу только её маленькую часть, но очень сильно увеличенную. Я пересмотрел уже весь DOM, перепробовал поотключать все стили с помощью консоли - эффекта ноль. Подскажите пожалуйста, в чем может быть дело и в какую сторону необходимо смотреть.
0 votes3 answers -
height: 100%
Ребята, подскажите, как растянуть див на 100% заданной высоты в моем случае?(что бы без контента сайт был растянут на заданную высоту) http://bod2005.narod.ru/index.html
0 votes5 answers -
Помогите с выравниванием
Помогите не могу выравнять текст по центру сбоку от изображения <ul> <li><img src="blablabla.jpg"/>Текст</li> </ul>
0 votes6 answers -
бордер на уровне начала текста
у меня небольшая проблема, надо сверстать блок с бордером такой как на картинки, в чем закавырка бордер начинает на уровне начала буквы С, но из-за line-height это не так как получилось у меня, если посмотреть внимать там есть отступ 5px подскажите как можно устранить это недочет желательно средствами css и без дополнительной разметки, у меня есть вариант бэграундом и воспользивотся бэкграунд позишен но так же не хотелось бы использовать картинки , может кто знает другие варианты да и желательно что бы заканчивался на уровне букв http://jsfiddle.net/vKem2/
0 votes4 answers -
Методология верстки
Добрый день. Версткой занимаюсь недавно. Интересует правильно ли я делаю, когда выношу стили на классы. Пример: <div class="block-wrapper tahoma"> Hello world! </div> .tahoma { font-family: Tahoma, Verdana, Segoe, sans-serif; } Или дайте ссылку где могу почитать как правильно строить семантику архитектуру стилей. Желательно на русскоязычный ресурс. Спасибо заранее.
0 votes4 answers -
Отладка в опере и ослике 8 версии и ниже
Всем привет! Нарисовалась такая проблемка. Сверстал сайт на скорую руку, залил в интернет. В хроме все видно нормально, но в опере меню залезло на шапку сайта. А в IE8 и ниже вообще отсутствует какая-либо стилистика. Также в мозиле есть небольшой косячок — меню полностью не умещается в строчке. Посмотрите, может подскажете какое-нибудь решение. Вот ссыль: http://csps.su/
0 votes10 answers -
Вертикальное выравнивание css3
В css3 есть способы выровнять элемент вертикально по центру без садомазохизма? Что-то типа vertical-align:middle, только более предсказуемое.
0 votes2 answers