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
-
проблема с margin
вот простой пример - http://jsfiddle.net/keut3/ Почему так выходит? Ведь у вложенного дива (.panel) отступы должны браться относительно родителя (.phone)? А выходит, как будто margin задан body. Как исправить? Наверно, это как- то связанно с Margin Collapsing? Никогда его смысла не понимал...
0 votes11 answers -
Выровнять по центру
Как выровнять по центру содержимое тега div с помощью CSS. Если в HTML сделать вот так: <div align="center">, то всё будет по центру. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <link href="http://www.___.ru/style-all.css" rel="stylesheet" media="all"> <title> </title> </head> <body> <div align="center"> <table class="Table-Top"> <tr class="Tr-Top"> <td class="Td-Left"> </td> <td class="Td-Center"> </td> <td class="Td-Right"> </td> </tr> <tr class="Tr-Middle"> …
0 votes3 answers -
Фон для бюлока
Хочу добавить серый фон побокам сайта (см. рисунок). Но не пойму как это сделать Код такой для блока wrapper (я так понимаю его нужно редактировать??) #wrapper { background: url("images/bg.PNG") repeat-y scroll 0 0 #fff; } Картинка "images/bg.PNG" вот http://hotbanya.ru/wp-content/themes/statua_v1.0.5/images/bg.PNG но ничего не выходит. Что не так? Или это вообще не так делается?
0 votes7 answers -
Съехали блоки
http:// hexlife.in.ua/index.php?id=181 <div class="content"> <div style="padding:10px 20px 10px 20px;"> <p> Другі страви</p> <div style="width:205px;text-align:center;float:left;"> <div class="ramka_galerey"> <a class="highslide" onclick="return hs.expand(this)" style="wigth:150px;height:130px;" href="/images/gallary/20120508113108.jpg"> <table cellspacing="0" cellpadding="0" style=" width: 100%; height: 100%; text-align: center; vertical-align: center;"> <tbody> <tr> <td> <img title="На…
0 votes2 answers -
Сайт расплывается в IE
Подскажите пожалуйста, как выровнять conteainer относительно body, чтобы он был посередине монитора в IE? В остальных браузерах нормально body { font: 0.8em Arial, Helvetica, sans-serif; background-image: url(bj.png); background-repeat:no-repeat; } #container { width: 1000px; margin: 0 auto; min-height:100%; position:relative; }
0 votes1 answer -
Placeholder
Привет. Как стилизовать placeholder?
0 votes4 answers -
height: 100% и margin-top
Доброй ночи форумчанам. Может ли кто подсказать красивый способ обхода одной проблемы. Её суть в следующем. Если задать для html и body height:100%, то для вложенного блока margin неизменно увеличивает размер самой страницы до 100%+margin и как следствие - появляется скроллинг. Где-то был вариант решения с position: absolute есть еще какие-либо мысли?
0 votes3 answers -
Ну очень нубский вопрос
Даже стыдно спрашивать, но никак не могу понять. Такой вот тривиальный пример. <div class="main"> <div class="block"></div> </div> body { margin: 0; padding: 0; } .main{ width: 400px; height: 400px; background-color: #272822; } .block{ background-color: #982722; width: 100px; height: 100px; margin: 40px; } почему в данном случае margin-left отображается корректно, а margin-top как бы вылазит и отодвигает родительский блок от области просмотра?
0 votes1 answer -
Скроллинг по локальным ссылкам и fixed-элементы - как подружить?
Как известно, если в HTML-документе в одном месте написать: <a href="#location">Переход куда-то</a> А потом в другом месте написать еще <a name="location"></a> то при клике на первую ссылку броузер должен прокрутить окно так, чтобы вторая точка оказалась в левом верхнем углу окна. Пока на странице нет никаких выкрутасов с CSS - все хорошо. Но мне понадобилось разместить на странице блок с таким набором свойств: position: fixed; top: 0; left: 0; width: 1207px; height: 184px; z-index: 10; По сути дела этот блок представляет собой некую шапку, которая при скроллинге не прокручивается, а всегда висит в верхней части окна. И вот тут начинается …
0 votes3 answers -
Как такое сверстать?
Туплю потихоньку... не могу представить как такое можно заверстать: Это список (<li>) пунктов меню. Думаю что нужен один элемент (типа <span> или <div>) внутри <li>, у него сделать прерывающийся бордер, который повыше, а продолжение бордера уже у <li>, но выходит тоже с прерыванием..., но как это сделать? after, before и border? Мозги уже не варят )
0 votes5 answers -
Раскрывающееся меню на странице
В связи со сбоем в коде на главной странице сайта (http://bloky.ru/catalog/290), сбилось раскрывающее меню. На партнерском сайте есть аналогичное меню : http://pegasdom.ru/catalog/289 PHP-код самого раскрывающегося меню, если я не ошиблась, приведен ниже: <?php if(!(defined('_ENGINERUN') && isset($_GET['mod']))) { die("Hacking attempt!"); //echo header("location: ../index.php"); exit; } if(!function_exists('get_category_tree')) { function get_category_tree($parent_id=0, $level=1, $arr = array()) { $sql ="SELECT * FROM "._TABLE_PREFIX_."categories WHERE is_show=1 AND parent_id='".$parent_id."' ORDER BY sort"; //echo $sql; $res = mysql_query($sql);…
0 votes3 answers -
SVG траблы
Подскажите плиз кто работал с svg, встраиваю svg прямо в html и все круто кроме одного - примерно 2/3 html это svg и еще гадкий jade в sublime 3 ломает индентацию (приходится ручками подправлять). Решил встроить svg спрайтами через background-image но есть проблема - не могу использовать fill, что мне делать то, отдельный спрайт для ховера делать ?
0 votes7 answers -
Давайте обменяемся отзывами на фл.у
Всем привет. Сидит ли кто-то на фл.ру? Предлагаю друг другу оставить по отзыву, так сказать маленькая, но приятность. Но должен быть акк работодателя (у меня есть), с которого мы будем делать как бы заказ и писать отзыв. Пишите в тему или лс, и будем помогать друг другу
0 votes3 answers -
PHP GD
Здравствуйте! Ребята, я вот уже который день пытаюсь разобраться с данной библиотекой и написать необходимый скрипт, но из-за разнообразия функций и их параметров я часто просто путаюсь и потом вхожу в ступор на несколько часов для того чтобы последовательно разобраться в том что не так и в итоге по истечению многого времени я так и не смог реализовать задуманное... Есть png картинка на которой по центру одним сплошным цветом изображено что-то а фон прозрачный и мне нужно сделать так чтобы я тот конкретный цвет поменял на другой конкретный цвет и оставил прозрачность. В интернете полно информации по данной теме и я заметил что реализаций тьма судя по тем скриптам которы…
0 votes5 answers -
Список <ul> - маркер меняет межстрочное расстояние
Есть такая проблема: Нужно сделать список, причем один пункт списка пометить маркером-картинкой. Когда помечаю, маркер-картинка располагается вроде бы как надо, но текст сдвигается на несколько точек вниз, и как следствие, 1) располагается не против маркера а ниже 2) расстояние между помеченным пунктом и предыдущим становится больше. Код: <style type="text/css"> ul { line-height: 25px; list-style-type: none; font-size: 15px; /* а это вроде к вопросу не должно иметь отношение, но для приближенности к реальной ситуации пусть будет */ font-family: Arial Narrow; font-weight: bold; text-transform: uppercase; } li.marker { …
0 votes2 answers -
Именная рассылка HTML
Народ, всем привет. Нужна небольшая помощь. Нужно в html-письме сделать "именную рассылку". Нужен код, который это делает. П.С До словно: при отправке письма, человек получает письмо в котором аля : "Уважаемый, Сергей...." и так на 50 и более контактов.
0 votes1 answer -
как мне вывести количество выбранных пользователем дат, чтобы посчитать скидку
В форме публикации объявления в газете указываются даты публикации в виде (день/месяц/год) let dt = document.getElementById('dt'); function setDate(d){ dt.value += (dt.value == '') ? d : ', '+d; } function init() { if (arguments.callee.done) return; arguments.callee.done = true; changePrice(); } А как мне вывести количество выбранных пользователем дат, чтобы посчитать скидку при публикации в > 3 номерах ? skid = Math.ceil(one_ad_cost * (dt > 3 ? dt : 0) * 0.07);
0 votes2 answers -
Как делаются фильтры для продуктов на сайтах?
Здравствуйте. До сегодняшнего дня, я только занимался версткой макетов, и не совсем понимаю как в принципе после верстки сайты оживают и начинают работать. Вот например, я сверстал карточки товаров, и там есть сортировка, но понятия не имею как его делать. Там есть формы: - Дата начала аренды - Дата конца аренды - Тип транспорта - Цвет - Вместимость - Грузоподъемность Буду очень благодарен тому кто распишет как все это работает, а то понять не могу, что-то для меня это совсем темное и туманное....
0 votes5 answers -
проблема с абсолютными блоками в ie6-ie7
Имею проблему с абсолютно позиционированными блоками в ie7, такое ощущение, что при position: absolute; top: 0; ie позиционирует блоки не относительно блока родителя а относительно body, т.е. абсолютный блок прилипает к верху страницы, как быть? Пример: http://www.yakovishinandrey.ru/dom
0 votes2 answers -
Высота ячейки в IE без указания высоты родителя
Добрый день! Как сделать 100% высоту таблицы в ячейки ...<td height=100%><table height=100%>....</table></td>... без указания 100% высоты body ?
0 votes1 answer -
Не могу понять, откуда берется отступ?
То ли я не выспался, то ли что.. не могу понять, откуда берется прореха между пунктами меню: Вот код: <html> <head> <style type="text/css"> <!-- * { margin:0; padding:0; } ul, li { list-style:none; } ul.mainmenu, ul.mainmenu li { display:inline; } ul.mainmenu li.active a, ul.mainmenu a:hover { background:#353535; color:#fff; } ul.mainmenu a { display:inline-block; padding:10px 15px; text-decoration:none; color:#353535; font-size:1.75em; } --> </style> </head> <body> <ul class="mainmenu"> <li class="active"><a href="#">menu</a></li> <li><a href="#">menu</a></li>…
0 votes1 answer -
Верстка форм. Проблемы с FF4
Доброго времени суток. Есть формочка - http://beavers-net.narod.ru/primers/forms.html Собственно два вопроса - как её сверстать лучше, чтоб не прыгали инпуты туда-сюда и все было ровно и в Лисе input file для аватара не тянется Inline-стилями - в чем фишка? *валидацию прошел. По поиску побродил, но ничего не нашел,( Только вот - http://forum.htmlbook.ru/index.php?showtopic=20084&hl=%E2%E5%F0%F1%F2%EA%E0+%F4%EE%F0%EC Оно занятно, да не об том. Заранее спасибо. С уважением, Олег.
0 votes10 answers -
link вместо XHR
Можно ли использовать тег link вместо XMLHttpRequest? И если да, то как? И вообще, какие возможности у тега link, кроме как встраивание стилей, каналов и поисковиков?
0 votes6 answers -
Как сделать лупу в тексте?
Здравствуйте. Как сделать такую вот штуку? Также надо, чтобы иконка лупы была кнопка, по которой данные на сервер идут. И ещё вопрос. Как сделать, чтобы <li> растягивали ul? Надо это для того, чтобы задать ul фоновый цвет и он заливался в зависимости от того, сколько li в ul. Заранее спасибо.
0 votes2 answers -
стиль html в css'е
1) Ребят, поведайте, пожалуйста, полному нубу откуда повелось переопределять тэг html в css? html { background-color: #FFFFFF; background-image: url("../../Img/bckgrnd.jpg"); background-position: center top; background-repeat: repeat; min-height: 400px; } Дело в том, что, подобных приемов в уроках я не встречал. Вроде как всегда приучали работать с body. Но на практике очень часто вижу подобное. 2) Никак не могу понять назначение height: 100% применительно к тому же html: html { ... height: 100%; } - что это дает? Каким образом происходит растяжение по высоте? Пробовал экспериментировать, убирая данное свойство, но никакого изменения не выявил... В общем, подск…
0 votes4 answers