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
-
Разное отображение в Firefox и IE. Как лечить?
Добрый день. Есть таблица. Одна ячейка отведена под новостной блок. Новости формирую через блоки <div>. 4 блока формируются правильно и стоят на своих местах, а вот с самой последней надписью "Читать все новости..." проблема. В Firefox отображается нормально, а в IE прилепает вверх. Если делаю в стиле отступ сверху, выравнивается в IE, но ползет таблица в Firefox. Подскажите, почему такая разница в интерпретиция тегов и как это можно исправить? Вот кусок из CSS p.news_data { font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-decoration:none; font-size:10px; color:#000; margin: 10px 10px 0 10px; } p.news_zagolovok { font-family:Verdana, Geneva, sans-se…
0 votes21 answers -
position: absolute перекрытие
Есть для примера 2 блока. <div style="background: green; height: 71px; width: 800px; position: absolute; top: 0; left: 0; z-index: 2;"></div> <div style="color:red; z-index: 999;">bla bla bla</div> По какой-то необьяснимой причине первый блок перекрывает второй закрывая текст, игнорируя z-index. Помогите пожалуйста, что здесь происходит и как с эти бороться? Изначальная идею состояла в том, чтобы поместить несколько бэкграундных изображения под текст.
0 votes6 answers -
Background из нескольких картинок
Как сделать так, чтобы в качестве бэкграунда страницы был рисунок, который состоит из нескольких кусков? (Раньше сайт был сделан табличной версткой и в каждой ячейке лежал "свой" кусок файла) Надо сделать следующее: top_left.gif(не растягивается); center_gif (растягивается по ширине); top_right(не растягивается) middle_left.gif(растягивается по высоте); center_gif(растягивается в обе стороны); middle_right.gif(растягивается по высоте); bottom_leftне растягивается); center_gif (растягивается по ширине); bottom_right(не растягивается) Хочется сделать так, чтобы это был бэкграунд на весь экран, а сверху накладывались дивы с содержанием. Можно ли с пом. CSS описать такое?
0 votes7 answers -
TEXTAREA и INPUT
Хочу оздать на своем ACER Acpire one простой редактор TEXTAREA. Над экраном в TABLE хочу разместить кнопки с буквами, с диакритиками, но вот на TEXTARE знаки не появляются. Даю вам код редактора вы же посудите в чем моя ошибка; <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8"> <TITLE>Ecran.htm</TITLE> <STYLE TIPE='text/css'> <!-- .but01 { font-size: 14; font-weight: bold; background: #4169E1; color: black; border-color: white; height: 20; } .but02 { font-size: 14; font-weight: bold; background: #c0c0c0; color: black; border-color: white; height: 20; } .but03 { font-size: 14;…
0 votes3 answers -
Таблица со значениями и графиком
Хочу сделать табличку с числами, и в _этих_ же ячейках фоном цветная полоска, длина которой пропорциональна числу в ячейке. И никак не могу придумать правильные стили, чтобы число располагалось _на_ фоне, а не слева/справа/снизу/сверху. Подскажите, пожалуйста, как это реализовать.
0 votes11 answers -
Тупой вопрос
Подскажите пожайлуста как мне реализовать такую задумку: Есть 2 блока, один блок навигационный, а другой блок содержит в себе контент. Я хочу сделать так, чтобы если блок контента выше чем блок навигации, то блок навигации всё равно был равным по высоте блоку контента, т.е не обрывался где-то на серидине страницы, а продолжался в низ до футера. При помощи таблиц это реализуется просто, а вот как сделать при помощи блоков не понимаю :)
0 votes11 answers -
Подсветка area
Есть карта. Есть на ней объекты. Хотелось бы при наведении как-то это хозяйство «подсветить»: рамкой там или просто залить цветом. Ни border ни background не работают. Кто-то знает как это наиболее православно сделать?
0 votes5 answers -
Авто ограничение ширины div
Правая колонка используется для навигации, е? ширина зада?тся width: 350px; /*Width of right column in pixels*/ margin-left: -350px; /*Set left margin to -(RightColumnWidth) */ Левая колонка, основная (c контентом), зада?тся кодом: #contentwrapper { float: left; width: 100%; } #contentcolumn { margin-right: 350px; /*Set right margin to RightColumnWidth*/ } При вставке таблицы в основную колонку (левую) блок растягивается в полный размер экрана, что правой колонки вообще не видно. Поэтому есть кросс браузерный код для ограничения ширины блока: max-width: 650px; width: expression(this.offsetWidth > 650 ? "650px" : this.offsetWidth); Как сделать, чтобы максимальная ши…
0 votes8 answers -
Кроссбраузерность mask и clip-path
Как решить вопрос с кроссбраузерностью таких вещей? В firefox буквы "D" (маски) нету и clip-path не отрисовывается на сером блоке. А в IE - полная грусть. А это разметка
0 votes3 answers -
100% по высоте в блочной верстке
Доброго дня! Есть раскладка на флоатах <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <link href="index-block.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="leftcol">MENU </div> <div id="rightcol"> <div id="head"> HEAD </div> <div id="content"> CONTENT </div> </div> <div id="footer">FOOTER</di…
0 votes7 answers -
Почти меню, при наведении на блок, показывает другой блок
Идея думаю будет понятна из кода, вот только как заставить не падать блоки вниз ? Блоки должны быть резиновыми, размеры дал просто для понимания что и где, вариант поставить координаты блоку не подходит. Сделать такое на яве делов 5 минут, вот только интересует вариант на CSS, или такое не возможно ? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style> div { border: 1px solid; display:block; } .m1 , .m2 , .m3 { float: left; width:50px; height:50px; position: relative; border: 1px; } .s1 , .s2 , .s3 { display:none; position: relative; …
0 votes21 answers -
Затемнение картинки divом
Здравствуйте! Имеется код типа: html <img src=""><div class="div_class"><a>Текст</a></div>css .div_class {display: table;}.div_class a {display: table-cell;text-align:center;vertical-align: middle;background-color: #2b2b2b;opacity: 0.75;color: #ffffff;}.div_class a:hover {background-color: #2b2b2b;opacity: 0.15;cursor: pointer;}Блок позиционирован абсолютно и находится поверх картинки, затемняя её по умолчанию. При наведении курсора затемнение снимается. Суть в том, что текст, как по умолчанию, так и при наведении имеет прозрачность. Есть какой-то способ оставить текст без прозрачности, исчезать (opacity: 0.15;) должен только фон, а текст ост…
0 votes2 answers -
Bootstrap: проблема с фиксацией блока ( affix)
Приветствую коллеги! Пытаюсь с помощью Bootstrap сверстать меню которое прокручивается до верхней границы экрана и там фиксируется. В Bootstrap для этого есть специальный класс affix ( http://twitter.githu...ript.html#affix ) Вертикальную фиксацию сделал, но не могу решить проблему с шириной. До фиксации ширина одна, после фиксации - другая. Хотя величина в свойствах стоит одна и та же (23.4... %) До фиксации: .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } После фиксации: .affix { position: fixed; top:0; width: 23.404255319148934%; /* *width: 23.351063829787233%;*/ } Ширина родительского элемента совпадает. Так в чём же проблема? Го…
0 votes2 answers -
Тень блока без background: url
Создание теней для блоков всегда происходит с помощю изображений. А кто знает как избежать использования какой-либо графики для решения этой задачи? Итак: <html> <style><!-- ... --></style> <body> <div class="blockwithshadow"></div> </body> </html>
0 votes15 answers -
Неправильное отображение в Google Chrome
Добрый день! Не мог бы кто-нибудь подсказать в чем дело - сайдбар сайта отображается вполне нормально во всех браузерах, за исключением Google Chrome (да и то - на каких-то мониторах нормально, на каких-то нет) Проблема появилась буквально пару дней назад, до этого все было ок. Изменения в шаблоне сайдбара были минимальными. Сайт - uptracker точка ru Помогите пожалуйста! Заранее спасибо)
0 votes8 answers -
Радиус скругления в Photoshop
Подскажите, как в Photoshop на макете узнать радиус скругления какого-либо бокса? Сейчас делаю это так, что тупо масштабирую макет и считаю пиксели, которые входят в закругление бокса.
0 votes2 answers -
Подключение css файла
Всем привет. есть некий шаблон страницы, разбитый на части и собираемый в последствии (include) я хотел подключить меню находящееся в отдельном файле с помощью линка.. - НЕ ПОЛУЧАЕТСЯ. далее добавляю в head местную конструкцию - содержимое файла ............... содержимое css файла (меню) ТОЖЕ НЕ РАБОТАЕТ! то есть формируемая стр НЕ УЧИТЫВАЕТ ПОДКЛЮЧАЕМЫЙ ЛИНК... ———————————————————————— ЧТО ЕЩЕ ИНТЕРЕСНО.. ФОРМИРУЕШЬ ЦЕЛИКОМ СТР. ПРОПИСЫВАЕШ В ШАПКУ КОД МЕНЮ CSS - И ВСЕ РАБОТАЕТ, А ДИНАМИЧЕСКИ НЕ ФОРМИРУЕТ.. знающии или сталкивающиеся с этим - подскажите что может быть не так?!! Спасибо.
0 votes15 answers -
Расстояние между ячейками таблицы
Подскажите, люди добрые, можно ли имея несколько ячеек в таблице задать разное расстояние между ними? cellspacing устанавливает одинаковое, а если нужно разное? Спасибо
0 votes7 answers -
Проблема с заменой курсора в Firefox
Всем привет :-) У меня в стилях прописана смена курсора при наведении: td.submenu { cursor: hand; } И на самой странице: <table> <tr><td height=25> <tr><td class=submenu>submenu1 <tr><td height=25> </table> Проблема состоит в том, что Mozilla Firefox не меняет в этом месте курсор. А мне очень нужно чтоб он сменился (тем более, говорят firefox популярнее стал :/). Есть варианты как поступить?
0 votes10 answers -
обращение в CSS к первой строке в таблице
вопрос такой есть таблица с идентификатором, могу ли я как-то не редактирую HTML а только CSS файл который подключен к этой странице применить стиль к первой строче этой таблици, а было бы здорово если к любой определенной другой, но НИКАК НЕ КО ВСЕМ!, подчеркиваю только к одной. <TABLE id="n1"> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> </TABLE>
0 votes4 answers -
Gif анимация и курсор
Всем привет! Ситуация такая. Есть код (из урока), благодаря которому при наведении мышью на картинку, она появляется сбоку увеличенная и при этом анимированная на пару секунд. Если курсор убрать с картинки, то анимацмия вынужденно преращается, так как gif, собственно, исчезает =) Может ли кто нибудь помочь подправить код, чтобы после отвода мышы гифка проигрывалась до конца, а уж потом изчезала? Заранее благодарю! <STYLE type=text/css> .bar A { DISPLAY: inline } .bar A SPAN { DISPLAY: none } .bar A:hover SPAN { DISPLAY: inline; right: 30px; POSITION: absolute } .bar A:hover { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #f90…
0 votes2 answers -
Notepad ++ и "ЖИВОЙ ПРОСМОТР"
Для начала думаю лучше бы добавить официальное видео(правда другой программы!): http://youtu.be/rvo3Mv1Z4qU?t=2m47s А вот и сам вопрос-МОЖНО ЛИ ОРГАНИЗОВАТЬ ТАКОЙ ЖЕ "ЖИВОЙ ПРОСМОТР" И В NOTEPADе?! Если знаете аналоги Brackets,напишите пожалуйста(нужна программа с просмотром изменений в реальном времени!).
0 votes5 answers -
Портфолио на Github
Добрый день. Сделал страницу с портфолио и разместил на Github.io. И вот какая проблема - при переходе по ссылкам на работы вся верстка ломается, и вроде бы причину нашел. Каким то образом в HTML файле в head оказывается инлайновый стиль, но он чужеродный, в моей верстке его нет. Выключаю его в инструментах разработчика все норм. Но как мне вообще от него избавиться? Где это, откуда, вообще не пойму. Ссылка на порфолио http://cdsy.github.io/ Ниже сам кусок кода от которого надо избавиться. <style><!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-e…
0 votes0 answers -
Блоки новостей. Как семантичнее верстать?
Ориентируюсь в верстке примерно на первую десятку фрилансеров-верстальщиков. Блоки новостей верстают по-разному - кто <dt> кто <ul> кто <em> <p> и пр. И все-таки кто-как считает - как семантичнее верстать?
0 votes22 answers -
Программа для проверки CSS на избыточность
Вот собственно кто видал такое чудо, т.е. есть файл стилей и красивый сайт, задача, нужно из файла стилей удалить лишний код, неиспользуемые селекторы и т.д. ?
0 votes10 answers