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
-
Вывод более одного изображения посредствои css
Прочитал в учебнике css, что через background или background-image можно вывести более одного изображения. Никак не могу применить этот момент на практике. Дело в том, что мне необходимо оформить боковую вертикальную колонку, вынесенную отдельным блоком через <div></div>. Причем, нельзя использовать вставку картинок посредством html (это связано с некоректным отображением сайта в мобильных устройствах). В самом верху надо вывести одну угловую картинку, а потом, под ней или как, вторую. Причем вторая картинка - это квадратик, который повторяется по вертикали. Тем самым, при растягивании основного макета, боковая колонка вытягивается соответственно. Каким образо…
0 votes20 answers -
Обязанности верстальщика
Здравствуйте, уважаемые профессионалы верстки! Хотел бы уточнить такой вопрос: Что должен сделать верстальщик, если в шаблоне есть различные формы, например, такой: Или например, форма подписки на рассылку, голосование или анкеты? Какой функционал входит в обязанности верстальщика?
0 votes8 answers -
CSS, ul и IE - не применяет стиль
Есть такой вот кусок кода html: <div class="metro"> <h3>Метро:</h3> <ul> <li><span class="trig">Северный округ</span> <ul class="inc"> <li class="off" id="a1"><a href="http://www.uromax.ru/category/AEROPORT">Аэропорт</a></li> <li class="off" id="a2"><a href="http://www.uromax.ru/category/VOIKOVSKAYA">Войковская</a></li> <li class="off" id="a3"><a href="http://www.uromax.ru/category/DINAMO">Динамо</a></li> <li class="off" id="a4"><a href="http://www.uromax.ru/category/PETROVSKO-ROZUMOVSKAYA">Петровско-Розумовская</a></li> &…
0 votes3 answers -
файлы
Здравствуйте. После того как ввожу какие то изменения на страницах , появляются вот эти файлы (обведенные красным) : Откуда ?! Как это можно объяснить?! Спасибо.
0 votes19 answers -
Исчезает рамка при наведении на ссылку
Имеется табличный дизайн, резиновый трехколоночный макет В средней колонке при наведении на любую ссылку в IE 6 исчезает кусочек рамки у левой колонки напротив самой ссылки. В остальных браузерах вроде все нормально. Что можно сделать, чтобы исчезания не происходило? P.S. На других страницах я помещал такие ссылки в ячейки новых таблиц с невидимой границей, тогда исчезания не происходило. Но есть ссылки прямо в тексте, поэтому при вставке новых таблиц происходит переход на новую строку. А это все портит.
0 votes4 answers -
Высота всей страницы - всегда 100%. Как?
Здравствуйте. Задача: Первый и последний имеют фиксированную высоту, например, по 100 точек. Третий же должен растягиваться по всей высоте, независимо от содержимого. При этом, если содержимого много то в нем должна появляться полоса прокрутки. Таким образом, высота страницы всегда остается 100%, а титул и подвал всегда видны. Помогите, пожалуйста, с решением.
0 votes5 answers -
Почему содержимое таблиц не переносится при сжатии?
Почему содержимое таблиц не переносится при сжатии? <?xml version="1.0" encoding="windows-1251"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> </head> <body> <div> <table columns="2"> <tr> <td>Первая ячейка</td> <td>Вторая ячейка</td> </tr> </table> </div> </body> </html>
0 votes11 answers -
Выравнивание текста
Здравствуйте Вот собственно задача: Есть три блока. Первый и второй фиксированной ширины . Третий блок резиновый и в нем по центру должен быть список.Элементы списка должны выравниваться по левому краю ... Вот что должно выйти. вот то что есть . Как можно добиться того что мне нужно ? Спасибо.
0 votes10 answers -
Верстка фигуры
Здравствуйте! Подскажите как можно сверстать вот такую фигуру Каждая из трех составляющих пентагона должны быть кликабельны (ссылки), а также поверх них должен быть текст. Для каждой составляющей будет разный фон в виде картинки. Как все это сделать средствами CSS и HTML? Желательно максимально кроссбраузерно. Заранее благодарен!
0 votes19 answers -
Как указать высоту и ширину для тега <a> в FireFox2 и Opera9 ?
Как указать высоту и ширину для тега в FireFox2 и Opera9 ? В IE вс? отображается корректно. <a class="obj" href="http://localhost"> localhost </a> a.obj { height:40px; width:200px; background-color:#333333; }
0 votes11 answers -
Три колонки на дивах
Мучаюсь с трехколоночным макетом на дивах. Левая и правая колонка фиксированы по ширине (250px), высота auto. Центральная колонка занимает все оставшееся пространство. Проблема с относительным позиционированием правой колонки, float не срабытывает как надо, колонка относительно правой стороны встает как надо по горизонтали, но опускается под центральную по вертикали, что я только не делал..... Если ее позиционировать абсолютно, то все встает на свои места, но это не годится, т.к. в том случае если она длиннее остальных колонок, то уходит под подвал, т.к. в общем потоке она не существует. Я новичек, подскажите как правильно??? вот HTML: <div id=head> <div id=head…
0 votes10 answers -
Проблема с min-width и max-width в IE 6
Верстка правильно отображается в FifeFox 3, IE 7.0, Opera 9. А вот в IE 6 не могу добиться правильного отображения. Верстка должна тянуться до ширины 1150px, а потом слева и справа появляется белые равные отступы. Т.е. под всеми браузерами, кроме IE 6 срабатывает "max-width: 1150px;". Сколько не бился с "width: expression()" под IE 6, требуемого результата не получается. Просьба к профи помочь. <!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"> <head> <title></title> <meta content="text/html; charset=windows-1251" htt…
0 votes6 answers -
Как отодвинуть div от div'a ?
Есть @charset "utf-8"; /* CSS Document */ .header { background: #000; width:1100px; height:150px; margin:auto; border:0px solid #000; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; z-index:2; } .headeron { border:0px solid #000; background-color:#FFF; width:1080; height:100px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index:5000; }? И <!DOCTYPE html PUBLIC "-//W3C//DTD XHT…
0 votes5 answers -
Как "скинуть" элемент вниз?
Мне нужно сделать так что когда на сайте текст не нужной мне ширины он "спускался" ниже, вот скрин чего я хочу.
0 votes3 answers -
table CSS
Помогите, пожалуйста, с раскраской таблицы. <html> <title>test</title> <style> #gsearc-table { width: 100%} #gsearc-table td { width: 50%; vertical-align:top;} </style> <body> <table id="gsearc-table" border="1"> <tr> <td>AAA</td> <td>BBB</td> <td>CCC</td> <td>DDD</td> </tr> </table> </body> </html> Допустим, у меня есть таблица с 2-мя столбцами - она резиновая, шириной 100% и пока что два столбца, которые должны располагаться симметрично. Ставлю им ширину 50%. Но потом, у меня может быть и 3 столбца и хотелось бы, чтобы у них ширина была примерно 33%, …
0 votes7 answers -
Пропадает background div элемента в ie 6.0
Всем привет Пропадает background div элемента в ie 6.0, уже не знаю что делать. Причем back не png файл, а обыкновенный jpg. В Firefox и ie 7.0 все нормально показывается. Может подскажите в чем дело? Сайт находится по адресу http://apex.fram.com.ua/test/ на главной странице под словом акции должен быть back.
0 votes4 answers -
Верстка под ShopScript
Интересует как научиться верстать под ShopScript да и вообще под разные CMS
0 votes9 answers -
отступы в списках между IL и отступ между UL и прилегающими элементам
http://www.htmlbook.ru/faq/?a=14 Это прочитал, у меня написано следующее: UL { margin: 0px;/*отступ*/ list-style-image: url('/bitrix/templates/common/images/list_point.gif'); list-style: inside; /* Маркеры размещаются за пределами текстового блока */ } LI { margin: 3px; } /*А вот абзац*/ p { text-indent: 12pt; font-size: 12pt; color: black; font-family: Arial; padding-top: 5px; /*от верхнего*/ padding-bottom: 5px; /*от нижнего*/ } суть проблемы: <p> Действующие лица трагедии: </p> <ul> <li>Жучка, супер собачка</li> <li>Мурзик, самый крутой котик</li> <li>Шмупсик, самый главный пупсик</li> </ul> Меж…
0 votes5 answers -
img:hover ?
Есть такой вопрос. Можно ли делать так img:hover. Что нужно пременить что бы при наведение вылезала 2имг сразу говорю нужно именно в рисунках
0 votes1 answer -
Меню сайта на CSS
Подскажите пожалуйста, как сделать на CSS меню такого типа как на этом сайте: http://ipkpro.ru/
0 votes7 answers -
Резка макета
Подскажите по сабжу, а то я всегда резал Jpeg, а тут один знакомый дизайнер заявляет мне, будто делать это непрофессионально (нашёл профессионала :-D), сжатие, потеря кач-ва и всё такое... А я просто не представляю, как можно резать макеты по-другому.
0 votes8 answers -
Выбор средств при верстке
Всем привет! Опыта мало, поэтому прошу помощи! Есть задача - не могу определиться со способом ее решения. Поэтому вопрос к бывалым знатокам. Какие средства Вы бы использовали для создания "резиновой" странички следующего макета? ——————————————————————————-- | | | | | | | | 3 | | | | | …
0 votes15 answers -
Проблемы с наложением слоёв в IE 7 и 8 при абсолютном позиционировании
Вот есть, например, такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> </title> </head> <body> <table> <tr> <td style="background-color:#ff00ff"> <div style="z-index:1"><img src="http://htmlbook.ru/images/title.gif" alt=""></div> <div onclick="alert(101)" style="position:absolute;width:50px;height:50px;top:10px;cursor:pointer;z-index:2"></div> </td> </tr> </table> </body> </html> В IE 7 и 8 возникает проблема с наложением слоёв. То есть слой, при нажатии на который дол…
0 votes4 answers -
Создание градиентного горизонтального меню в фотошоп.
Недавно начал изучать фотошоп и html. И вот натолкнулся на загвоздку: как мне сделать меню с закругленными углами и еще при наведении на пункт меню чтобы менялся цвет? Я пробовал рисовать меню, в принципе все получилось нормально, но когда дело дошло до совмещения картинки со списком в html встал в тупик. Я пробовал задать абсолют картинке и списку и совместить их маргинами, но получилось плохо. Можете что нибудь подсказать или навести и указать в каком направлении копать?
0 votes17 answers -
Таблица из блоков Div на мобильном отображается 1 столбиком
Таблица из блоков Div на мобильном отображается 1 столбиком, должно выглядеть так помогите решить эту проблемму
0 votes21 answers