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
-
Подскажите пожалуйста как лучше...
Доброго времени дня! Подскажите пожалуйста как лучше выполнить в css фон хэдера. Подумал, что если картинкой, то слишком тяжёлая страница получится и однопиксельную картинку рипитить по оси в данном случае то же никак... Как быть?) P.S. На полосу под лого не обращайте внимание. Она отойдёт к лого.
0 votes2 answers -
Проблема с шириной страницы
Это мой первый сайт. Подскажите пожалуйста, как избавится от нижней прокрутки страницы. Всю голову уже сломал. Картинка внизу. Вот код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>___________________</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta http-equiv="content-style-type" content="text/css"> <meta name="keywords" content="кредит, кредиты, помощь в получении кредита, ипотека, автокредит, лизинг"> <meta name="description" content="_____________________"> <link href='index.css' rel='styles…
0 votes1 answer -
Border-radius для img (продолжение...)
Здравствуйте! Всем очень благодарен за вчерашние советы и рекомендации. Узнал много нового и полезного для себя. Но при "апгрейде" плагина о котором вчера велась речь( Сейчас он выглядит вот так: http://yamaradg.narod2.ru/history/Matrix/index.html ) я столкнулся с очередной "каменной стеной"! На этот раз застрял на проблемах с - IE-7,8! А дело собственно вот в чём: 1) при наведении на матрицу у <img class="bigimg"> в ie-7 не срабатывает z-index(не знаю как выкрутиться из этой ситуации?) + в IE-8 вся матрица вообще пропадает из виду... (это связано с подключением скрипта border-radius для IE-7,8... И единственным решением которое удалось найти являеться <img class…
0 votes1 answer -
подложка подвала
очередная проблема. на рисунке красным обрисован футер. зелёным - по размеру футера полоса, которая должна растягиваться по длине экрана. я то же делал для верхнего меню. но для подвала почему-то не прокатывает (полоса отображается правильно при маленьком масштабе, но если увеличивать - она ползёт вверх и "торчит где-то в центре браузера"). что не так? </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 -
DIV 100% в таблице
Имеется вот такая таблица, внутри div контент разного размера. Можно ли заставить div растягиваться по высоте на 100% без использования JS? <table> <tr> <td><div>...</div></td> <td><div>...</div></td> <td><div>...</div></td> </tr> </table>
0 votes3 answers -
Подскажите как такое можно реализовать
Ребята, подскажите как можно сделать вот такое меню списка. Я уже запарился, все что только пришло в голову гуглил. Пробовал псевдоклассами before after , но понял что это не вариант, потому что активная вкладка выше и с другим бэкраундом. Жду Ваших совет, очень нужно!
0 votes5 answers -
под 1280х1024 отдельно
Привет! Верстаю резиновый макет, В ширину тянется отличной, но вот с высотой бывают проблемы, а именно с 1280х1024. Как можно отдельно подключить файл стилей, который бы определял разрешение экрана и загружал именно эти стили?
0 votes2 answers -
Отображение линейной связи элементов дерева
Приветствую. К сожалению, дизайнер во мне умер давно, и вряд ли оживет. Имеется древовидная структура такого вида: 2175 | Task #1 | Открыто | N/A 2176 | Task #2 | Открыто | User1 2177 | Task #3 | Открыто | N/A 2178 | Task #4 | Открыто | N/A 2179 | Task #5 | Открыто | N/A 2180 | Task #6 | Открыто | User2 2181 | Yet Another Task | Открыто | User1 Собственно, это дерево заявок в баг-трекере в формате "номер | имя | статус | ответственный". Помимо связи parent issue-child issue баг-трекер позволяет создавать линейные связи issue-issue, которые тоже нужно как-то отображать. Интерфейса у всего этого еще нет никакого, он только прорабатывается и придумывается. Посем…
0 votes0 answers -
Новая яндекс карта
Хочу поставить две яндекс карты на одну страницу сайта. Но почему-то не высвечиваются метки с текстом. Раньше получалось, а теперь Яндекс ввел какие-то новые технологии и сижу уже вторые сутки не могу разобраться! Помогите, пожалуйста, вот код: <head> <script src="http://api-maps.yand...ull〈=ru-RU" type="text/javascript"></script> <script type="text/javascript"> ymaps.ready(init); function init () { var myMap_1 = new ymaps.Map('map_1', { center: [51.685695, 39.2642], // Ленинский пр-т zoom: 15 }), myPlacemark = new ymaps.Placemark([51.671104, 39.189274], { iconContent: 'Салон ', balloonContentHeader: 'Салон ', …
0 votes1 answer -
Помогите отцентрировать фон
Всем привет. Прошу помочь. У меня имеется макет шириной 1000px. Нужно отцентрировать его. Вроде делаю все правильно, фон шапки становить по центру, а фон body нет. <!DOCTYPE html> <html lang = "ru"> <head> <title>Портфолио</title> <link href = "style.css" rel = "stylesheet" type = "text/css" /> <meta charset = "utf-8" /> <!--[if lt IE 9]> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <header> <div class = "header_bg"></div> </header> </body> </html> *{margin: 0; padding: 0;} body {margin: auto; width…
0 votes2 answers -
Граница вокруг выделенного элемента
Доброго времени суток дорогие форумчане. Есть один маленький но очень раздражающий элемент - граница вокруг активного элемента. Помогите разобраться. Ссылка на картинку - http://yadi.sk/d/r1MB369eDwDx8 Фото сделано - Система - MacOS 10.9 Браузер - Chrome последний
0 votes2 answers -
Обтекание блоков
Добрый день! Натолкните, пожалуйста на мысль, как организовать такой макет. Условия такие: 1. Количество и высота зеленых блоков не определены 2. Положение и размеры оранжевого блока зафиксированы
0 votes2 answers -
Плавное появление при наведении
При наведении на блок необходимо чтобы блок внутри него плавно появлялся. Как это сделать? http://codepen.io/anon/pen/bdrYmZ
0 votes1 answer -
Помогите выровнять текст
Скажите пожалуйста возможно ли опустить текс под картинку. Построение списком. Или этот метод не подойдёт для данного случая? <ul> <li><a href="" class="i1">Установка и настройка ОС</a></li> <li><a href="" class="i2">Работы с комплектующи-<br>ми компьютера</a></li> <li><a href="" class="i1"><span class="niz">Установка и настройка ОС</span></a></li> Возможен вариант span, дисплей блок и падингом топ. это наверно кривовато или нет?
0 votes2 answers -
Помогите с выводом данных по id
Помогите не могу вывести данные с БД по id вот код. <? if (isset($_GET['id'])) {$id=$_GET['id'];} $result=mysql_query("SELECT id,name,price,img,text FROM products WHERE id ='$id'",$db); $myrow=mysql_fetch_array($result); { printf(" <td colspan='3'> <div class='new'>%s </div> </td> </tr> <tr> <td colspan='2'> <img src='%s' style='float:left;'> <p> %s </p> </td > <td id='na_pr' > %s$ </td> …
0 votes0 answers -
Помогите со слайдером
Помогите пожалуйста Как можно сделать слайдер с неровными краями как на картинке?
0 votes3 answers -
Вопрос по Chekbox
Здравствуйте. Друзья, подскажите решить такую задачку. Есть два чекбокса - mode1 и mode2. <div> <div> <div id="instmode"> <form> <div style="float: left; padding-right: 10px;"> <input type="radio" name="instmode" id="imode_1" value="MODE1" onclick="show_instmode1(this)"> <label for="imode_1">Единственное устройство</label> </div> <div> <input type="radio" name="instmode" id="imode_2" value="MODE2" onclick="show_instmode2(this)"> <label for="imode_2">Группа устройств</label> </…
0 votes3 answers -
Input type submit с плавающим gradient фоном
Все работает для любых элементов кроме input type="submit". Вот пример: .test { background: linear-gradient(to left, #feffe800 0%, #c3c3c3e6 100%); transition: all 1s ease-in-out; background-size: 20% 100%; display: inline-block; } .test:hover { background-size: 100% 100%; } Здесь плавает только background-size. Что не так делаю? Это в браузере не допилено или я туплю где-то?
0 votes0 answers -
Что такое RSS?
Что такое RSS? Кто-нибудь может ссылку дать где почитать или вкратце описать? Как с ней работать?
0 votes1 answer -
Не могу разобраться
Всем привет, к сожалению не могу понять что случилось, вставил движок jqwerry на этот раздел, но он почему то не работает на серве, на локальном работает, на сервере есть ещё разделы где есть jqwerry и там все работает, что делать? http://www.vs-aqua.ru/chudo.html
0 votes4 answers -
Как верстать макет с такими элементами
Здравствуйте! http://picso.ru/photos/large/10775-99rmm.jpg Подскажите, пожалуйста, как правильнее верстать вот такие макеты, где некоторые элементы "выезжают" за границы (обведены на скрине) ? Создавать дополнительный родительский блок, или применять абсолютное позиционирование? Желательно с примером. Спасибо.
0 votes4 answers -
Уезжает меню, HELP!
Ребята, меню наверху с кодом #headermenu{ margin:0; clear:both; width:1000px; height:82px; background:url('../image/jp/header_menu.png') center no-repeat; margin:auto 10% auto 10%; position:fixed; top:65px; z-index:1002; При расширении на большой экран не остается по центру, а уезжает левее. Как сделать так, чтобы оно оставалось по центру?? =( Ссылка на скриншот:
0 votes2 answers -
как вставить ссылку
<menu> <item type="news" title='Сайты' /> <item type="about" title='Доп. услуги' /> <item type="gallery" title='Фото' defaultOpen="yes" /> <item type="swf" title='Видео' url="swf/swfdemo.swf" /> <item type="contact" title='На главную'/>—>вот это нужно сделать ссылкой на главную страницу! Подскажите как? </menu> Это флэшка
0 votes0 answers -
передать содержание option
объясните пожалуйста как можно при отправке формы передать в массиве $_POST содержание тэга <option value="42">ул. Попова</option>. то есть я говорю про строку "ул. Попова", а не про "42" догадываюсь, что можно использовать hidden-поле, но не понимаю как присвоить значение может другие способы существуют? устроит даже js-решение
0 votes5 answers -
Кроссбраузерный вариант растягивание canvas на все окно
Собственно нужно растянуть canvas во все окно браузера так, чтобы это было кроссбраузерно и умещалось в один экран (не было прокрутки). Сегодня пробовал самостоятельно решить эту проблему, однако не получил абсолютного удовлетворения от результатов моих стараний. Прошу помогите.
0 votes0 answers