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
-
что делает атребут "azimuth" подскажите
что делает атребут "azimuth" подскажите
0 votes2 answers -
Как в ячейку таблицы вставить полосу прокрутки?
Дайте пожалуйста код на полосу прокрутки в ячейку таблицы.
0 votes2 answers -
выравнять фон по центру
собственно, вопрос как выравнять фоновую картинку по центру блока??
0 votes6 answers -
Получение свойств CSS элемента
Объясните плиз - вот я создаю к примеру <div> и прописываю ему CSS свойства: position: absolute; width: 300px; height: 200px (к примеру). Потом после события onload я получаю доступ к элементу через getElementById и пытаюсь узнать его параметры как document.getElementById.style.width и - ничего не получается. alert(document.getElementById.style.width) выдает пустую строку! Я-то ожидал там увидеть значение параметра.... Что тут не так?
0 votes5 answers -
Резиновый сайт по центру экрана
Задача: сделать резиновый макет сайта, расположенный по центру. Сделать фиксированный макет по центру, например шириной 960 пикселей, не трудно. На мониторах с шириной 1024 и 1280 такой сайт будет смотреться хорошо, но вот на мониторах с шириной 1680, и тем более 1920, уже не устраивает. Хотелось бы, что бы на больших расширениях сайт растягивался допустим до 1200 пикселей (не будем трогать тему удобочтения длинных строк), а на маленьких (1280, 1024) 960. Или как-то пропорционально растягивался с ростом расширения. Недорешений несколько: 1. Как предлагают в большинстве статей: сделать сайт на всю ширину экрана. Такой вариант сразу отпадает. 2. Прописать свойства min-widt…
0 votes6 answers -
Автоматическая обрезка изображений
Приветствую! Нужна помощь в следующем: - Имеем верстку в которой все картинки должны быть с одинаковой высотой и шириной. (для картинок задан width и height) - При загрузке некоторые фото непропорционально растягиваются, что не есть хорошо. Как сделать так, чтобы фото уменьшалось по заданным размерам и, если это требуется, часть картинки обрезалась?
0 votes4 answers -
как сделать пропорционально растягивающуюся картинку
необходимо для дизайна сайта выполнить картинку в верхней части сайта, так чтобы в зависимости от разрешения экрана была меньше или больше
0 votes7 answers -
Не правильное отображение css
#sddm div a:hover { background: #49A3FF; color: #FFF} .ib, .ib2 {height: inherit;z-index: 1;} .ibt, .ibtl, .ibtr {background: url('/images/ibt.png') top left repeat-x;height: 34px;overflow: hidden;} .ibtl {background-position: bottom left;float: left; width: 14px;} .ibtc {float: left;margin-left: 4px;line-height: 34px;padding-top: 2px;width: 86%;overflow: hidden;} .ibtr {background-position: bottom right;float: right; width: 15px;} .ibtc a.bl, .ibtc a.bl:visited, .ibtc span.bl {border-left: 3px solid #fcbc26;color: #09364c;font-size: 11pt;font-weight:bold;padding-left: 7px;} .ibb, .ibbl, .ibbr {background: url('/images/ibb.png') top left repeat-x;height: 20px;overflo…
0 votes10 answers -
text-indent, о размусоленном
Задумался о грамотном коде при верстке логотипов и вообще ссылок с картинками без текста. Казалось бы, что может быть проще <a href="#" title="title"><img src="#" alt="alt" /></a>Но, проследив за подгрузкой изображений на сайте, я повернулся в сторону спрайтов. Вот небольшая задачка. Дано: 1 логотип, 6 социальных кнопок. Итого - 7 изображений. Задача: Объединить изображения в спрайт и выдавать его в нужных местах. Вероятное решение: Обыкновенное. Мы пишем что-то вроде <a href="#" title="logo"></a>Но в этом случае у нас нет ключевых слов. Тег а пустой. Изменяем его так: <a href="#" title="logo">Logo</a>В дизайн не вписыва…
0 votes15 answers -
В ч?м ошибка?
www.css-mapping.narod.ru Текст снизу и его св-ва идентичны такому же сверху, но тогда почему он жирный???
0 votes5 answers -
вопрос по тэгу <img>
Решил заняться самообучением HTML. Был выбран самоучитель А. Гончарова. Написано там немного запутанно. Поэтому и вопрос. Я так понял,что с помощью тэгов , и можно сделать так называемую "карту". Т.е. поделить рисунок на некоторые области и сделать эти области ссылками на страницы.В качестве примера приведено вот что: <html> <head> <title>Указатель Web-страниц</title> </head> <body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#ff0000"> <center> <h2>Примеры карт</h2> </center> <a name="verh"> </a> <p>Изображения карт иллюстрируют способы задания координат областей для переходов <hr…
0 votes9 answers -
Window Css
Недавно услышал что CSS можно применять к самому окну браузера. Т.е. менять высоту и ширину окна, вплоть до того что убирать тулбар . Но мой поиск в интернете не дал каких-либо результатов. Может местные знатоки подсказать что имелось ввиду?
0 votes5 answers -
Вопрос по выравниванию
Всем привет. Не могу придумать как так сделать http://s006.radikal.ru/i215/1104/cf/27543fb9d14b.png Сами блоки смог выровнить с помощью margin:0 0 -9999px;padding:0 0 9999px; Картинки то же на одном уровне А вот на скрине видно, что кнопки Купить и цена, расположены всегда внизу. Как такое сделать? Это пример на сайте МТС, в каталоге товаров. Верстка там таблицами+ такая структура, что картинки идут сначала, потом описание и т.д... Т.е. чтобы кнопки Купить всегда располагались внизу. Или тут только через JS высчитывать высоту самого большого блока и делать такую же остальным? Может можно как-то через CSS? Не охота JS пихать. Может кто сталкивался уже с таким? Заранее спас…
0 votes9 answers -
передать значение href в src фрейма по нажатию на одну из ссылок
Доброго времени суток, помогите сообразить конструкцию. Есть ссылки, например: <a href="one.html" target="modal">link 1</a> <a href="two.html" target="modal">link 2</a> <a href="three.html" target="modal">link 3</a> И сам фрейм: <iframe name="modal" src="0" id="modalfrm"></iframe> Как по нажатию на ссылку открыть во фрейме ее href="" (при этом оставаться на этой же странице) я сообразил. Не могу сделать модальное окно с фрейма используя только css Есть варианты? Хотелось бы увидеть ваш подход к этому делу. Нашел один из способов сделать модальное окно "CSS Only" Ссылка открывающая модальное …
0 votes0 answers -
line-height в IE, FF, Opera-e
не подскажите где б можно было отыскать инфрормацию или сами может прокоментируете интерпретацию высоты строк в этих браузерах. Так как на практике убедился что все они по разному интерпретируют. Постоянно стыкаюсь с тем что в ФФ при задании в какойто строчки высоты строки ниже какой-то допустимой все что внизу лезет на 1px.
0 votes4 answers -
столбцы из li или div
Образовалась следующая проблема: две лишки или два дива, float:left +для li display:inline, в первом - картинка, во втором - текст, находятся в родителе (на странице используются как вариант с резиновым родителем, так и с фиксированной шириной - в боковой панели). При переполнении блока с текстом содержимым более, чем "ширина родителя минус картинка" - второй блок выводится ниже первого в 100% ширины родителя. При том ИЕ7 и ИЕ6 блок не переносят (что мне и нужно). <!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" xml:lang="ru" lang="ru"> <head> <t…
0 votes7 answers -
HTML якорь
Есть тяжелый сайт с тяжелыми страницами. Внизу каждой страницы есть информация об объекте с 4 вкладками, при нажатии на 1 из 4ех вкладок происходит перезагрузка всей страницы с изменением только снизу страницы. Цель: сделать так, чтобы при нажатии на 1 из этих 4ех вкладок страница перегружалась и сразу перематывалась вних снова до этих четерых вкладок. Вероятно тут надо использовать якоря, но как сделать так, что все было автоматически после загрузки не понятно. Может нужно js использовать? С удовольствием выслушаю Ваши идеи. Спасибо.
0 votes3 answers -
Не работает атрибут width в ячейке таблицы. Почему?
Всем привет ) Пишу скрипт для закрепления строк и столбцов в таблице. Столкнулся с проблемой: значение width атрибута style тега td работает не так, как я того ожидал. Почему и как это исправить? Вся относящаяся к проблеме информация отражена на скрине. в коде html прописано <td style="width: 263px">, а по факту 247px UPD: моих скудных знаний не в верстке хватает, чтобы решить проблему UPD2: всем помогающим спасибо и + к карме
0 votes3 answers -
Уползает фон landing верстки
Доброго времени суток форумчанам. Решил впервые сверстать макет и выбрал для этого дела landing страничку. При этом столкнулся с проблемой, фон уползает и не покрывает весь контент: И вот как должно быть по макету: Вот код моей верстки: http://jsfiddle.net/vNBfM/ В чем ошибка? Прошу также в общем оценить код, указать на ошибки. Заранее благодарю.
0 votes2 answers -
Рваный фон с тенью.Как сверстать?
Вот скрин фона http://c2n.me/3pebcoV. Рваные края со всех сторон центрального блока. Плюс еще и тень от него. Голову сломал, не могу придумать как сверстать. Вырезанные куски с предварительными наметками тут Если бы не тень , то как-то бы склеил из 3-х частей. Но тень подчеркивает прямые края блоков.
0 votes5 answers -
счетчик работы сайта
Добрый день! помогите пожалуйста со скриптом таймера(счетчика) тип времени работы компании. Требуют, чтобы было с годом, месяцем, днем, часами и т.д. Прошарил все сайты, не могу найти -- сделать, чтобы он он шел вперед... ПРИМЕР: "мы на рынке уже: 7 лет, 2 месяца, 3 дня, 4 часа, 2 минуты, 33 секунды" Напишите код, если не тяжело... Спасибо.
0 votes5 answers -
Горизонтальное кроссбраузерное выравнивание вложенных слоев
Добрый день. Подскажите,плз,мне надо прижать вложенный слой к правой границе контейнера (др слоя).Нормально работает у меня это толкьо в ИЕ. Opera,Mozilla и Safari на выравнивание не реагируют. <div style="width:100%;text-align:right;border:1px solid green;position: relative;" align="right"> <div style="width:200px; border:1px solid red;position: relative;">Контент</div> </div>
0 votes4 answers -
позиционирование
И совсем "тупой вопрос". Не понимаю, ПОЧЕМУ у меня элемент c id="table" не смещается вниз на 10 px , я ведь использую margin-top Хотя влево смещается. <div style="background-color : magenta; height:100px; width:44%"> <div id="table">Наведите курсор, чтобы посмотреть список</div> </div> CSS: #table { width: 283px; background-color: #D8E4F1; color: #6C727B; padding-left: 16px; margin-top:10px; margin-left:10px; } Буду благодарна любым комментариям.
0 votes7 answers -
Стянуть ник на IPB 2.3.5
Как стянуть ник на этой платфоме ?
0 votes5 answers -
Очень нубский вопрос по HTML =)
Вобщем есть 2 кода счётчика, назовём их "X" "Y" Нужно сделать чтобы они шли не друг под другом, когда я ввожу в модуле Joomla 1.5.14 произвольный HTML код, а в строчку Всё это должно быть в div'е Заранее спасибо =)
0 votes11 answers