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
-
Gulp-sass категорически отказывается задавать css свойства для новых добавляемых в разметку элементов
Столкнулся с довольно удивительным явлением: gulp-sass категорически отказывается хавать и отображать css для новых добавляемых элементов разметки. Поломка произошла без каких-либо заметных вмешательств, просто с очередным запуском. Ошибок в системной консоли сейчас нет, только указывает на депрекаты одной функции Бурбона.Есть определенная предыстория. Изначально при установке данного шаблона консоль жаловалась на отсутствие модуля node-sass, хотя таковой был. Пришлось переустановить заново, попутно сменив номер версии в конфиге: "gulp-sass": "3.0.0", без галочки, хотя пробовал и с галочкой – результат тот же (это было нагуглено в бурже). Связана ли эта предыстория с наст…
0 votes2 answers -
frD-Отмена обтекания в Opera
Ниче не пойму, есть блок, в блоке строка Строка текста с параметрами: .name_this_block { width:130px; min-height:19px; font: bold 12px Tahoma; color:rgb(115,79,135); text-align:center; background-color:rgb(245,245,225); border: 1px solid rgb(197,188,172); border-bottom: none; padding-top:5px; position:relative; left:10px; top:-33px; float:left; display: inline; margin: 0px; white-space: nowrap; } .name_object_style { font: 22px georgia; color:rgb(17,83,126); text-decoration: none; position:relative; } далее в том же блоке идет блок с текстом который центрируется, вот Строка текстая отменяю обтекание и задаю соответствующие параметры для данного блока чтоб он принял ну…
0 votes5 answers -
IE7 и hover
http://stepbystep.htmlbook.ru/?id=58&text=1 Вот тут у меня не работает tr:hover ИЕ7 отказывается воспринимать. Обычная табличка, без подстветки при наведении. В Опере работает. Может правда это настройки обозревателя, но я ничего там не менял с установки. Кто сталкивался с этим?
0 votes4 answers -
Как можно сделать загрузку?
Как можно сделать загрузку, типо как при установки проги, с процентами, и с полосой? Заранее спасибо.
0 votes17 answers -
таблица из дивов
Здраствуйте помогите пожалуйста встала задача сделать таблицу из дивов 1 строка 3 столбца. Проблема в том что крайние дивы фиксированного размера шириной 8px а центральный должен растягиватся на все оставшееся место. делал так <div class="zone"><div class="tl"></div><div class="tc">центральный</div><div class="tr"></div></div> не хочет все это вставать в 1 строчку (( .zone { height:30px; width:100%; display:table-row; } .tc{ display: table-cell; background-image: url("../res/tc.png"); float:left; height:30px; width:100%; left:8px; right:8px; } .tr{ display: table-cell; float:left; background-image: …
0 votes12 answers -
Вертикальное меню (раздвигающееся вниз)
Пытался делать с помощью высоты, visibility, но не чего не получается, следующий пункт li в основном ul'е не хочет двигаться, как мне сделать чтобы он захотел? И как вы делаете вертикальные меню? в ксс только(просто другое совсем не знаю) Как же ЭТО СДЕЛАТЬ?
0 votes5 answers -
svg-изображения в слайдере не отображаются в IE8 и ниже
Здравствуйте, дали макет и в нем вот такой слайдер — http://img542.images...2/4426/v11v.jpg . Как вы заметили изображения слайдера необычной формы, У меня были идеи: Сохранить их в png с такими "вырезами", но они бы много весили по сравнению с jpg; Сделать блоки, которые бы перекрывали картинку, но фон не однородный: Cделать это с помощью css-свойства mask-image, но оно поддерживается только в Webkitax. Остановился на SVG clip-path. Вот что из этого вышло: http://fiddle.jshell...ody/dHjXn/show/ Не получается отобразить картинки в IE8 и ниже. Может кто-нибудь подскажет как с эти бороться? Можно даже их сделать прямоугольной формы, главное чтобы отображались
0 votes3 answers -
Ширина в safari и chrome
столкнулся с такой проблемой, мает сайта построен на таблицах, ширина центрального блока 100% левый и праывй фиксированны, во всех браузерах кроме safaari и нового chrome отбражается нормально, а в них не растягивается на весь экран, как можно решить эту проблему, подскажите)
0 votes4 answers -
позиционирование картинок на одном уровне с текстом
привет давно видел эту неприятность, но как-то не обращал на нее внимания, до тех пор пока она не начала мне реально докучать - нынешних. вот код: <a href="/listen/aradio.m3u" style="text-decoration:none; height:17px; border:#fff 1px solid;">MP3</a> <a href="/listen/aradio.m3u" style="text-decoration:none; height:17px; border:#fff 1px solid;"><img src="/pics/hi.png" width="30" height="17" alt="192"/></a> а вот что он выводит: для наглядности приписал белый border, а для надежности - параметр высоты. не сработало. а проблема, как вы уже поняли, в том, что текст не на одном уровне с картинкой. точнее, последняя немного выше. vspace, align, ma…
0 votes3 answers -
Расположение ссылки на странице
Добрый день. Подскажите нубу как задаются параметры расположения текстовой ссылки на странице? Мне нужно, чтобы ссылка была в верхнем правом углу страницы (как вариант). Буду благодарен.
0 votes4 answers -
Повернутый текст в IE, помогите пожалуйста
Уважаемые спецы по HTML верстке! Моя задача - повернуть текст на минус 90 градусов. Код ниже работает как надо в FireFox 10, но в IE6,7,8 и т.д. не работает, хотя уже много рецептов, найденных на разных сайтах, перепробовал. Буду весьма благодарен, если поможете повернуть текст и в IE. <!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" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Vertical text IE test</title> <style type="text/css"> .bookm_t…
0 votes2 answers -
рисунок + текст на одной строке как выровнять
Задачи: Текст и рисунок находятся в одной строке как выровнять текс, так чтобы он был посередине рисунка? Текст и рисунок находятся в одной ячейке таблицы как выровнять текст, так чтобы он был посередине рисунка? кто может помочь?
0 votes2 answers -
Верстка
многое знаю а это не могу понять что ... объясните пожалуйста что такое верстка...
0 votes10 answers -
Прозрачный фон
Привет всем! Не подскажите, каким образом можно сделать фон блока прозрачным и как эту прозрачность отрегулировать? Скриншот желаемого: Про пнг наверное думать не стоит, т.к. в ИЕ работать не будет, а в данном случае меня это не устраивает, ведь блок расположен на фотке юзера, и если в ИЕ этот блок будет залит черным, и закрывать часть фотки, то это не айс конечно)
0 votes12 answers -
DL, UL, OL -упорядоченый список
Создание упорядоченого списка (колонами), без использования таблиц! Подскажите пожайлуста! Зарание благодарен!
0 votes2 answers -
#id.class
можно ли указать селектор одновременно по id и class? собственно нужно это сделать не в css, а в обращении jquery для пущей уверенности.
0 votes5 answers -
почему код примера с htmlbook не валиден?
Всем привет. Вопрос касается данного доктайпа: quot;-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">. Объясните или дайте ссылку где доходчиво написано как нужно писать код, чтобы с данным доктайпом он был валиден. В качестве примера можно рассмотреть код с http://www.htmlbook.ru/html/form.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег FORM</title> </head> <body> <form action="/cgi-bin/handler.cgi"> <b>Как по вашему мнению расшифровывается абб…
0 votes8 answers -
Изображение вместо полосы прокрутки
Помогите решить проблему. Я дизайнер, и в HTML только учюсь. Вопрос: как заменить полосу прокрутки во фрейме изображением или, хотя бы, изменить цвет. Спасибо!
0 votes9 answers -
Подскажите тег "Больше или равно" и "Меньше или равно"
Есть ли такой специальный символ? А то мерзко выглядит: >= и =<.
0 votes10 answers -
margin-right не работает в IE
Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html lang=ru> <head> <title>New Land</title> <META NAME="Keywords" CONTENT="—————-"> <META NAME="Description" CONTENT="————--"> </head> <style type="text/css"> body {background-color: black; margin: 0 0 0 0;} .text {position: fixed; top: 20px; margin-left: 150px; margin-right: 150px; font-family: Arial; font-size: 12pt; color: white; text-align: justify;"} </style> <body> <div style="position: fixed; left: 0; top: 0;"> <img src="l.png"><br><img src=…
0 votes4 answers -
Почему в браузере Internet Explorer верхньое меню урезается.
Все привет. В общем такая проблема. Сделал сайт, все вроде как нормально, все работает. Сайт делал с Мазилой. Когда зашел с Internet Explorer то ужаснулся - верхнее меню отображается не все. Справа оно как будто срезается и не видно две кнопки. Кто что скажет по этому поводу, как исправить этот бред? Заранее спасибо. Вот сайт: http://cyclovac.kiev.ua/
0 votes17 answers -
резиновый сайт слоями. Смещение при input 100%
Добрый день, помогите разобраться, делаю двух колонную верстку сайта слоями. Расположение слоев позиционное. Не могу разобратся с проблемой: если во вторую колонку вставить элемент input(с другими тоже бывает) с шириной 100% то появлется смещение/растяжение второй колонки. В Chrome это слабо заметно но она есть, а в IE6 вообще появляется полоса прокрутки.. Если этот input еще и обернуть 100% div, то в IE6 вообще появляется огромное смещение input относительно колонки, и появляется полоса прокрутки.. Нашел тут тему про полосу прокрутки в резиновом сайте в IE6 http://forum.htmlbook.ru/index.php?showtopic=20894 Если октрыть код приведенный там, то тоже все нормально, сайт в …
0 votes4 answers -
Что лучше: проценты или em?
Друзья, подскажите! Что лучше (рациональней) использовать: проценты или em в указании размеров, чтобы блоки, элементы, текст при увеличении или уменьшении масштаба отображались на странице пропорционально, занимая всю видимую область?
0 votes15 answers -
В IE не видно пунктирное подчеркивание ссылок
Есть вот такой стиль ссылок. Но в IE подчеркивание не видно Это вывод событий в афише. Что интересно: одна из ссылок все-таки отображается нормально, хотя ее код в точности такой-же как и остальных. <style> a.event_list_link {color:#a1caf4; font-family: Tahoma, Verdana, Arial, Arial Narrow, sans-serif; font-style:normal; font-weight:normal; font-size:11px; text-decoration:none; border-bottom: 1px dashed #a1caf4;} a.event_list_link:hover {color:#fff; text-decoration:none; border-bottom: 0px;} </style> <div class='event_list_link'> <a class='event_list_link' target='_self' href='index.php?option=1&a=1&id=2' title='Подробнее о событии'>под…
0 votes6 answers -
CSS Layouts
Почти все сайты верстаю на дивах. в этой теме предлагаю выкладывать ссылки на ресурсы с готовыми лейаутами. начну: http://layouts.ironmyers.com/ http://www.code-sucks.com/css%20layouts/faux-css-layouts/ http://www.glish.com/css/ http://tjkdesign.com/articles/one_html_mar...css_layouts.asp
0 votes22 answers