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
-
Верстка карточки товара
Суть такая сверстать что то типа карточки товара, но текст описания всегда разный, должен выравниваться по вертикали, а картинки должны быть на одном уровне. Сверстать желательно div <div class="block"> .................. </div> или может списком <ul> <li> ............... </li> </ul> Но проблема в том как сделать выравнивание картинки зависим от количества текста, чтоб картинка во всех блоках (одной строки) была на одном уровне!? _http://imagepost.ru/images/t/ov/tovar.gif
0 votes8 answers -
Центрирование изображения
Прощу помощи) Вопрос: Как центрировать картинку по вертикали в диве(который float) с заданной высотой. Есть какие нибудь более элегантные способы чем задание подсчитанного паддинга? Должно работать в ie6.
0 votes4 answers -
Динамическое изменение размеров шрифта
Есть ли решение в CSS для автоматического изменения размеров шрифта с изменением размеров окна?
0 votes1 answer -
Проблема стабличкой
Всем привет! Сделала ленту с картинками товаров табличкой со скрытыми элементами td. нажав на левую или правую кнопку, предыдущая или след делается видимой, остальные невидимыми. В хроме и эксплорере последнем всё работает норм. В мозилле и опере возникает глюк: картинки пляшут на разной высоте. Содержимое ячеек выровнено по верхнему краю. Двигаются сами ячейки в строке таблицы, не понятно почему. Попробовала сделать все ячейки видимыми - всё норм, все на одной высоте во всех браузерах. Не пойму, что меняется, если они невидимые и идёт переключение между ними((( Пробовала всевозможные выравнивания всех элементов ничего не помогло. Откуда может браться это дополнительно м…
0 votes7 answers -
снова кроссбраузерность
Всем привет! Люди помогите, посоветуете! не могу разобраться( Сайт в версиях ie7,6 отображается хорошо, а в ie8 выводит строку "<link rel="stylesheet" href="/templates/tesyt/css/", весь код перерыла, ответа так и не нашла как разобраться? можно ли в коде написать если браузер ie8 чтобы выводил сообщение, типа "установите режим совместимости или войти через другой браузер" или же можно с этой строкой разобраться? пожалуйста помогите, подскажите Буду ждать от вас ответа Спасибо заранее
0 votes9 answers -
Как правильно сверстать
Вот такое вот меню: http://zalil.ru/32962144 Картинкой что ли только? Интересует именно наклон
0 votes3 answers -
Шапка
Есть такой код, взятый с раздела "Макеты": http://tinkerbin.com/CQZ76oBi Сейчас у шапки есть отступ сверху, который мне нужно убрать. Пробовал ставить margin-top равным нулю, но не помогло. Что сделать, чтобы убрать отступ?
0 votes2 answers -
Затруднение
Скрытый текст Добрый день. Подскажите пожалуйста. Зачем использовать для кнопок список, а например не тот же <button> или input? <section id="hero" class="container"> <header> <h2>Lorem Ipsum is simpply <br /> when an unknown printer <a href="#">HTML5</a></h2> </header> <p>Designed and built on <strong>skel</strong> by <a href="#">AV</a>. Released for free under <br /> the <a href="#">Lorem Ipsum is simply dummy text </a>.</p> Здесь- <ul class="actions"> <li><a href="#" class="button">Get this party started</…
0 votes2 answers -
Гугл ругается на "-webkit"
Начал потихоньку оптимизировать свой форум, убирать лишние css Возник вопрос. Зачем нужно использовать -webkit, к примеру, -webkit-border-bottom-left-radius, если можно использовать border-bottom-left-radius? Гугл просто ругается на CSS: "-webkit-border-bottom-left-radius" is used, but "border-bottom-left-radius" is supported. "-webkit-border-bottom-right-radius" is used, but "border-bottom-right-radius" is supported. Как быть?
0 votes7 answers -
Визуальный редактор форм
Здравствуйте! Подскажите, существует ли визуальный редактор форм HTML? Чтобы можно было размещать элементы формы рядом, лесенкой и т.д., но не с помощью пробелов. Например, надо создать форму такого вида: http://itmages.ru/im...177908/9e89a06c
0 votes1 answer -
мобильная версия подключение
Здравствуйте! Сделала мобильную версию сайта, поставила ее не поддомен m.сайт.ru, на сайт.ru/index.html вставила код для переадресации на m.сайт.ru, когда входишь с мобильного браузера. Все отлично. Но. Мне нужно чтобы можно было на мобильном перейти на полную версию сайта. Вопрос: как это сделать? Или как по-другому подключить мобильную версию с возможностью перехода на полную версию сайта?
0 votes2 answers -
Шрифт Tahoma
Нужно подключать через font-face? И где его взять? все заблочено.
0 votes2 answers -
Подскажите как сделать выравнивание в блоке
Добрый вечер. Есть блок. .main_content { min-width:980px; max-width:1200px; margin: 0 auto; } В нем блок <ul class="ulip"> <li> <img src="icons/rst.png" alt="Только камеры РСТ" title="Только камеры РСТ"></li> <li> <img src="icons/vozvrat_14.png" alt="Возврат товара в течении 14-ти дней" title="Возврат товара в течении 14-ти дней"></li> <li> <img src="icons/garanty.png" alt="Официальная гарантия" title="Официальная гарантия"></li> <li> <img src="icons/dostavka.png" alt="Доставка по России" title="Доставка по России"></li> <li> <…
0 votes0 answers -
Как сделать такую анимацию?
http://www.sitedon.ru/
0 votes7 answers -
Изображение в изменяющемся заголовке
Есть заголовок, который меняет свою высоту в зависимости от размера экрана (20% от высоты экрана). Нужно в него поместить картинку, которая будет высотой 80% от заголовка и находиться точно по центру. Расположить в центре по горизонтали было легко, а вот по вертикали не получается. Header - это div, headerimage - img #header { height:20vh; background:red; margin:0px; text-align:center;}#headerimage { max-height:80%;}Подскажите, как правильно это сделать?
0 votes1 answer -
"клонирование" блока при перемещении
В общем раньше не встречался с такими проблемами. Да и не верстаю я уже ооочень долго но наконец-то мои навыки мне пригодились снова. Правда столько проблем, все забыл.. В общем проблема даже не уверен в чем. У меня есть код: <div class="content"><div class="fixedmenu"><ul><li>1 punkt<li>2 punkt</ul></div><div class="mblock">text<br></div><span class="clear"></div></div>А css: .content {width:100%;width:800px;margin:0 auto;}.mblock {border-radius: 10px;background: url("../images/50%.png") repeat;padding:20px;margin-top:20px;/*text-align:center;*/}.fixedmenu {border-top-left-radius: 50px;border…
0 votes1 answer -
положение masked-input
помогите пожалуйста разобраться я использую для формы популярный qjuery-плагин masked-input. его действие заключается в том, что после получения полем фокуса в нём появляется маска для ввода телефона примерно следующего вида: (___) ___-__-__мне хотелось бы понять где в html находится эта маска. в атрибуте value или вообще поблизости элемента input, как показывает инспектор, ничего подобного нет
0 votes1 answer -
Сайт некорректно отображается в разрешении 1920х1080.
Я в body создал div, задал ему ширину 900px и выровнял по центру, задав margin слева и справа auto. Ещё добавил text-align по левому краю. Сайт корректно отображается на всех разрешениях, но если у человека 1920х1080, этот div почему-то съезжает вправо так, что левый край находится по центру экрана. Вижу я это через вебвизор яндекса. В чём может быть дело?
0 votes2 answers -
Создание галереи
Как сделать галерею картинок чтобы при выходе за пределы ширины блока, появлялась прокрутка. Делаю так <div class="gallery"><img src="images/watch.png"> <img src="images/apple.png"> <img src="images/headset.png"> <img src="images/seminar.png"> <img src="images/jobs.png"> <img src="images/glass.png"> </div>.news-day .gallery{ box-sizing: border-box; height: 510px; overflow-x: scroll; width: 1900px;}.news-day .gallery img{ margin-right: 3px;}Но картинки просто вылазиют за ширину http://i67.tinypic.com/15x4xll.png
0 votes1 answer -
Ошибка в синтаксисе при добавлении в бд данных
<?php include("connect_bd.php") $result=mysql_query("SELECT * FROM buyer",$db); $myrow=mysql_fetch_array($result); if(isset($_POST['name'])) { $name = $_POST['name']; } if isset(($_POST['numb'])) { $number = $_POST['numb']; } if isset(($_POST['e-mail'])) { $email = $_POST['e-mail']; } if isset(($_POST['pay'])) { $pay = $_POST['pay']; } if isset(($_POST['dostavka'])) { $dostavka = $_POST['dost…
0 votes1 answer -
Не закрывается блок по клику на пустой области (windows.onclick)
Подскажите, пожалуйста, почему может не закрывается меню при клике на пустую область? https://jsfiddle.net/72u624g5/4/ Заранее благодарю за помощь!
0 votes2 answers -
Правильная разметка
Подскажите пожалуйста, как сделать то же самое, но более оптимизировано и правильно. Мне кажется что тут лишние див'ы и можно было сделать проще!? https://jsfiddle.net/dd36susm/
0 votes1 answer -
проблема c width
Привет, кто может, хелп. Есть сайт( не реклама если что) http://goodmoons.ru/ugg-sale3/?utm_referrer= , попросили немного переделать, https://jsfiddle.net/s41y9o5q/- вот код переделанный. Но возникла проблема: на мобильных разрешениях у оригинала Body 480px остается и тянется все содержимое пропорционально размеру экрана, в моей же версии такого не происходит, а боди 960px почему то, и не поменялся width, хотя для wrapper и body задал теже параметры, что и в оригинале Вопрос решил viewport 480 стоял
0 votes0 answers -
Относительный размер шрифта(smaller) дает отличный результат если задать размер явно.
Доброго дня всем. Есть пример https://codepen.io/pitchcontrol/pen/bGbJdgZ Две таблицы вложены в блок, у блока задан размер шрифта x-large, у одной таблицы задан large а у другой smaller. Получается у них должны быть одинаковые размеры, но по факту они разные. Почему это так?
0 votes2 answers -
Проблема с меню...
Уважаемые пользователи , Не могу никак поправить ошибку в меню, навожу курсором выше текста, а текст снизу выделяется, как-будто я навел на него.. вот сам файл http://files.mail.ru/V29REF Эта ошибка видна, через браузер Mozilla firefox через оперу все норм, может кто сталкивался с такой проблемой, а то никак не могу разобраться..
0 votes0 answers