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
-
Неотображается иконка сайта
Здравствуйте, вот у этого сайта http://velo-tuning.ru/ Не отображается иконка, в чём дело? Сама иконка загружена по адресу http://velo-tuning.ru/glavdising/favicon.ico
0 votes5 answers -
Почему в IE6 не происходит обтекание
Подскажите пожалуйста, почему в IE6 блок .two не обтекает блок .one, во всех остальных браузерах это происходит. Ссылка на пример <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style type="text/css"> html,body{width:100%;height:100%;padding:0px;margin:0px;} #wrapper{background:#dedede;width:100%;height:100%;} .one{margin-left:20px;width:200px;background:red;float:left;} .two{width:300px;background:green;zoom:1;} .three{width:300px;background:yellow;zoo…
0 votes16 answers -
Кнопка для открытия изображения в ajax-окне.
Здравствуйте! Увеличенные изображения и их превьюшки используются сейчас достаточно широко, чтобы не быть не упомянутыми. Вид кнопки : <a href="картинка">Посмотреть</a> Нужно, чтобы при клике на ссылку картинка открывалась в ajax-окне. Заранее благодарю.
0 votes10 answers -
Как увеличить поле form и сделать красивое обрамление ?
Создал контактную форму - не могу разобраться - как увеличить поля (через css или нет), тк они получились маленькими, особенно где должен быть текст сообщения php код вот: <form method="post" action="<?php echo "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>" id="contactform"> <strong>Имя</strong>*<br/> <input type="text" class="textbox" id="cp_name" name="cp_name" value="<?php echo $cp_name;?>" /><br/><br/> <strong>E-mail адрес</strong>*<br/> <input type="text" class="textbox" id="cp_email" name="cp_email" value="<?php echo $cp_email;?>" /><br/><br/> &l…
0 votes3 answers -
Как сделать картинку background подстраиваемую под блок?
Добрый день? Как сделать, чтобы картинка в фоне выводилась полностью по высоте, по ширине она принимает значения блока родителя и прекрасно адаптируется, но как установить корреляцию по высоте от изменения ширины блока, т. к. при разных экранах блок в котором находится айфон изменяется. Если обычной картинки прописать в html width="100%", то она в зависимости от ширины блока изменяется и по высоте. https://jsfiddle.net/wjt96w2t/
0 votes10 answers -
Событие "click" за границей блока
Привет. Я бы хотел сделать форму авторизации в шапке сайта. Помогите, пожалуйста, поправить код, чтобы плашка не закрывалась при вводе. Там также при фокусе меняется border, но с этим разберусь как-нибудь https://codepen.io/bogdandranicin/pen/ZExZGeW
0 votes1 answer -
CSS меню
Здравствуйте. Сделал меню на css с использованием списка Ul. Подскажите механизм, как в зависимости от открытой в данный момент ссылки меню, сделать ее активной (подсветить другим цветом например.), чтобы в каждой web-странице не прописывать активное меню, например как здесь: <li class="item_active"><a href="home.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> Если напримев у меня 20 меню, то мне тогда придется в 20 web-страницах прописывать активное меню (class="item_active"). что очень неудобно. Спасибо.
0 votes6 answers -
Firefox не отображает gif
Всем привет, На wordpress-сайте http://dev12.softreactor.com/ под меню (выше текста "My 2011 Rhone Valley Food Trip") выводиться gif картинка <div id="div_WineBanner"> <a href="http://www.winearomas.com"> <img alt="http://www.winearomas.com" src="http://dev12.softreactor.com/wp-content/plugins/WineBanner/images/Winevibe_banner.gif" class=" ynvivaszqlddhasjiafu"> </a> </div> Проблема в том что на моем линуксе она НЕ отображается в Firefox 10.0.6 и нормально отображается в Opera, Konqueror. если туда прицепить другую картинку (не gif) - то она нормально отображается. В настройках Firefox я не нашел пункта вроде "не отображ…
0 votes5 answers -
Сетка
Здравствуйте, в процессе обучения верстке сделал свою сетку. Но есть одна проблема. Допустим есть макет с сеткой http://bloggingtips.moneyreigninc.netdna-cdn.com/wp-content/uploads/2008/05/website-index.jpg. в header есть логотип и меню, есть 24х колоночная сетка. Между логотипом и меню есть 8 колонок. Вопрос: как сверстать этот пробел? Влепить туда пустой блок 1/8 или сделать margin ?
0 votes23 answers -
Помогите...
Проблемма в том, что есть такое расположение элементов на странице: "Фотография текст текст текст | фотография текст текст текст | Фотография ... и т.д" до бесконечности. Это элементы каталога товаров генерируемые CMS и выводятся они просто в строчку, друг за другом. Надо для примера мне, отформатировать код ниже с помощью CSS так, чтобы сгрупировать элементы по четыре (фото текст текст текст) в столбики, которые идут друг за другом в строчку, как как здесь _http://www.sendflowers.ru/_ текст текст текст текст текст текст PS/ Мне бы это сильно помогло. Извиняюсь зарание, если тупость написал.
0 votes5 answers -
Как правильно использовать хаки
Привет всем помогите разобраться как использовать хаки для борьбы против кроссбраузерного отображения, а точнее как их правильно прописывать для Mozilla Firefox у меня вот какая проблема расстояние от одной (ячейки) до другой смотреться нормально в Opere и Explorer вс? одинакова, а вот в Firefox не как не получается чтобы расстояние между палями было, как я хотел margin-left:3px; margin-top:5px; margin-right:3px; В Firefox у меня в с? это смотрится нормально как я хотел, толка когда прописано margin-left:7px; margin-top:5px; margin-right:7px; а в Opere и Explorer вс? с езжает подскажите пожалуйста что делать. Я читал, что есть специальный хаки для браузеров так вот воп…
0 votes3 answers -
Бен, это Данила! Ай нид ХЭЛП!
Попробую объяснить что мне нужно: Нужен макет в 3 колонки. Левая - навигашка, правая - новости, середина - контент. Сверху хедер, снизу футер. Резиновый. Фишка в следующем. Все три колонки всегда(!!!) должны быть дотянуты до футера (important! вне зависимости от размеров контента колонок, хоть 5 строчек там будет), а футер всегда внизу. Очень прошу помочь. Если расскажите как сюда картинку не URL вставить - кину жипег. Просьба не пинать. Чайнег
0 votes14 answers -
Как пользоваться LESS?
Начитавшись статей про препроцессоры решил попробовать тот, по которому больше всего нашел рускоязычной документации - less. Но я так и не понял магических фраз типа: Я так понимаю для использования препрецессора необходимо установить виртуальный сервер типа Денвера? А если без него просто писать код в Notepade++ или Sublime Text? Как тогда пользоваться?
0 votes3 answers -
Реализация кнопки нестандартной формы
Пытаюсь реализовать кнопку необычной формы. Проблем с кнопкой не было, до того момента, как встала задача добавить при наведении эффект glow. Вот тут то и вышли проблемы. Сам пример тут. Если кратко то куски кнопки, которые эмулируют скосы отображаются как части, а не как единое целое. При ховер у меня также меняется прозрачность. По кнопке перерыл весь инет, нашел вот это. Но в основном эти реализации либо не работают с бордером, либо поддержка в браузерах малая(clip-path). В общем был бы благодарен за помощь.
0 votes3 answers -
зачем нужны html, head, body ...?
Я вот тут покалякал, выяснилось что абсолютно все бразуеры эти теги игнорируют полностью, то есть можно запихнуть куда угодно в тексте и он будет оттуда использован по назначению, а текст вне тагов сабжа отображается без проблем.И вообще есть где-нить описание этих подводных камней, как отображаются странички при неправильном расположении тагов, че делать если таг не закрыт, че делать если лишний таг и т.д.
0 votes7 answers -
Вопрос по работе IE
Я взял готовый скрипт меню и изменил там html-код и css-код. Может ли быть такое, что меню перестанет работать в IE6. В Mozille всё работает. Или надо ещё Java-скрипт изменять под новые данные?
0 votes9 answers -
Как задать цвет маркеров у LI при этом не затрагивая цвет текста?
Как задать цвет маркеров у LI при этом не затрагивая цвет текста? Так что бы цвет шрифта определялся, допустим, в BODY, а у маркеров был мною заданный цвет.
0 votes11 answers -
Опустить колонки до футера, а футер до низа
Уважаемые, столкнулся с проблемой... Не могу опустить футер до низа браузера и не могу опустить обе колонки до футера... надеюсь ктото поможет =) <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>vo4tap.info</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" charset="windows-1251" /> <meta name="Keywords" content="Кодовые, слова, через, запятую" /> <meta name="Description" content="Описание страницы и что за херня на ней" /> <link href="style.css" type="text/css" rel="stylesheet"> <style> * {padding: 0; margin: 0;} html {height: 100%; min-width: …
0 votes5 answers -
кто знает как реализовать растягиване сайта как тут
Пытаюсь сделать такой же макет с рятяжением как на сайте www.66.ru, сайт растягивается до определенного предела, потом идут отступы по бокам при больших разрешениях. Если кто знает может как реализовано подскажите пожалуйста
0 votes8 answers -
иконка у линка с правой стороны
подскажите как через CSS сделать иконку и линка но только с правой стороны. то есть линк может состоять из 10 символов, 20, 30.... нужно чтобы картинка отображалась через CSS. спасибо
0 votes17 answers -
Адаптивный дизайн. Расстояние между карточками
Добрый день всем! Имеется проблема. необходимо в адаптивном дизайне расположить карточки товаров выровненные по обе стороны. Есть решение этой проблемы, но как только появляется вторая строка, она ведет себя неадекватно, или выравнивается по левому краю, или рушится сетка вот тут пример http://css-live.ru/Primer/viravnivanie-items/pseudo-element.html Вопрос как выровнить карточки по ширине в адаптивном дизайне, сохраняя сетку? Всем заранее спасибо!
0 votes2 answers -
Вопросы ламера :)
У меня, возможно, ламерские вопросы... Но не забываем, что это тема для начинающих... 1. Как убрать полоса покрутки в textarea? Пробовал sroll, style и др. фиг! 2. Как запретить сохранение страницы как на том сайте htmlbook.ru? Копал в Яве и не мог сделать. (
0 votes10 answers -
проблема с наклонным шрифтом в IE6
Вот элементарный код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> </head> <style type="text/css"> #intro { text-align: left; font-style: italic; } </style> <body> <div id="intro"> <p>Именно поэтому наш Боттичелли считает его специальную проработку напрасной, говоря, что если бросить губкой, пропитанной краской, в стену, то на стене останется пятно, в котором любой может увидеть прекрасный пе…
0 votes11 answers -
2 div'а по горизонтали.
Сталкнулся с такой проблемой. В header'е стоят 2 дива, один привязан к левому краю, второй соответственно к правому. И вот при растяжении-сужении когда они соприкасаются, то либо один перекрывает другой, либо один оптекает другой и проваливается вниз, в зависимости от position. Можно ли как то сделать так чтоб они не наезжали друг на друга и при этом оставались зафиксированными?
0 votes8 answers -
text-indent
несколько раз встречал в шаблонах параметр text-indent со значением -9000 либо -9900 , почему такие цифры? кто может,объясните.спасибо.
0 votes15 answers