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
-
Параллелепипед с помощью css
Есть ли способ создать с помощью css параллелепипед как на картинке?
0 votes16 answers -
не отображаются картинки в IE
Всем привет! Есть кусок html кода: <ul class="CategoryTree"> <li class="submenu"> <span class="nodeImage" onclick="java script:ajaxOpenCategory(1);return false"></span> <a href="category.html?catId=1">cat-1 id=1</a></li> <li class="submenu"><span class="nodeImage" onclick="java script:ajaxOpenCategory(2);return false"></span> <a href="category.html?catId=2">cat-2 id=2</a></li> <li class="leaf"><span class="nodeImage" onclick="java script:ajaxOpenCategory(3);return false"></span> <a href="category.html?catId=3">cat-3 id=3</a></li> <li class="leaf"&…
0 votes8 answers -
Курсив italic
На сайте цитаты в курсивном стиле, сайт резиновый, три вертикальные колонки. Лево - менюшка, право - новости а в середине информация. Средняя колонка по её краям в черной рамке. Из-за курсивного стиля исчезает правая полоса обрамления. Сталкивался кто-то с такой проблемой???
0 votes12 answers -
Высота 3х колонок - 100% (проблема)
Грубо говоря надо дивами получить то, что получится такими вот табличками: <html> <head> <style type="text/css"> html,body{ padding: 0; margin: 0; height: 100%; width: 100%; } </style> </head> <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" height="100%"> <tr> <td height="70" bgcolor="#FFFFCC"> </td> </tr> <tr> <td height="30" bgcolor="#FFFF99"> </td> </tr> <tr> <td valign="top"> <table width="100%" border="0" cellspac…
0 votes17 answers -
Параметр overflow не работает
Всем привет. Имеется страница, след. структуры ... <table> <tr> <td> .... </td> <td> <div class="content"> <div class="code"> .... </div> </div> </td> </tr> </table> ... Часть CSS кода: ... div.code { background-color: #F2F1ED; border: 1px dashed #000000; font-family: Courier; margin: 10px; overflow: scroll; padding: 5px; } ... Как видите, у div'а с классом "code" параметр overflow установлен в scroll. Но, не работает. При вводе нескольких десятков символов (не пробельных), этот div уезжает за экран монитора, при этом scrollbar остается заблокированным... В чем может быть пр…
0 votes2 answers -
Индексация поисковиками страници с фреймами (frameset)
Здравствуйте! Пришел к вам на форум, чтобы спросить следующее: Я вообще флешер. Делаю сейчас сайт приятелю. Нужно сделать красивым, и в тоже время, очень важно отображение в поисковиках. Для этого, я решил использовать фреймы. Раньше никогда их не пробовал, но изучив понял, что все просто. Только вот моя логика подсказывает, что возможны проблемы с поисковиками. Подробности: Я буду делать сайт таким: 1. Страница index.html в которой прописано вместо Фреймов будет 4. первый будет флеш шапка, второй, флеш подвал, третий левая колонка, а четвертый все остальное. Т.е Первые три флейма будут полностью заняты флешками, а четвертый, будет подгружать и менять html страници сай…
0 votes32 answers -
Создание простенького сайта, нужна помощь
Всем привет. В общем плане, цель моей курсовой по информатике создать сайт о автомобилях любой марки. Ни чего особенного, простой сайтик написанный в блокноте. Встал вопрос - с чего начать? Я так думаю, что нужно задать структуру странице, чтобы например слева меню, вверху большими заглавными буквами само название сайта, ну и по центру вся инфа. Вся проблема в том, что я не знаю как эту структуру прописать в блокноте. т.е. мне нужна помощь с шаблоном, а дальше я сам попробую разобраться. На картинке примерно показана, та структура о которой я говорил выше, кто знает как е? прописать на языке хтмл, помогите пожалуйста. Спасибо
0 votes37 answers -
Как один div выровнять по центру правого края другого?
И чтобы при изменении размеров div-а относительно которого выравниваем, соответственно перемещался и второй div (который выравниваем)? p.s. первый div - блочный
0 votes6 answers -
Как обрезать картинку снизу?
Друзья, возникла задача построения ряда блоков. Блоки располагаются один под другим. В каждом есть изображение, которое должно обрезаться снизу. Однако сам div нестандартный. Смотрим картинку Какие у меня были варианты решения: Использовать overflow: hidden; Но идея потерпела крах, потому что он обрезает не по линии, а по горизонтали. Использовать clip; Тоже крах, потому что теряется адаптивность и каждый раз рассчитывать clip даже с помощью js тяжело Разные варианты совмещения. Например, взять из макета дугу и картинку, сохранить как PNG и установить в основном слое как background-position: bottom; Пока это самая лучшая идея, но она не унив…
0 votes17 answers -
Кнопка для смены фона сайта.
Привет всем ! Решил сделать на своем сайте кнопку для смены фона на сайте что бы страница не обновлялась, а менялся только её фон. Возможно ли реализовать это в CSS или без javascipt не обойтись ? Для примера, есть 4 фоновых изображения : 1, 2, 3, 4 И две кнопки, вперед и назад : NEXT, PREVIOUS Идея : Заходя на сайт стоит фон 1 : <style type="text/css"> body { background-attachment: fixed; background-image: url(1.png); background-repeat: repeat; } <style> Варианты реализации : 1 Есть 2 кнопки - NEXT и PREVIOUS, при нажатии на NEXT фон меняется на 2.png, при повторном нажатии на 3.png и так далее, при нажатии PREVIOUS возвращается к пред…
0 votes2 answers -
overflow-y:scroll; две полосы прокрутки
Есть сайт, отцентрированный по середине, с помощью margin-left:auto; and margin-right:auto; ИЕ отображает полосу прокрутки по умолчание, остальные браузеры - нет. Первая проблемы была вызвана тем, что при появлении этой самой полосы прокрутки во всех браузерах(кроме ИЕ где она просто становилась активной) весь контент сайта смещался влево на ширину полосы прокрутки. Решение было отображать ее во все браузерах с помощью body { overflow-y:scroll; } Но после этого ИЕ начал отображать 2 полосы прокрутки рядом =) подскажите как это можно решить? для примера, откройте в ИЕ и увидите 2 неактивные полосы прокрутки. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/…
0 votes6 answers -
Проблема с меню
В общем мне нужно чтобы меню в css разпологалось горизонтально, оно состоит из рисунков и разбито на классы. #menu_graf { width:100px; background:#0000FF;} #menu_graf a { text-decoration:none; } #menu_graf div { width:100px; height:30px; cursor:pointer; } #menu_graf a.knopka1 { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1 div { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1:hover { background: url("images/button_1_hover.gif") no-repeat; } #menu_graf a.knopka1:hover div { background: url("images/button_1_hover.gif") no-repeat; } А вот следующая кнопка разпологается сразу после предыдущего, как сделать чтобы было горизо…
0 votes34 answers -
При наведении на ссылку меняется картинка внутри ссылки
Столкнулся с вот такой проблемой: <table> <tr> <td> <a href="/primer.html"><img src="/img/01_c.jpg" onmouseover="this.src='/img/01.jpg'" onmouseout="this.src='/img/01_c.jpg'"></a> </td> </tr> <tr> <td> <a href="/primer.html">Картинка</a> </td> </tr> </table> Когда наводишь на картинку 01_с.jpg она меняется на 01.jpg, уводишь курсор возвращается прежняя картинка. Картинка, как вы обратили внимания, сделана ссылкой на…
0 votes4 answers -
Как прописать фон в html?
Подскажите, как правильно прописать фон посредствам тега (пример)<img src="1111.jpg" alt="1111"> в коде, минуя CSS Спасибо
0 votes8 answers -
Рамка вокруг страницы. XHTML
Всем добрый день. Возник вот такой вопрос. Задача следующая: есть страница с контентом в 800px, вокруг страницы нужно сделать рамку, которая должна быть по периметру окна при любых его размерах, при этом если ширину окна сделать меньше ширины контента, то правая полоса рамки должна пропадать. Если высота контента меньше, чем высота окна, то вертикального скролла быть не должно. Доктайп следующий: quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Внимательно изучил форум, есть несколько вариантов решений, но на 100% ни одно не подходит. Мои варианты решения: 1. Правая полоса рамки не растягивается на всю высоту окн…
0 votes3 answers -
Как мне разместить тектс на?
Всем привет! Я сталкнулся с проблемой, я не могу разместить текст, на кортинке или на подготовленом для это элементе в формате GIF. он либо идет после элемента, либо вообще невидно, какой скрипт нужно писать? Жалко что скриншоты тут не предусмотрены , но скрипт вот такой я пишу Текст И еще как мне изменять цвет текста на кортинке?
0 votes26 answers -
Непрозрачное изображение на прозрачном слое
Здравствуйте. Есть проблема такого характера. Есть див, к нему прописано opacity: 0.3; Внутри этого дива есть картинка, мне нужно, чтобы она не была прозрачной. Я прописываю картинке opacity: 1 !important;, но она все равно прозрачная. Как быть, подскажите? <div style="width: 600px; height: 300px; background: #FFFFFF; opacity: 0.2;"> <div style="position: absolute; left: 200px; top: 50px;"> <img src="myimg.png" style="opacity: 1 !important;"> </div> </div>
0 votes4 answers -
Бывают ли дробные пиксели
Уважаемые развейте мои сомнения. Столкнулась с такой вот вещью, как дробное указание величины в пикселях. Такое вообще может быть На моей памяти пикселы не деляться
0 votes10 answers -
Вписать изображение в контейнер с подгонкой размеров
Доброго времени суток, прошу помощи в решении задачи. Пример (как должно быть): На данном рисунке: Есть общий контейнер (зеленый прямоугольник), чьи размеры (и ширина и высота) заданы фиксированно (но эти величины заранее не известны + при изменении размеров окна браузера могут меняться) Внутри общего контейнера лежит контейнер изображения (красный прямоугольник). Ну и есть само изображение, о котором не известно вообще ничего. Суть задачи: изображение должно масштабироваться сохраняя свои пропорции так, чтобы занимать всю высоту или ширину зеленого контейнера (быть вписанным в зеленый контейнер), при этом красный контейнер должен име…
0 votes7 answers -
Padding/Margin в процентах
возможно задать значение Padding/Margin в процентах? никак не получается... спасибо
0 votes9 answers -
Не отображаются границы таблиц на сайте
Совершенно не отображаются границы у таблиц. Дело не в css. Создаю таблицу без стилей - нет границ, таблицу с принудительными стилями для отображения границ ноль реакций. Отключаю все таблицы стилей как на скрине, создаю простой код, ничего лишнего - нет границ. Хотя если судить по стилям по умолчанию (на скрине) - должны быть серые границы. Спасибо заранее если кто поможет.
0 votes1 answer -
ПОчему не показывает бэкграунд?
Есть Html код, в нем таблица, а в середине таблицы бэкграунд. Решил другой получше поставить, а он не показывается. Размер одинаковый. Формат тоже одинаковый -gif. В чем может быть проблема?
0 votes22 answers -
0 votes6 answers
-
gmail не видит картинки в html письме
Добрый день, я ранее задавал этот вопрос, пожалуйста, кто разбирается в html письмах, помогите. Сверстал письмо, перепробовал и картинки на хостинг заливать и задавать им путь оттуда, gmail не видит, пробовал и локальные изображения через сервисы рассылки email, заливая туда свой шаблон, гугл все равно их не хочет видеть, в чем беда?
0 votes14 answers -
Как сделать отступ текста от верха ячейки
Буду преблагодарен за ответ на этот простенький вопрос Как сделать отступ текста в данной ячейке таблицы наиболее естесственным образом (без пустых строк/абзацев или встраивания таблицы в ячейку)? Отступ от верхнего края ячейки
0 votes4 answers