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
-
Выравнивание блоков + минимальная высота
Имеется 3 вертикальных Divа, выравниваемых по высоте через java-script, футер лежит отдельно от остальных. Так же задача была сделать прижатие футера книзу при минимальной высоте вертикальных колонок. На данный момент имеются глюки: При первом открытии страницы, правый и левый вертикальные блоки короче среднего, либо же высота одинаковая, но наполнение среднего блока выползает вниз, т.е. блок не растягивается... Если обновить страницу - все встает на свои места. И так повторяется постоянно. Второй глюк - в Мозилле футер прижимается к низу не до конца, при этом нижняя ссылка в футере вываливается из блока... В Хроме наоборот, немного уходит под экран нижняя ссылка... Сам с…
0 votes2 answers -
Сквозь выпадающее меню проглядывает нижняя строка
http://learn.javascript.ru/play/CkIc0b Нужно чтобы выпадающее меню перекрывало собой нижнюю строчку. Пока что нет новых идей у меня. Где ошибка? Спасибо.
0 votes4 answers -
Страница
Здравствуйте, я хотел узнать, возможно ли создать такую страницу, одной страницей html для размещения там всякой информации. Какие уроки нужно прочесть, что бы написать такую страницу? Спасибо.
0 votes4 answers -
Изображение на заднем плане, которые будут исчезать на маленьком разрешении.
Есть вот такой макет сайта была ссылка на файлообменник Проблема возникает с баскетболистами. Вроде как они на заднем плане, а вроде как и должны быть прикреплены к краям сайта. Напрашиваются само собой 2 решения. 1. Сделать спортсменов фоном, который будет меняться в зависимости от окна браузера. Но тогда на маленьком разрешении экрана, спортсмены оказываются под сайтом. При экране с соотношением сторон 1*1, всё тоже отображается не очень корректно. 2. Прикрепить спортсменов к телу сайта. Но тогда сайт начинает отображаться начиная с левого спортсмена(а хотелось, чтобы в таких случаях он не отображался и снизу появляется полоса горизонтальной прокртуки. Вот эти 2 вариант…
0 votes2 answers -
Фон из нескольких картинок
Собсно, сабж в чем: нужно сделать подобие блока, который растягивается Мы имеем div контента, фон которого состоит из 3 изображений: нужно закрепить первое изображение к верху блока, нижнее к низу, и чтобы среднее растягивалось в зависимости от высоты блока, но чтобы не перекрывало верхнее и нижнее изображения фона. css-код блока: .main { margin: 0 auto; padding: 200px 60px 0 150px; float: left; background-image: url(img/main1.png), url(img/main2.png), url(img/main3.png); background-repeat: no-repeat, repeat-y, no-repeat; background-position: center top, 0 924px, center bottom; /* 924px - высота первого изображения */ background-size: contain; width: 70%; }
0 votes2 answers -
Вертикальная отцентровка текста
При таком CSS получается 1 строка текст ровно по центру, а как сделать, чтобы еще 2 строки были ровно по центру? <style> ul li { height: 30px; line-height: 30px; text-align: center; } </style> <ul> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> </ul>
0 votes2 answers -
DIV съезжает
1) Не получается сделать, чтоб <div> Цены не съезжал вниз, когда ему делаешь отступы вот мой код http://jsfiddle.net/vEWYu/1/ Как это исправить? 2) Вот макет, то, что обведено красным, вот такую вот кнопку можно сделать одним только CSS?
0 votes1 answer -
Колонки одинаковой высоты с разделителем
Нужно сверстать это: Это 3 колонки, в каждой будет текст. Я сверстала пока без кружочков, просто вертикальную черту в качестве border, но возникла проблема с разной высотой колонок. Может быть есть какие-то решения?
0 votes4 answers -
Не понимаю nth-child
Здравствуйте! На картинке показан вывод инструментов разработчика Хром для элементов <div class="clearfix catcats">, расположенных в одном и том же родительском диве с классом row. Почему и у первого нечетного по порядку и у второго четного <div class="clearfix catcats"> срабатывает стиль с селектором .clearfix.catcats:nth-child(odd) ? а вот для третьего и четвертого такого <div class="clearfix catcats"> срабатывают почему-то стили с селектором .clearfix.catcats:nth-child(even)
0 votes2 answers -
не получается макет из трех колонок
Ребята помогите пож-ста! создаю сайт с основным блоком в центре и боковыми фиксированными с фоновым изображением. мало того что картинка отображается не на всю выбранную ширину, в разных браузерах по-разному. так еще и когда делаешь окошко браузера меньше центральный блок перекрывает левый.....а фон в правом боковом блоке вообще не отображается( скажите пож-ста что я делаю не так? вот код: <!DOCTYPE html> <html><head><meta charset="utf-8"><title>AM-RECORDS</title><link rel="shortcut icon" type="icon" href="images/12.png"><link href="style.css" rel="stylesheet" type="text/css" media="all"></head><body> <div i…
0 votes2 answers -
Я.карта не отображается в плавающем блоке
Нужно сделать отступы блока яндекс карты - поплыли значки на ней. Решил убрать ее в блок и двигать уже блок но не отображается. Пробовал убрать float:left -тогда карта появляется. Но если не сделать float:left. тогда блок справа будет снизу, а не справа от карты Сам спросил сам отвечу надо было фиксированный блок сделать по высоте/ширине. Я это сделал - но опечатался, потому не мог понять, в чем еще могло быть дело
0 votes0 answers -
Помогите с css
<div class='gmtop'><img src="gm.png" width="40" height="25" /></div><div class='gmmain'>Информация!!!</div> СSS .gmtop{ background: url(book.gif) no-repeat right; padding: 3px; width: 99%; } .gmmain{ -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #FAFCFE; border: 1px dotted #465584; color: #465584; padding: 2px; width: 99%; } Вопрос в том, как мне сделать таблицу по длине текста, а не вот так. Что надо сделать что бы обрезала под текст столбец, а не показывала его во всю ширину???
0 votes1 answer -
Форум и чат на сайте
Кто нибудь подскажите как создать форум или чат на своём сайте? БУДУ ОЧЕНЬ БЛАГОДАРЕН!
0 votes2 answers -
подложка подвала
очередная проблема. на рисунке красным обрисован футер. зелёным - по размеру футера полоса, которая должна растягиваться по длине экрана. я то же делал для верхнего меню. но для подвала почему-то не прокатывает (полоса отображается правильно при маленьком масштабе, но если увеличивать - она ползёт вверх и "торчит где-то в центре браузера"). что не так? </div><!-- #footer --> <div class="bottom"></div> /*расположена за футером, перед закрывающим body*/ </body> *************************************************** .bottom{ position: absolute; bottom: 0px; left: 0px; width: 100%; min-width: 1200px; height: 187px; …
0 votes1 answer -
Таблица
Здравствуйте, подскажите как задать цвет этому border'у (белого цвета): Код такой: <table cellpadding="0" cellspacing="0" border="2" width="95%" align="center" class="mytable"> ... </table> .mytable {border-color:#353535;border-style:solid;border-collapse:collapse;}
0 votes1 answer -
поправить слайдер
помогите пожалуйста поправить слайдер или понять причину косяка. слайдер без вертикальных разделителей между элементами списка товаров. слайдер с разделителями. разделитель в строке 33 файла index.html как видите, непонятным мне образом, из-за наличия этого разделителя появляется косяк в виде части второй строки элементов списка под первым элементом списка на странице http://h31037.srv5.test-hf.ru/slide_broken/
0 votes3 answers -
dle
Начал я вкуривать что такое DLE, скачал какой-то архив с движком DLE. Но на сайте хостера 1gb.ru при покупке хоста дается уйма папок! Ну дак вот, распокавал я данный архив, закинул в папку PHP. Но вот беда при попытке открыть сайт он выдает что у меня нет прав... Но на сайте я смотрел совсем иную установку. Пробовал через ДЕНВЕР но тоже беда выдает следующее no tables found in database Как его правильно установить? И можно ли на халяву скачать?
0 votes0 answers -
Спецификация HTML
Добрый день. Может быть не совсем в ту ветку, но все же. Когда-то находил на сайте w3c страницу где были описаны значения по умолчанию для всех элементов, ну то есть, например, H1 шрифт такой-то, отступы такие-то и т.д. То есть стили для элементов по умолчанию, сейчас что-то не смог найти, если у кого есть ссылка - поделитесь, плиз.
0 votes2 answers -
Flash или JavaScript
Привет! Есть небольшой нарисованный глаз, пусть эта картинка будет 50px на 50px. Нужно расположить этот глаз в header и сделать так, чтобы он следил за движениями мышки, т.е. чтобы всегда смотрел именно на курсор мышки. Где это можно сделать, в Adobe Flash, JavaScript или же в том и другом? P.S. Чтобы область реагирования глаза определялась именно открытым браузером.
0 votes3 answers -
Карта-изображение
Здравствуйте! В создании сайтов я новичок, самостоятельно изучала htmlbook.ru и искала решения в интернете, но, все-таки нужна помощь. Задача - создать карту-изображение из нескольких частей (3-5) идущих вертикально одна за другой. Каким образом задавать позиционирование этих, фактически, фоновых изображений служащих еще и картой? Была мысль склеить их в одно, но... Кажется, если большое изображение нарезать на несколько меньших, то загрузка идет быстрее? Есть ли вариант объединить их в "подложку" для одной карты или нужно делать несколько отдельных карт? И как их тогда размещать одна над другой?
0 votes4 answers -
Объявить двумерный массив
Задача - заполнить двумерный массив на Javascript с как можно более простым синтаксисом. Оптимально было бы сделать в формате INI [запись1] парам1=значение1 парам2=значение2 [запись2] парам1=значение3 парам2=значение4 Но поскольку подключение INI файла по ajax, его парсинг и т п дело непростое и нет в нём необходимости, прошу подсказки, как проще всего объявить массив. Пока самое простое, что я знаю, выглядит так: Arr=[ ["id":"запись1", "парам1":"значение1", "парам2":"значение2"], ["id":"запись2", "парам1":"значение3", "парам2":"значение4"] ] Со всеми этими кавычками и скобками всё ещё громоздко.
0 votes0 answers -
Вертикальное перемещение блоков
Всем доброго времени суток! Есть следующая задумка, переместить блоки по вертикали. Вот краткий пример, как должен вывести браузер пользователю: <div id="wrapper"> <div id="1"></div> <div id="2"></div> <div id="3"></div> <div id="4"></div> <div id="5"></div> </div> <div id="footer"></div> и как хотелось бы, чтобы его видели роботы: <div id="wrapper"> <div id="5"></div> <div id="3"></div> <div id="2"></div> <div id="4"></div> <div id="1"></div> </div> <div id="footer"></div> при этом высота всех блоко…
0 votes0 answers -
Explorer не хочет понимать #cover_img_3:hover>.text{ display: block;}
Здравствуйте коллеги, это мое первое обращение на форуме, так как не могу самостоятельно понять что происходит с этим факнутым эксплорером) в общем привожу ниже код, все просто. есть блок. наводишь на него мышкой и появляется текст с описанием. Все браузеры отлично воспринимают этот простейший код, проблема именно с эксплорером. <div id="cover_img_3"> <img src="1.jpg" /> <div class="text"> <p>Тут располагается скрытый текст..</p> </div> </div> #cover_img_3{ cursor:pointer; position: relative; float: left; margin: 30px; width:370px; height:200px; } #cover_img_3:hover>.text{ display: block; top: 200px; background: #000; -web…
0 votes7 answers -
Как сделать такое меню
Как сделать такую вещь, если навести мышь , то открываются суб категорий: Пример: Окно 1 (Предлогаются категорий Окно 2 : Окно 3: Окно 4) Пример можно увидеть на ebay , если навести мышь на "Fashion" открываются категорий Men's, Women, Kids и так далее.
0 votes1 answer -
Правильно ли я вывожу фрейм
вот код...начинайте пинать ))) <!-- Общий фрейм --><div id="frame-for-All"><iframe id="frameAll" src="menu\svet_fasadi\alumin.html" width=600 allowtransparency="true" scrolling=no frameborder='no'> </iframe></div>CSS #frame-for-All {color:#fff;position: absolute;top:40px;/*bottom: 0;*/left: 600px;/*right: 100px;*//*margin: auto;*//*height: 50%;width: 50%;*//*background: #ccc;*/}а так я пытаюсь сменить файл который грузится во фрейм $('a.spider').click(function(){$('frameAll').(document).location.href = "spider.html";});
0 votes0 answers