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
-
По макету
Добрый день! есть вот такой макет http://cs9895.vkontakte.ru/u36659292/136868868/z_00fdf510.jpg C body, #footer и #content я разобралась не могу понять как сделать #precontent. Он должен заполнять такое пространство, но при уменьшении окна, не должен создавать прокрутку. Через Hidden пробовала. Чё т не покатило) Спасибо!
0 votes6 answers -
Карусель
Здравствуйте! У меня возникла проблема,Есть вот такая карусель: Нужно чтобы изображения были ссылками, подскажите пожалуйста как это реализовать Вот все исходники: ссылка на rghost
0 votes6 answers -
Тег <img> и проблемы с атрибутом alt
Таков желаемый результат в идеале. Красным выделил осознанную ошибку в названии файла. arena.png- то как он сохранен у меня. А опечатку добавил чтобы проверить что из этого выйдет. и вышло вот что: 1. В Опере текст уходит за границу. 2. В Мазиле тексту грубо говоря, плевать на заданные параметры ширины и высоты рисунка. 3. А вот в Редакторе все четко, как и должно быть. И хочется, чтобы так было и в браузерах. Вопросы: 1) Как этого добиться? 2) Такого рода неожиданности ведь могут весь дизайн сломать в будущем. Могут ведь?-)) 3) В чем, собственно, проблема. Почему везде так по разному? Где ошибка?
0 votes7 answers -
контейнера div в линию
Как разместить несколько контейнеров div в линию без использования margin?
0 votes6 answers -
Строчка в таблице
Здравствуйте Учусь сам. Такое задание нужно выполнить, как на рисунке Тут видно, что строчек получается 5, у меня же получается 4 Вот код <!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=utf-8"> <title>веб-страницы</title> </head> <body> <TABLE width="900" border="1" cellpadding="0" cellspacing="0" align="center"> <TR> <TD colspan="3">1</TD><TH align="right">2</TH><TH align="right">3</TH><TD rowspan="2" align="right" valign="bottom">4</TD> </TR&g…
0 votes10 answers -
Аналог first-child
Подскажите. есть такой код - http://cdpn.io/Dcysf нужно применить float:left к первому div class="news" внутри блока div class="content". есть какая-то альтернатива псевдо-селектору first-child? по-моему, есть какая-то? что-то типа дочернего или сестринского селектора.
0 votes7 answers -
Градиент border
Как сделать такой градиент у border-top средствами CSS ?
0 votes6 answers -
Тег main
<main> также безопасно использовать как и section? Все ли браузеры, которые понимали section поймут <main>?
0 votes7 answers -
Проблема с анимацией меню
При наведении на пункты левого меню, иконки красиво выезжают, это благодаря анимации transition для ширины иконки, но этот же метод в правой части не работает. Методом проб и ошибок выяснила, что иконки будут красиво выезжать только когда прижаты к правому краю. В правом меню на последнем пункте видно, что анимация работает так как надо только, если элементу задан right. Пробовала задавать при наведении margin-left и его анимировать, но эффект все равно не тот. Уже всю голову над этим сломала. Может я что-то упускаю? Или это в принципе невозможно? Живой вариант
0 votes5 answers -
Анимация css
Есть пример: http://jsfiddle.net/WqZGF/ . Возможно ли сделать плавный раскрывание и закрывание на CSS без явного указания высоты и JavaScript?
0 votes2 answers -
Простой tooltip без использования плагинов?!
Всем доброго времени суток! Подскажите, простой способ написания элементарного плагина для тултипов! Предназначен он будет для указания ошибки при неверном вводе поля формы. Заключается он в следующем: API содержит два параметра: элемент (то есть input или textarea) который пользователь заполнил неверно, текст ошибки и положение относительно элемента (слева или справа). Например, чтобы при отправке формы он появлялся (если поле заполнено неверно) и при клине на соответствующий инпут исчезал. Пробовал разбираться с готовыми библиотеками типа tooltipster, но ничего не получилось, вот решил написать свой, чтобы не нести кучу лишнего кода с проектом. Примерно так он должен…
0 votes6 answers -
Не получается выровнять по центру заголовок на чердаке
Добрый день! Резиновый дизайн, чердак фиксированной высоты, слева - колонка фиксированной ширины, остальные размеры и контент - резиновые. Шаблон: Пример страницы: http://www.vodnik.narod.ru/alps1/index7.htm Использовал шаблон на divax, дизайн работает, как я и хотел, но выровненный по центру заголовок на чердаке получается смещённым вправо на ширину левой колонки относительно контента, некрасиво. Подскажите, можно ли поправить средствами html и css? PS: Меня устроил бы и такой дизайн, но тогда заголовок смещён влево относительно контента:
0 votes10 answers -
Растянуть div по всей высоте li-элемента
Собственно суть вопроса в заголовке. Более понятно на скриншоте, но все равно постараюсь объяснить. Правее есть некая дополнительная информация, которая отделена вертикальными полосками и эти самые полоски не по всей высоте, плюс ко всему информация не по середине. Уже не знаю, что делать. Хотя есть мысль переделать все не на списках, а на блоках div. Css код HTML код
0 votes4 answers -
Дайте рекомендации для верстки нестандартного макета.
Сабж, прошу дать рекомендации по верстке прикрепленного макета, нужно как-то качество разделить тело документа на 3 ровные части, причем должна быть корректная интерактивность (3 раздела в центре должны кликаться). мои вопросы по теме: 1. Какой css фреймворк посоветуете и почему, (или просто ручками) 2. возможна ли, релизация JSом, если да, то в какую сторону думать? 3. Проще все сделать без фреймвокров. Вообще в какую сторону мыслить) сталкиваюсь с таким нестандартным креативным концептом впервые. сам макет: http://hostingkartinok.com/show-image.php?id=eba9630d504694ef6d922db79cdcb50d
0 votes6 answers -
Не выравниваются путкты меню по ширине
Сайт Нашел статью, пробовал вставить пример на сайт, но не вышло - просто обрезался край. А нужно чтобы во всю ширину меню были расположены пункты меню. Видимо какой-то из стилей перекрывает, но не понял что именно.
0 votes6 answers -
Два вложенных дива в ie6
<!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> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <meta http-equiv="Content-Language" content="ru" /> <style type="text/css" media="all"> * {padding:0; margin:0;} #gor1 {border:3px solid green;} #gor2 {border:3px solid red; overflow:auto;} </style> </head> <body> <div id="gor1"> <h1><nobr>Длинный текст заголовка</nobr></h…
0 votes2 answers -
Растяжение страницы в IE8
есть сайт money-room.ru На главной странице через div с позицией absolute размещен текст "о сервисе" рядом с блоком обмена. В файрфоксе отображается нормально, а в IE происходит растяжение страницы.
0 votes2 answers -
Горизонтальное меню на картинке
Ссылка Бэкграунд - картинка (по заданию там будет не красный фон, а картинка). Нужно сделать горизонтальное меню с маркерами в виде квадратов. Проблема в том, что если в ul.topmenu li ставлю float: left; то мой бэкграунд пропадает. А если прописываю туда display:inline, то пропадают маркеры. Как решить проблему?
0 votes3 answers -
Корректность отображения
Здравствуйте! Дело такое: Есть сайт, сверстанный в html+css. Однако, при первоначальном открытии в браузере, дизайн откровенно "ведет" (то картинки вылетают, то они съезжают в сторону). Обычно, после 3-4 обновления (Ctrl+R) в браузере подряд, все становится на свои места, и сайт отображается так, как и должен, согласно верстке. В связи с этим, вопрос такой: Причина такого поведения в тяжести Сайта или в "кривом" коде? Просто, пожалуйста, подскажите, в каком направлении копать? Заранее благодарю за ответ!
0 votes7 answers -
Как выровнять кнопки по центру
Доброго всем времени суток! Подскажите, пожалуйста, как в приведенном ниже блоке выровнять кнопки 1,2 и 3 по центру? HTML-код: <div class="bottom_nav_wrap"><div class="bottom_nav"><ul><li class="previuos"><a href="#">« Previous</a></li><li class="pages active"><a href="#">1</a></li><li class="pages"><a href="#">2</a></li><li class="pages"><a href="#">3</a></li><li class="next"><a href="#">Next »</a></li></ul></div> </div> CSS-код: .bottom_nav_wrap{padding:10px 0;background: url(../img/content-border.png) top …
0 votes2 answers -
как решить это
вроде спрашивал как то или нет, не помню вот проблема http://joxi.ru/8An6bM5FL5GoAO на мобильных устройствах шрифт вверх уходит будто разный line-height стоит на пк все ок и на айфонах более менее на других скачет все в чем проблема?
0 votes5 answers -
Проблема с вёрсткой шапки
Здравствуйте! Имеется сайт, на котором хочу сделать шапку, но столкнулся с такой проблемой. Код страницы (header и есть сама шапка) Скрытый текст <!DOCTYPE html> <html> <head> <title>NormalGame Project</title> <meta charset="UTF-8"> <script type="text/javascript" src="//vk.com/js/api/openapi.js?146"></script> <link rel="stylesheet" href="style/main.css"> <link rel="icon" href="favicon.ico" type="image/x-icon"> </head> <body> <header> <div id="logo"> <a href="h…
0 votes2 answers -
Выбор селектора верхнего уровня
Слышал, что родительских селекторов верхнего уровня не существует, как тогда быть в такой ситуации: страница контактов, при наведении на адрес должна появляется картинка (карта) сверху с соответствующим адресом например при наведении на желтый, зеленый блок становился синим
0 votes3 answers -
Фреймы
Я новичок в html... Но нужно сделать сайт, в принципе очень простой, для себя. Использую фреймы. Вс? хорошо, сделала, но возможно ли расположить их по центру страницы? Не у левого края, а посередине? (все три фрейма вместе)
0 votes1 answer -
вопрос по фоновой картинке
Добрый день ещё раз! Вобщем мне нужно приявзать картинку фона к правой стороне блока, да так, чтобы она была смещаена ещё и на 50px вправо, т.е. уходила за пределы экрана при стандартном разрешении.. Как это записать более правильно (кроссбраузерно)?
0 votes4 answers