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
-
Увеличение картинки при наведении
Доброго времени суток, форумчане! Помогите пожалуйста новичку с кодом. Скомпилировал вот такую конструкцию для плавного увеличения картинки при наведении мыши --> Всё прекрасно работает, увеличивается/уменьшается, НО когда переношу конструкцию на сам сайт, то собственно ничего не получается - иногда картинка просто дёргается (очень быстро пропадает и исчезает при наведённом курсоре), или увеличивается, но не плавно а резко (будто на другую меняется, как эффект .hover), при уходе курсора становится другого размера, чем была прежде, и вот уже тут плавно так возвращается к своему первоначальному размеру (то есть увеличивается до первоначального размера)... пробовал так…
0 votes1 answer -
Не фиксируется фон
Доброе время суток! После заливки сайта на сервер перестал фиксироваться фон. (При отладке на моём компе все работает). body { background-image: url(images/fon4.gif); background-attachment: fixed; } В чем может быть проблема? Помогите, пожалуйста. Спасибо.
0 votes2 answers -
Как сделать такую анимацию?
http://www.sitedon.ru/
0 votes7 answers -
как сделать резиновую куртинку в хедере
Друзья, подскажите пожалуйста, как сделать резиновую картинку в хедере, что бы на разных расширениях монитора отображалась вся картинка? Что бы не было вот так: #wrapper{ width:1346px; margin:0 auto; } #header{ background: url(./images/bg-body.jpg) center 29px no-repeat; height:199px; position:relative; }
0 votes5 answers -
Как сделать подгузку страницы?
Здравствуйте, как сделать так, чтобы сначала скачивалась одна часть страницы, а потом, когда дойдешь до конца страницы погружалось остальное?
0 votes3 answers -
плывет блог div при умешьшении масштаба в браузере
столкнулся со следующей проблемой: открываю файл index в браузере вся верстка при масштабе 100% смотрится хорошо при уменьшении масштаба начинает плыть правый блок с контентом. Если убрать border у блока с контентом все становится как надо. помогите советом http://savepic.ru/6617212.jpg http://savepic.ru/6600828.jpg <body><div class="karkas"> <div class="header"> <a href="#"><img class="logo" src="images/logo.png" alt="logo"/></a> <a href="#"><div class="random">Случайная серия</div> </a> </div> <div class="menu"> <ul> <li><a href="#">Выбрать эпизод</a></li>…
0 votes5 answers -
Сделать высоту родителя canvas == высоте canvas
День добрый всем. Необходимо, что бы родительский элемент, содержащий канвас, был равен размеру канваса - что бы родитель-контейнер никак себя не проявлял себя визуально. На первый взгляд ничего сложного:<div style="margin:0; padding:0"> <canvas style="margin:0; padding:0" width="18px" height="18px"></canvas></div> Доктайп: <!DOCTYPE html> Но - не работает Высота элемента, обрамляющего канвас, больше на 2px сверху и снизу. Тоесть, в сумме, по высоте он больше на 4px, чем содержимый канвас.При том, данное поведение сохраняется и для ячейки таблицы. Что я упускаю из виду?Возможно ли сделать родителя канваса строго совпадающим по размерам с…
0 votes2 answers -
Адаптивная вертикальная карусель
Здравствуйте. Посоветуйте, пожалуйста, адаптивную вертикальную карусель.
0 votes2 answers -
Появление спрятанного блока (внешнего) при наведении
Как можно повлиять на спрятанный блок с помощью hover, учитывая тот факт, что спрятанный блок не будет внутренним списком, а будем внешним дивом. <div class="navi"> <a href="#">Пункт 1</a> <a href="#">Пункт 2</a> </div> <div class="block"> <p>Текст Текст Текст ...</p> </div> То есть при наведении на пункт блока navi, должен появляться блок под названием block.
0 votes1 answer -
Не работает адаптация на мобильном
подскажите в чем ошибка, медиа запросы на экране браузера работают, а на самом мобильном устройстве нет. Весь сайт поломан. Вот так выглядит head <!DOCTYPE HTML> <html> <head> <meta http-equiv="Выберите расширение для паковки" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="keywords" content=" бизнес в интернете, онлайн бизнес, запуск бизнеса в интернете, онлайн предприниматель, пошаговая система, МЛМ в интернете"> <meta name="description" content="Бесплатный ПДФ пошаговая инструкция запуска бизнеса в интернете"> <link href="style.css" type="text/cs…
0 votes3 answers -
Текст на всю ширину блока
Практикуюсь в верстке и столкнулся с проблемой. есть блок и параграф в нем и текст не расширяется на весь блок Есть пример: Пример Версаю с планшета и скрине с него:
0 votes0 answers -
background и src
Вопрос вот в чем.Есть input type=image.Мне надо повесить на эту кнопку прозрачную картинку.Я делаю через свойство filter.Но что делать с параметром src.Если ему дать значение,картинка налаживается на background.Если не давать значение,появляется надпись Submit query.Это в IE 6.
0 votes0 answers -
Заместь картинки - [AD] 0_o
Почему так? Может это для Вас и примитив но для меня это важно... И такое у меня ток с одной картинкой... Захожу на сайт - [AD] —-- пару раз обновил - появилась картинка=) <- мистика!) вот css картинки #leftbar .adv img{margin-bottom:2px;display:block;margin-right:0} вот html картинки подробнее... Заранее спасибо.
0 votes0 answers -
Устанавливаем динамически одинаковую высоту
У меня есть таблица, которая может по горизонтали скролиться (она внутри блока у которого скролл) Рядышком (слева) прибиваю блок, в котором находятся заголовки каждой строки т.е. когда скроллим таблицу по горизонтали - этот блок торчит на месте и постоянно у юзера перед глазами этот блок с заголовками у меня строится динамически я получаю высоту каждой строки и устанавливаю эту высоту для соответствующего заголовка В сафари и ИЕ все нормально. В ФФ высота почему-то не соответствует Причем по разному, где-то на пиксель больше где-то на пиксель меньше получается Причем, определить закономерность появляения этой разницы не получается При разном контенте в ячейке разный сдвиг…
0 votes3 answers -
Проблема с цветом рамки
В css такой вот блочек .block1 { width: 200px; background: #fc0; border: solid 5px #E6E6FA; border-style: groove; font-size: 12pt ; font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; float: right; В HTML почему-то именно в IE— отображает границы рамки черным. а в Опере нужный цвет. Чего то я не дорубаю почему так Можно как-то исправить ??
0 votes3 answers -
поведение IMG и текста
Имеем примерно такой код - 2 блока друг за другом Контейнер в нем еще один в котором лежит картинка и текст. <div class="clearcont"> <div class="maincont"> <p><img class="imgmini" src="/путь/001.jpg" width="369" height="276" /></p> В наших справочных центрах вы сможете больше узнать о продуктах Google и найти решение практически любой проблемы. </div> </div> <div class="clearcont"> <div class="maincont"> <p><img class="imgmini" src="/путь/001.jpg" width="369" height="276" /></p> В наших справочных центрах вы сможете больше узнать о продуктах Google и найти решение практически любой пр…
0 votes2 answers -
Три "float" и "clear:both;"
У меня получается это: А надо это: Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #left { height:150px; width:100px; float:left; background:#990000; } #inner_left { height:80px; width:70px; float:left; background:#3366FF; margin-right:10px; } #right { width:100px; height:250px; float:right; background:#990000; } #center { margin-left:110px; background:#339966; margin-right:110px; padding:10px; margin-bottom:10px; } .clearfloat { clear:b…
0 votes4 answers -
Выравнять два блока по высоте
Друзья, подскажите, пожалуйста, как выравнять два блока по высоте внутри третьего, при условии что первый блок постоянно меняет свою высоту в зависимости от отображаемого контента? Во втором диве контент тоже меняется, но его мало, поэтому высота блока почти всегда одинаковая. Пробовал для второго блока прописать {height: inherit;}, чтобы он наследовал высоту третьего блока (и тогда все было бы как надо), но не помогает. Скрин: http://files.mail.ru/QQMQ1I?t=1 Код: HTML <div class="conc-item"> <div class="conc-info"> // 1-ЫЙ БЛОК <div class="cornerContainer ccLightGreen"> // ВНУТРИ 1-ГО БЛОКА БЛОК С ЗАКРУГЛЕННЫМИ КРАЯМИ <b class…
0 votes7 answers -
box-shadow не проходит валидацию
Здравствуйте. Пытаюсь приобщиться к CSS3, но не могу пройти валидацию. Имеется код: .box-shadowed {box-shadow: 2px 3px 4px 2px #888;} W3C ругается: Ошибка разбора [empty string]. Если убрать растяжение тени, то все ок, но тень растягивать мне нужно .box-shadowed {box-shadow: 2px 3px 4px #888;} Это баг w3c парсера или я что-то делаю не так? Если указать любой из параметров тени как ноль без размеров - тоже ругается. .box-shadowed {box-shadow: 0 0 4px #888;}
0 votes3 answers -
Таблица портит жизнь
Поручили исправить макет уже готового сайта. Средина сайта выполнена таблицей, стандартные 2 колонки, слева узкая фиксированная, справа растягивающаяся. Если в область контетна (в правую колонку) вставить блок большой ширины, то он рвет всю верстку он растягивает эту колонку так, что появляется горизонтальный скроллинг страницы. Вроде бы логично, ага? Но вот зараза, почему когда этому блоку задаешь css свойство overflow: hidded, он не прячет содержимое, которое вылезает? Блок по прежнему растягивает эту правую колонку. Я тестировал без таблицы, здесь все ОК. А как быть с таблицей? На деле мне необходимо вставить горизонтальный ротатор изображений. Изображений очень много.…
0 votes3 answers -
Расстояние между строками таблицы
Здравствуйте всем. У меня вопрос по теме. Есть код, или вот страница : <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> tr td img { display: block; } </style> <title>Audi site</title> </head> <body> <table cellspacing="0" cellpadding="0"> <tbody> <tr> <td colspan="3"><img src="./images/audi_new_02.png"></td> <td style="float: right;"><img src=…
0 votes1 answer -
css хитромудрые селекторы
Есть верстка: <body> <header>Заголовок сайта</header> <div class="layout"> <aside> <div class="top"></div> <div class="middle"> <h2 class="nomargin-top">Меню</h2> <—- вот он, элемент для которого надо получить селектор <ul class="nomargin-bottom"> <—- и для последнего тоже надо <li><a href="link1.html">Ссылка 1</a></li> <li><a href="link2.html">Ссылка 2</a></li> <li><a href="link3.html">Ссылка 3</a></li> <li><a href="link4.html">Ссылка 4</a></li> <…
0 votes6 answers -
php
Как экранировать в printf %?
0 votes4 answers -
Проблема с раздельными фонами для пункта меню и выпадающего списка
Есть пункт меню. При наведении на которого, выпадающая меню должно располагаться над пунктом меню. При этом она должен остаться видимым. Сперва делал фон для выпадающая меню градиентом где определенная верхняя часть прозрачная. Но при этом border без фона прикрывает корзинку и выглядел некрасиво. По совету тов.psywalker делал как он сказал. Но фон и border пункт меню только вокруг текста. То есть нет требуемого ширины. С паддингами поигрался. К сожалению, не сработал. Как можно решить данную задачу. Вот сайт. Пункт "Мой аккаунт" наверху. Всем спасибо.
0 votes13 answers -
Запрет на ввод букв.
Есть сайт на платформе ucoz. Хочу что-бы в строке поиска не нельзя было вводить буквы, а только цифры и символы. Хотя из символов мне нужно только "тирэ". Вот ссылка на сайт Вот ссылка на сайт
0 votes5 answers