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
29,542 questions in this forum
-
overflow: hidden скроллится
Во всех браузерах все отлично, а на Macbook при использовании Safari содержимое элемента с overflow: hidden прокручивается двумя пальцами... Нужна помощь, Google бессилен. Причем на сайте iTunes, например, такого нет. Пример Мой код (без position: relative еще и полосы прокрутки появляются): <div style="width: 480px; height: 320px; overflow: hidden; position: relative"> <img src="http://new.yogamen.net/uploads/games/crazy/1.png" style="float: left" /> <img src="http://new.yogamen.net/uploads/games/crazy/2.png" style="float: left" /> <img src="http://new.yogamen.net/uploads/games/crazy/3.png" style="float: left" /> <img src="http…
0 votes0 answers -
Без скриптов...
Я думаю всем известен тег <noscript> и его предназначение (пояснение для тех, кто забыл или не знал). при использовании jQuery некоторые эффекты дизайна могут быть не доступны для пользователей с отключенным javascript. можно ли, используя тег <noscript> указать для загрузки альтернативную таблицу стилей, которая будет менять отображение страницы?
0 votes2 answers -
Ссылка и переключатель разворота в верхнем уровне аккордеона
Здравствуйте, я новичок в программировании и поэтому хотя и пытаюсь разобраться сам, но все же мне нужна ваша помощь. Я использую http://www.i-marco.nl/weblog/archive/2010/02/27/yup_yet_another_jquery_accordi плагин, вот рабочая площадка http://stezja.kiev.ua/index0.php. Задача такая: добавить в верхний уровень списка графический элемент который будет сворачивать-разворачивать список, а ссылка которая обеспечивает этот функционал станет простой ссылкой :help: , т.е. при клике на ней будет осуществлен переход на другую страницу, как и должно быть в штатном режиме :write: Система приблизительно такая: Сначала я пробовал через background-image, но на него нельзя повесить …
0 votes11 answers -
Копипаст
Можно ли как-то защитить изображение от его сохранения другими пользователями?
0 votes6 answers -
Почему не отображается в IE?
Вот такой вот код главного дива: main{ background:url(../%D0%A1%D0%B0%D0%B9%D1%82%20%D1%84%D0%B0%D0%B9%D0%BB%D1%8B/background1.jpg); width:960px; height:900px; background-repeat:no-repeat; margin:0 auto; Задача:фиксированная картинка фон для сайта(с добавлением тени,поэтому через див) по середине. Вопрос:в чем проблема отображения в ИЕ?Фаерфокс отображает корректно.А ИЕ не хочет...пробовал разными способами?
0 votes4 answers -
Как работает height: 100% для <div>?
Почему тут работает height: 100% для <div>, а тут не работает?
0 votes2 answers -
Ячейка по содержимому по высоте
Есть таблица. Первая ячейка является полной строкой таблицы (2 объединенные) Вторая ячейка является остальной таблицей. То есть полная строка и полный столбец. Текст по строке идет по содержимому, но когда становится больше фиксированной длины, то таблица расползается по всей странице. Надо, чтобы доходя до фикс. длины, производился переход на новую строчку <table width="680"> <tr> <td colspan="2">Текст</td> </tr> <tr> <td colspan="2" rowspan="20">Большой текст</td> </tr> </table> Заранее спасибо
0 votes5 answers -
Как релизовать такую смену контента при наведении на ячейку?
В общем есть такая структура общего блока: Подскажите, пожалуйста, как сделать, чтобы при наведении на неактивную ячейку она сразу становилась активной (менялись стили оформления) и контент в синем блоке заменялся на данные от выбранной ячейки? Следовательно, предыдущая активная ячейка автоматом должна становиться неактивной. Вся данная динамика должна происходить именно при наведении на неактивную ячейку, а не при клике на ней. На странице будет несколько таких зон. Я так понимаю, что без скриптов не обойтись, но никак что-то не могу найти нормальное решение.
0 votes6 answers -
Не появляется вертикальная прокрутка в IE
У меня не стандартный список select (не стандартный тем что, работает с jquery), все в норме работает. Единственное проблема в том, что в IE вертикальная прокрутка не появляется. overflow:scroll не помогает. как еще можно заставить ie чтоб, прокрутил список вверх-вниз. Заранее спасибо. Ссылка на код
0 votes3 answers -
Помогите найти слайдер
Всем здравствуйте! Подскажите, пожалуйста, встречали ли вы подобный слайдер, чтобы контент размещался в две строки: Буду благодарна за название или его ссылку.
0 votes3 answers -
фон на всю ширину для footer`a заданной ширины в 3х колоночном дизайне
фон на всю ширину для footer`a заданной ширины в 3х колоночном дизайне. Верстаю макет 3х колоночного. Нужно что бу у футера был растягивающий фон. Я сделал так: <body> <div wraper> ... <div footer></div> </div> <div footerstyle></div> То-есть под основным телом страницы создал дополнительный слой, в css написал: #footer { height: 100%; width:100%; background: #326ca6; } #footerstyle { background: #326ca6; width:100%; height: 100px; position: relative; margin-top: -100px; } ps. Для css footer высота изначально 100px В итоге фон залазеет куда надо, но конечно поверх контента футера)Конечно можно установить разные z индекс…
0 votes3 answers -
0 votes6 answers
-
div с фиксированной высотой, нужно сделать футер
есть div с фиксированными высотой и шириной. внутри 3 дива - заголовок, контент, футер. <div class="container"> <div class="header"> title </div> <div class="content"> item content </div> <div class="footer"> toolbar </div> </div> нужно сделать, чтобы футер был снизу, а контент занимал все свободное пространство между заголовком и футером. прижал футер к низу так: .container{ position:relative; } .footer{ position: absolute; bottom: 0; } но с контентом не могу сообразить как.. upd забыл один важный момент: div с контентом должен быть с overflow:hidden. т.е. содержимое дива не должно растягивать див-контейнер.
0 votes3 answers -
Подгон под разрешение
Здравствуйте! Помогите сделать макет, пожалуйста. Лого и меню должны быть всё время в этой точке, а бэкграунд обрезаться примерно в таких пропорциях, в зависимости от разрешения экрана. Я пыталась, но что-то ничего не выходит! Спасибо! http://narod.ru/disk/17438443001/mayakfhd.png.html http://narod.ru/disk/17438494001/mayakhd.png.html
0 votes22 answers -
Как сделать 3 блока "одинаковой высоты"?
Есть вот такой код: <div style="width: 108px; height: 100px;"> <div style="background-color:lime; width: 4px; height: inherit; float: left;">1</div> <div style="background-color:lime; width: 4px; height: inherit; float: right;">2</div> <div style="background-color:blue; width: 100px; margin-left: 4px; margin-right: 4px;"> asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br> </div> </div> хочется, чтобы блоки "1" и "2" занимали точно такую же высоту, какую занимает синий блок с "к…
0 votes38 answers -
Левый блок ширина в пикселях, а правый резиновый
Здравствуйте. Такой вопрос. Есть резиновый блок в нём ещё два (один из них не резиновый). Нужно чтоб эти два блока стояли рядом и полностью заполняли основной блок. Дело в том что первый блок имеет постоянную ширину например 100px, второй резиновый. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style type="text/css"> #main{ border:3px solid #000; position:relative; width:80%; height:150px; margin:…
0 votes4 answers -
Можно ли использовать текстовую ссылку для отправки формы?
Возник такой вопрос. Можно ли для отправки формы на сервер использовать текстовую ссылку <a> вместо inputa ?
0 votes2 answers -
Вопрос
Как сделать чтобы при регистрации сначала было окно с правилами и только после того как поставится галочка можна было зарегистрироваться? Очень нужно... заранее благодарен
0 votes1 answer -
нужно ли при указывании позиционирования фона уточнять "позишн абсолют"?
Здравствуйте. Подскажите, почему когда я написал стиль body {background:url(2afdf8df17cd.jpg) left bottom no-repeat;}, рисунок почти полностью уползал наверх и я видел только его самый нижний кончик. И только уточнение position:absolute, то есть, полная запись body {background:url(2afdf8df17cd.jpg) left bottom no-repeat;position:absolute;} поставило всё на свои места. Но ведь в http://htmlbook.ru/css/background-position ни слова не сказано, что нужно уточнять - позишн абсолют. Браузер Опера11. Проверял и в Лисе.
0 votes4 answers -
Проблема с меню
Ну в общем я создал список и задал клас к тегу Li потом задал как они будут выглядеть после наведение и тд но получается так что сверху остается место в в картике где меню вот ссыль на сайт меню сверху Вот код html <table border="0" cellpadding="0" cellspacing="0" width="826" id="kategories_menu"> <tr><td> <div class="menu_btn"> <ul> <li><a href="ссылка">Название</a></li> <li><a href="ссылка">Название</a></li> </ul> </div> </td></tr> </table> Вот код css .menu_btn li a:link {text-decoration:none; color:#ffffff;background:url("/images/header/btn_menu.pn…
0 votes6 answers -
Как поменять местами два блока средствами CSS ?
В процессе работы возникла проблема. Есть код в духе: <div id="content"> <div id="menu">Меню</div> <div id="login">Логин</div> <div id="baner">Банер</div> </div> Не имею доступа к HTML коду, только CSS. Надо поменять местами блок "menu" и блок "login" средствами CSS, с таким расчетом что бы при назначении блоку "menu" свойства display: none. нижележащий блок "baner" корректно поднимался вверх под блок "login".
0 votes2 answers -
вопросы по notepad++
В общем поставил себе нотпад++ и пока кроме подстветки синтаксиса, покопался в настройках загрузил плагины для хтмл и текстFX. В настройках текстFX выставил автоматически закрывать скобки и теги, но что-то не пойму как это действует, пишу тег и что дальше делать в душе не парю. На счет сниппетов тоже проблема в использовании. Горячие клавиши основные не мешало бы тоже узнать. Подскажите пожалуйста кто уже действительно парит в нем. и кто использует E-texteditor? говорят что альтернатива маковскому текстмейту, но что-то я поставил, там даже плагины подключить, испытать гемора надо на пару кг.
0 votes4 answers -
Книга Влада Мержевича
Здравствуйте, уважаемые форумчане. Зимой хотел научится верстке, но на это не было времени, как появлялся свободное время читал самоучилки на этом сайте. И всегда на левой стороне сайта видел книгу обучающую верстке от автора этого сайта. Вроде стоил 150 рублей. Думал куплю когда начну плотно учится верстке. И вот теперь свободен а книги нет. Где он? Автор снял с продажи? Хочу научится верстать, без понятий с чего начать, как резать PSD и т.д. Ну понимаете все были когда то новичками обсирайте =)
0 votes7 answers -
Вылезающий текст с одного фона на другой
Допустим, у меня есть div, в котором написан текст, у него в background картинка 1px, и она repeat-y. А ниже есть другой div, например, в 100px высотой, у него background - фиксированная картинка. Можно ли сделать так, чтобы при написании текстов в верхнем div, его фон динамически увеличивался, и часть текста высотой в 100px вылезала на фон нижнего div? Либо, можно ли установить у div'а два разных background'а? Фиксированный, прижатый к нижнему краю, а второй - динамический?
0 votes10 answers -
Можно так?
Здравствуйте! Есть резиновый сайт со статьями и иллюстрациями к ним внутри публикаций. У сайта на внутренних страничках минимальная ширина текстового поля равна 300 пикселям. Можно ли реализовать то, что изображено на картинке: http://savepic.ru/2744257.jpg Сам я дизайнер. Прежде чем сдавать работу на верстку, хочу узнать, реализуема ли моя задумка? :-) Буду очень признателен за ваши ответы.
0 votes11 answers