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
-
Прошу помощи с формой отправки
Коллеги, помогите, плиз, решить задачу с формой. Имею: <select name="pay_mode"> <option value="21">Банковский платёж</option> <option value="3">Почтовый перевод</option> <option value="4">WMR</option> <option value="2">RBK Money</option> </select></td></tr><tr><td height="20" colspan="2"> </td></tr> </table> <input type="hidden" name="count" value="1"><input name="tovar_id" value="2"> и так далее... КАК сделать так, чтобы при выборе, например "Почтовый перевод", информация отправлялась не с <input name="tovar_id" value="2">, а с <input name="tovar_id"…
0 votes7 answers -
таблица в таблице
есть страничка типа <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HEAD> <title>data</title> <meta http-equiv="Content-Type" Content="text-html; charset=windows-1251"/> <style type="text/css"> a { color: #0058B0; text-decoration: none; } a:hover { text-decoration: underline; } .report, .zal { border-collapse: collapse; } .report .row td, .report .row th { border: 1px solid #000; padding: 2px; } .zal th, .zal td { border: 1px solid #000; padding: 2px; } .zal th { border-top: none; } .zal td { border-bottom: none; } </style> </hea…
0 votes3 answers -
Подстройка шрифта под разные расширения экрана
Доброго времени суток. Интересует такой вот момент. Леплю сейчас резиновый шаблон для сайта. Всё вродебы гут, но завис на размере шрифта. Можно ли както задать размер шрифта пропорционально расширению экрана? Заранее благодарен за любую полезную инфу
0 votes7 answers -
Баг сафари ?
Привет. Вычитал в гуглах как убрать отступы при использовании inline-block, но сафари вер. 5.1.1 упорно не хочет этого понимать. Даже 7й ослик прекрасно это хавает http://jsfiddle.net/QutPn/2/ Как победить ?
0 votes6 answers -
Скругление углов (прозрачность под тенью)
Приветствую! Поиском решения не нашел... потому прошу помощи. Задача такая - нужно сделать обычное скругление углов(левый верхний и левый нижний). НО! из-под краев расходится тень, под которой должна быть прозрачность (фон не однородный, без прозрачности очень криво будет). Т.к. картинки углов получаются длиньше, чем само изображение края (тень же) то из-под них начинают просвечивать background-ы родительских div-ов... и непонятно как это убрать. Картинку можно глянуть тут Верстал вот так: <div id="list"><div><div><div><div> </div></div></div></div></div> div#list { background: white URL("../img/shadow-page…
0 votes6 answers -
Нужен блок с контентом фиксированной высоты с полоской прокрутки!
Всем доброго времени суток. Подскажите пожалуйста как правильно будет реализовать блок с фиксированной высотой и шириной, и когда контент не будет влазит в него по высоте что появлялась полоса прокрутки. Подскажите пожалуйста как это будет правильней реализовать и валидностью в HTML5?
0 votes1 answer -
Странное поведение тега IMG
Тег <img> по умолчанию строчно-блочный (display: inline-block) Я прописываю картинку в этом теге так: <img src="ololo.png"> Потом в стилях прописываю ему что-то типа: padding: 20px; background-color: red; И что же я вижу...из под самой картинки на 20 пикселей с каждой стороны (мой паддинг) выглядывает красный цвет. Т.е. такое впечатление, что для самой картинки backgound-clip в значении content-box, а для цвета (background-color: red) в значении padding-box. Кстати, манипуляция со значениями backgound-clip и backgound-origin в теге <img> абсолютно ни к чему не приводит. В любых других элементах (строчно-блочных и блочных. В таблицах и строчных элементах…
0 votes2 answers -
Как обрезать картинки в IE?
[РЕШЕНО] Во всех браузерах картинки обрезаются снизу и отображаются правильно, вот так: А во всех Internet Explorer'ах картинки обрезаются, но появляется пустое пространство, вот так: стили: .pic_block { height: 290px; overflow:hidden; } .pic_mat { float:left; margin-bottom: 15px; width: 200px; } вывод картинок: <div class='pic_mat'> <a href='/material.php?mid=".$row_pic['mid']."'> <div class='pic_block'> <img src='pictures/".$row_pic['small']."' width='196px'></a> </div> <a href='/material.php?mid=".$row_pic['mid']."'>".$row_pic['title']."</a> <br> <div class='price'>".$row_pic["cost"]." р.</div> <…
0 votes0 answers -
Пользовательский поиск Google
Просьба откликнуться тех, кто сталкивался с настройкой пользовательского поиска от Google. У меня сверстана форма поиска: http://jsfiddle.net/3WFKV/ К сожалению, я не могу встроить в готовый поиск форму пользовательского поиска. Подскажите, пожалуйста, как правильно это сделать, что бы внешний вид поиска остался таким как в верстке. Заранее благодарю!
0 votes7 answers -
Как уменьшить спрайт?
У меня на сайте есть блок с обратным отсчетом, сделан при помощи спрайта, и вот я хочу уменьшить этот счетчик, но вот как? чтобы спрайт не "посыпался".
0 votes2 answers -
Выход текста за граници блока
Не могу понять свою затупку, 2 дня назад работал с шаблоном сайта было все нормально. Сейчас текст выходит за граници блока как показанно на примере хотя должен переходить на новую строку. <!doctype html> <html> <head> <meta charset="windows-1251"> <link rel="stylesheet" type="text/css" href="styles/style.css"> </head> <body> <div id="stranica"> <div id="stranica1">sfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsf </div> <div class="clr"></div> </div> </body> </html> #stranica { height: 1000px; width: 600px; float:…
0 votes2 answers -
div>hover>active>а что после этого?
Есть блок-спойлер,который после прокликивания должен изменять свою форму: .videoA{ display:block; position:relative; background-color:#191919; border:solid 1px black; border-radius:5px; width:582px; line-height:30px; margin:15px auto 0px; font-size:12pt; padding:0px 10px; box-sizing: border-box; color:white;}.videoA:hover{ color:blue;}.videoA:active{ border-radius:5px 5px 0px 0px;}Но вот проблемка,hover - это изменение во время наведения курсора на блок,active - изменение во время зажима этого блока курсором,мне ещё нужно что бы был ещё один режим который видеоизменял бы этот блок после того как его активировали и вылез скрытый текст спойлера,я…
0 votes7 answers -
Баг text-indent?
Назначил блоку text-indent,все абзацы начинаются с отступом,но абзацы которые следуют после <br> без отступа,что за дела?
0 votes2 answers -
Помощь в реализации одной идеи
Здравствуйте! Нужен пинок под зад, что бы знал, куда смотреть, что бы сделать след. идею: Есть картинки, допустим 3 (в ряд). Когда наводишь на эту картинку, то фон меняется, допустим на серый(но это не главное) или фотка становится размазанной(blur effect). На этот фон вылезают, к примеру, 3 кнокпи: Like (Facebook) Like (vk) Like(odnoklassniki) - Это всё как пример. Что я имел ввиду под "вылезает": contest.uid.me (сайт - не реклама) - при наведении мышки на Номинации. Я где-то в интернете уже видел подобный "урок", но, увы, не запомнил, а теперь не знаю как и где искать. Это либо Jquery, либо чистый CSS, А может и оба, но надеюсь, что CSS, т.к. с jquery вообще не знаком…
0 votes5 answers -
Проблема с цветом/картинкой
Вот так выглядит в фотошопе http://s019.radikal.ru/i638/1405/f1/9bb9c056de8b.png а вот так вот в браузере http://i055.radikal.ru/1405/b6/e20c46f2908f.png сперва я пробовал градиентом вставить, не получилось. Потом я вырезал полностью картинку из фотошопа, все ровно та же самая проблема что за прикол? не получается добится 100% идентичности браузер firefox 29, может монитора касячит, не знаю
0 votes2 answers -
PopUp - окно
добрый вечер, нашел пример PopUp - http://jsfiddle.net/p7NbX/15/ у меня вопрос почему в примере работает, если перенести к себе в нодпад ++, он не работает (копирую все верно!!!) , подскажите в чем может быть причина! я не знаю джава срипт, может в нем кроется подвох. Спасибо..
0 votes9 answers -
как в css при наведении на картинку плавно менять размер
подскажите пожалуйста как же поменять размер при hover размер картинки. Код в html: <ul> <li><a href="#"><img src="images/facebook.png" alt="Фэйсбук"></a></li> <li><a href="#"><img src="images/twitter.png" alt="Твиттер"></a></li> <li><a href="#"><img src="images/vk.png" alt="Вконтакте"></a></li> <li><a href="#"><img src="images/mail.png" alt="Майл"></a></li> <li><a href="#"><img src="images/drug.png" alt="Другвокруг"></a></li> </ul> код в css: #social ul li{ …
0 votes4 answers -
Контент не зависит от содержимого?
Решил задать нужный стиль номерам задач, т. е. выставить по горизонтали, но пропала зависимость контента от информации (см. скриншот). Вообще не в первый раз сталкиваюсь с такой проблемой, с чем вызвано эта проблема, ведь интуитивно понятно, что контент, от имеющийся информации, должен увеличиваться, если я не хочу этого, то задаю конкретные размеры по высоте, разве я не прав? http://jsfiddle.net/1ty2mdsm/
0 votes1 answer -
Не могу анимировать посты
Необходимо анимировать посты сайта http://ekspert-uc.ru/training/gosudarstvennaya-sluzhba/ Нужно чтоб при наведении голубой прямоугольник выдвигался сбоку. Голубой прямоугольник фон постов вставился в файле loop.php <?php if(!is_single()){ global $more; $more = 0; } //enable more link ?> <?php /** Themify Default Variables * @var object */ global $themify; ?> <?php themify_post_before(); // hook ?> <article itemscope itemtype="http://schema.org/Article" id="post-<?php the_ID(); ?>" <?php post_class("post clearfix " . $themify->get_categories_as_classes(get_the_ID())); ?>> <…
0 votes3 answers -
Отобразить пропорционально картинку в модальном окне
Всем привет, Не подскажите, а как лучше отобразить пропорционально картинку(картинка может быть разных размеров и довольно большой и пропорций) в модальном окне, где урл картинки будет присвоен картинке img_category_preview, вроде : <div class="modal fade" id="show_category_image_dialog" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <div class="modal-tit…
0 votes2 answers -
Помогите решить проблему с якорными ссылками и скрытым выпадающим списком
У меня возникла проблема, есть код который задает меню в верхней плашке на сайте, при наведении на пункт услуги-открывается еще три по-умолчанию скрытых пункта класса submenu, проблема заключается в том, что если заходить с телефона, то навестись на пункт услуги не получается, а если просто нажать на него то срабатывает переход и еще 3 пункта не успевают открыться. <ul class="topmenu" > <li><a href="#usl">Услуги</a> <ul class="submenu"> <li><a href="us.html" class="navi">Пакеты </a></li> <li><a href="raz.html" class="navi">Услуги</a></li> <li><…
0 votes1 answer -
Применение якорей-закладок во внутренних фреймах
Как правильно построить такую конструкцию. Есть родительская (основная) страница, имеющая вертикальную полосу прокрутки. Внутри родительской страницы имеется внутренний фрейм (iframe) куда загружается другая страница, которая также имеет вертикальную полосу прокрутки. На странице внутри фрейма имеется ряд заголовков со ссылками на якоря (закладки типа <a target="_self" href="#link">link</a>). При переходе по такой ссылке на внутренней странице "срабатывает" полоса прокрутки, которая, однако "тащит за собой" полосу прокрутки основной страницы. Смещение вверх основной страницы в данном случае крайне нежелательно. Как добиться статичности основной, родитель…
0 votes0 answers -
Цвет маркера
Как можно задать маркеру цвет? Чтобы не пользоваться list-style-image.
0 votes2 answers -
Четыре фикса в резиновом блоке
Сегодня на меня какое-то затупанство напало — никак не могу решить, казалось бы, простейшую задачу. Итак, имеем резиновый блок. В нём надо разместить четыре блока шириной 100 пикселей (в пордке «блок1», «блок2», «блок3», «блок4») таким образом, чтобы блок 1 был прижат к левому краю, блок 4 к правому, а 2 и 3 были на одинаковом расстоянии от них и друг от друга. Уже весь мозг сломал — и таблицами даже делал, нифига не могу придумать.
0 votes4 answers -
как лучше сверстать
Здравствуйте, подскажите, как лучше сверстать такой макет. Главные проблемы: 1. плавный переход в фон на краях 2. анимированый фон (блестят логотип и завитушки).
0 votes6 answers