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
-
Свеча
Мне нужно сделать так, чтобы div (в виде прямоугольника) уменьшался в высоте подобно горящей свече - сверху вниз. Подскажите варианты решения.
0 votes1 answer -
Проблема с галереей изображения
Добрый день,при масштабировании (в Chrome с помощью ctrl+с.к.м.,в других браузерах не пробовал) есть проблема с отображением галереи изображений,помогите пожалуйста,код представил.
0 votes3 answers -
межстрочный интервал
http://texteredsa.besaba.com/kotofey/kotofey/inner-goods.html а вот так вот в маке http://i72.fastpic.ru/big/2015/0720/51/5808bf83357b6aebd2112cab422c6a51.png почему шрифт так скачет?
0 votes3 answers -
Пустая область на экране смартфона
В качестве упражнений для себя по адаптивной вёрстке, сверстал 2 страницы по psd .(вторую правда немного доделать осталось, но не в этом дело) 1) http://alex182.16mb.com/ 2) http://alex182.890m.com/ При тестировании в различных разрешениях в браузере всё ok. Но когда я посмотрел на своём Samsung в опера мини (экран 320 на 480) -ОС Android, то на 1 странице появляется пустая область ,то есть открывается с горизонтальной прокруткой и если отдалять зум то получается вот так : А со 2 страницей всё нормально, занимает полностью всю ширину экрана без горизонтальной прокрутки. Пытался добавить условия <meta name="MobileOptimized" content="320"/> <meta name="Ha…
0 votes1 answer -
Некорректное отображение фона в Опере
Доброго времени суток всем. Есть проблема отображения фона сайта. На сайте http://imghost.vitaliy43.ru в Опере задник выглядит некорректно, переходы между цветами не плавные и незаметные, как в других браузерах, а резкие. Однако тот же самый задник на локальном сайте, под Windows, выглядит абсолютно корректно во всех браузерах. Итак, корректное отображение - Во всех браузерах, кроме Оперы. Некорректное - Только в Опере. Сам фон задается в стилях такой строчкой: background: url(../images/html.png) repeat-y 50% 0 #3B5999; В чем может быть причина такого отображения в Опере?
0 votes2 answers -
Как включить один стиль в другой?
Здравствуйте. Можно ли включать один стиль в другой кодом наподобии этого: a{ some styles... } b{ some styles... include_style a; } ?
0 votes1 answer -
Изменение полосы прокрутки в CSS
Здравствуйте! Никак не получается изменить цвет полосы прокрутки браузера. Атрибуты scroll* вообще не реагируют.
0 votes2 answers -
Верстка
Есть меню. но оно отображается не правильно. Как есть (ФОТО): Как надо: Есть код: <div id="menu"> <div class="menu"> <a href="#" ><img class="km" src="img/a_km.jpg"><h5>Аренда кофемашин</h5></a> </div> <div class="menu"> <img class="km" src="img/p_km.jpg"> </div> <div class="menu"> <img src="img/r_km.jpg" class="km"> </div> <div class="menu"> <img class="km" src="img/p_k.jpg"> </div> </div> +css #menu { margin-top: 30px; background: url(img/menu_bg.jpg); width: 200px; height: 440px; -webkit-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); -moz-box-shad…
0 votes1 answer -
Неработает ссылка <a>
Код: <td class="BTT"> <a href="http://www.google.com/"> <table class="TABL" onmouseover=this.className="TABLon" onmouseout=this.className="TABL"> <tr> <td class="TXT_UP" bgcolor="#859633">Google</td> <td class="TDIMG" rowspan="2" bgcolor="#CCCC77"><img src="../Ico/Ya.gif"></td> </tr><tr> <td class="TXT_DN" bgcolor="#432645">http://www.google.com/</td> </tr> </table> </a> </td> В ИЕ неработает тег <a> Почему так? Как исправить? И другая проблема. Для класса TABL в стилях прописаны "border-spacing" и "padding". В ИЕ они опять же не срабатывают (хотя в опере норм…
0 votes4 answers -
Strict Doctype
Подскажите пожалуйста, есть ли браузеры, которые поддерживают HTML 4 Strict doctype, но не поддерживают doctype HTML 5? В статье на этом сайте написано, что для перехода в стандартный режим можно использовать один из трёх вариантов, но ничего не сказано о различиях. В том числе между 4.0 и 4.01. Есть ли какой-либо смысл использовать Doctype <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> вместо <!DOCTYPE HTML> ?
0 votes2 answers -
Смена картинки и ссылки
Привет, подскажите пожалуйста, как реализовать следующую штуку: Имеется ссылка, под ней картинка. При нажатии на ссылку, текст ссылки меняется на другой и появляется всплывающая картинка, либо картинка поверх всего. При нажатии на новую ссылку, появляется первая ссылка и первая картинка. При появлении 2ой картинки, 1ая должна либо пропадать,либо закрываться 2ой картинкой.
0 votes0 answers -
Вызов скрипта из href.Как надо правильно?
Собстна сабж. Я делаю так <div class="side" id="side1"><a href="javascript:$('#Layer1').css({'visibility':'visible' });">текст тута </a></div>брозер выдает ошибку [object Object] хоть еа секунду и показывает окно.
0 votes1 answer -
У меня код не отображается ни в каком браузере
У меня код не отображается ни в каком браузере, ни хром, ни фф. Что делать, в чем проблема? Вот мой код: <!DOCTYPE html><html> <head> <meta charset="utf-8> <title>Моя первая HTML-страница</title> </head> <body> <h1>Мой первый заголовок</h1> <p>Мой первый параграф</p> </body> </html>
0 votes1 answer -
Друзья, помогите разобраться с видео и фоном
Друзья, хочу понять как вставить видео с таким фоновым эффектом типа сетки, как тут: http://yes-marketing.ru/и тут http://ir.magnit.com/
0 votes3 answers -
нубский вопрос про передвижение списков и маркеров
В общем, двигаю списки а маркеры остаются на месте, посоветуйте чего, товарищи http://savepic.su/6231777.jpg http://savepic.su/6269664.jpg
0 votes2 answers -
Не видны бегунки на слайдера
Всем привет, На странице Ссылка во втором слева снизу блоке есть слайдер на котором с какого-то момента перестали отображатьбся 2 бегунка которые в файле стилей Ссылка стиля определены как: * slider */ .slider-pane { padding: 12px 6px; border: 2px solid #dcdcdc; background-color: red; } .slider { overflow: hidden; margin-top: 0px; margin-bottom: 0px; padding: 5px 0px 5px 8px; } .slider dd > input { margin: 0px; padding: 0px; height: 18px; border: 2px solid red; background-color: inherit; color: #999999 !important; } .slider > *:last-child { padding-left: 4px; } .ui-slider { margin-bottom: 15px; height: 8px; backgroun…
0 votes0 answers -
Позиционирование слоев в HTML.
Ребята, как спозиционировать картинку айфона, чтобы была как на макете ( нижняя часть телефона была спрятана за фон и верх чуть отталкивался от фона ) ? Взял бутстраповскую карусель. Скрины макета и того, что получается кинул в описании. Все верстал блоками.
0 votes1 answer -
Нужен ли тег alt у изображений?
Обновил движок ДЛЕ до версии 11.2. Разработчики в этой версии полностью убрали из изображений тег alt. То есть, если на странице несколько картинок, то тег остается только у первой а у остальных его нет. Вот этот момент: Вопрос в том, стоит ли удалять этот тег или оставить всё как было? Спасибо.
0 votes0 answers -
Помощь по системе Ucoz
Знатоки и прочие мастера, прочитал учебник по html спс) Мое представление Web-дизайна увеличилось на пару процентов. Но вот что хочу спросить, не пойму как данные вещи реализовать: 1)Смайлики - как свой набор поставить, чтобы отображался слева, а Ucoz набор убрать?(sml и редактор делал, но пишет "Нету набора") 2)Как поставить свои "кнопочки" и тп? и есть ли сайтик норм по этому? 3)Как ставить "Кнопки" поверх картинки? 4)Как можно поставить свой медиа плеер, и где его взять? 5)Как сделать баннеры "Наши Друзья" движущимися? 6)Как изменить размер допустимой аватарки? 7)Как сделать Предстартовую страницу, чтобы при вводе сайта открывалась допустим одна большая картинка, и…
0 votes0 answers -
Присвоение width или heigth при помощи js
Надо чтобы загруженная картинка анализировалась вертикальная она или горизонтальная и в зависимости от этого присваивается width или heigth, тк задание одного параметра даст пропорциональное уменьшение. В итоге она ложится в квадрат и края обрезаются. вот код. [ code ] <div style="overflow:hidden; width:200px; height:200px;"> <script type="text/javascript"> function razmer(x) { var y = parseInt(x); if (y >= 0) {return "height"}; if (y < 0) {return "width"}; } </script> <img src="$IMG_SMALL_URL1$" class="newsPictures" border=0 onLoad="(razmer(width-height))='200px'" > </a> </div> [ /code ] $IMG_SMALL_URL1$ - путь к ка…
0 votes1 answer -
Фоматирование текста для разных разрешений
Собственно всё понятно из картинки... Что-то затупил - никак не могу придумать решение. Хотелось бы на чистом css.
0 votes2 answers -
Как сделать?
Подскажите пожалуйста, как сделать так что бы сайдбар-линия(которая обведена на рисунке) автоматически меняла свою высоту при добавлении постов?
0 votes3 answers -
Как сделать, чтобы одна ссылка выполняла две функции?
Есть ссылка на выполнение скрипта <a href="javascript:toggle_visibility('MyDiv');" >ссылка</a> и ссылка , изменяющая параметр страницы <a href="?alb=25" >ссылка</a> Вопрос: как объединить эти 2 ссылки в одну?
0 votes2 answers -
Ошибка отображения в IE7
Добрый день всем! Посмотрите, пожалуйста, скриншоты. На втором видно, что блоки смещаются. Такое только в IE7 (и в IE8, если в нем включен режим совместимости). Адрес сайта http://www.nomalenio.com/. Кто-нибудь знает, как наладить совместимость с IE7? За пару дней были сверстаны три различных сайта-визитки и в каждом из них наблюдается подобное. Опыта у меня мало, и времени, к сожалению, тоже. Ребят, буду благодарен за любой дельный совет.
0 votes2 answers -
Верстка кнопок одинаковой высоты
Необходимо сверстать 4 кнопки одинаковой высоты в столбик с помощью CSS3. Блок, в котором находятся кнопки ограничены по ширине. Проблема возникает, когда текст кнопки не вмещается в заданную ширину и переносит текст. Необходимо, чтобы надписи на кнопках были центрированы по вертикали (по горизонтали тоже) при заданной высоте, т. е. чтобы если текст кнопки переносится на другую строку, высота при этом не увеличивалась. Делаю так. В моём примере высота увеличивается. <ul> <li><a href="" class="button"><span>Текст</span></a></li> <li><a href="" class="button"><span>Текст</span></a></li> <li&g…
0 votes0 answers