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
-
Проблемы с <title>
Такая проблема - не меняется title!Все равно пишет "Документ без названия", хотя тайтл задан свой. Причем, если переименовать страницу с index.php на index.html то тайтл меняется.
0 votes6 answers -
Помогите z-index
Почему красный не перекрвает зелёный? z-index задал вроде правильно!Получается вот так http://mepic.ru/view/?id=c0936491def5d858001c54a643eccc24 , а нужно наоборот.Подскажите что не правильно! ВОТ КОД <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> .feature_img { background:#F00;/*КРАСНЫЙ ЦВЕТ*/ height:100px; width:170px; z-index:1; } .content_background{ background:#699;/*ЗЕЛЁНЫЙ ЦВЕТ*/…
0 votes2 answers -
Как сделать такую форму поиска?
Добрый день всем! Подскажите как сделать такую форму поиска? интересует именно как сделать поле закругленное. Спасибо.
0 votes4 answers -
Блок под разные разрешения экрана
Есть код: .goods ul {width: 1280px; list-style-type: none; margin: 0 0 0 -6px;}.goods li {display: -moz-inline-box; display: inline-block; vertical-align: top;}Не пойму как сделать, если разрешение монитора 1024, делать блоку goods ul ширину 980, а если более 1024, то тянучку до 1280. Доктайп такой:
0 votes4 answers -
Псевдоэлемент :before и z-index в ie8
#main { background-color: #fff; border-radius: 15px; border: 1px solid #d5d5d5; display: block; height: 1000px; margin-top: 7px; position: relative; width: 948px;}#main:before { content: url(../images/top-shadow.png); display: block; position: absolute; top: -10px; z-index: -1;}<div id="main"></div> Здравствуйте. Подскажите пожалуйста, как заставить работать z-index в псевдоэменте ( :before ) для браузера ie8. Основная задача заключается в том, что нужно поместить подложку ( в данном случаи тень овальной формы ) под основной элемент ( #main ). В "нормальных" браузерах данный код работает. В ie8 подложка "выезжает" на передний план.
0 votes2 answers -
Размывается картинка после изменения размера контейнера
Доброго времени суток! Имеется проблема: Я изменил размер контейнера (картинка CELINE в шапке сайта) с помощью кода CSS: .adaptive .logo img { max-height: 120px; min-width: 300px; } Далее вставляю картинку "CELINE" с помощью визуального редактора UMI, сохраняю изменения и обновляю страницу. После обновления страницы картинка "CELINE" размывается... Как сделать чтобы картинка отображалась без размытия?
0 votes2 answers -
LESS компиляция на ходу.
Господа, подскажите по поводу компиляции LESS именно на стороне сервера... (с клиентской частью проблемы нет) Я так понимаю - для компиляции используется node.js? Есть ли ещё варианты без использования node ? (Эту тему знаю плоховато, потому и прошу помощи в этом направлении)
0 votes2 answers -
Пример работы "в ноутбуке"
Очень понравилось портфолио в котором в картинке ноутбука размещена картинка разработанного сайта, и при нажатии на сайт появляется полная версия Как это делается? Вот скриншот: То есть именно интересует как поместить картинку в картинку
0 votes4 answers -
Подскажите пожалуйста! Как такое сделать или как называется?
Подскажите пожалуйста! Как сделать такую штуку на JS или Jquery? Можно просто название этой штуки))
0 votes2 answers -
Реализация динамически появляющихся полей
При нажатии на кнопку появляется новое поле. Порядок полей идет сверху вниз. По вертикали может помещаться 4 поля http://skrinshoter.ru/s/031218/LKi6NuB4 Если поля не помещаются в ширину контейнера, то они должны переноситься на следующую строку Сделал это на флексбоксе, но поля не переносятся на другую строку при переполненном контейнере https://codepen.io/anon/pen/QJoaXX
0 votes3 answers -
Повторяющиеся линии
Здравствуйте. Мне необходимо вывести вертикальные однопиксельные линии через равные промежутки. Что-то примерное я нагуглил https://jsfiddle.net/6eq501tz/ Но проблема в том, что линия должна всегда находится в центре экрана. Если уменьшите ширину экрана в демо таким образом, чтобы помещались только две линии, то увидите, что при background-position: 50% 0; линии располагаются по краям экрана. Второе - на некотором разрешении в фф линии исчезают. Может есть другие идеи, как реализовать подобное, или пофиксить текущий вариант? Upd: получилось отцентрировать с помощью calc https://jsfiddle.net/8ztwr95e/ Проблема с исчезающими линиями в ФФ актуал…
0 votes0 answers -
помогите сделать таблицу с фиксированными ячейками, плизз
Не пойму в чем дело, вроде прописала размеры всех ячеек таблицы, когда вставляю текст, строчки не переносятся, а идут длинной строкой. как еще зафиксировать ширину ячеек? http://www.ekolab-zentr.ru/ может что-то неправильно написала? в CSS html, body { margin:0px; padding:0px; } body, input, select, textarea { background-color: #ffffff; } td, input, select, textarea { font-family: Times New Roman; font-size: 14px; color: #000000; vertical-align: top; } table.main { border-collapse: collapse; } td { padding: 0px; } td.top { background-image: url(top.jpg); background-repeat: no-repeat; height: 263px; width: 1000px; } td.left { background-image: url(left.jpg); back…
0 votes4 answers -
Подскажите!
Ну вот! .row2{ background:#161616 url(wow_ru/post-bg1.gif) repeat-x top; } Как его растянуть на всю! Что бы не пострадали остальные части форума?
0 votes0 answers -
Выпадающие меню
Здравствуйте. Есть html-код: <!doctype html> <html> <head> <meta charset="utf-8"> <title>меню</title> <link href="css/common.css" rel="stylesheet" type="text/css"> </head> <body> <div id="menu"> <ul> <li><a href="#">Меню1</a> <ul> <li><a href="#">меню 1.1</a></li> <li><a href="#">меню 1.2</a></li> <li><a href="#">меню 1.3</a></li> </ul> </li> <li><a href="#">Меню2</…
0 votes4 answers -
Помощь с макетом
Добрый день. Я пока только учусь верстать и мне нужна ваша помощь Есть макет страницы в котором присутствует вот такой элемент: То есть при нажатии на определенный этап под ним появляется текст, а кнопка этапа заменяется фигурой человечка. Подскажите как такое можно реализовать?
0 votes6 answers -
repeat-x для дива
На сайте http://www.кг.ru/ сделал фон снежинки, но они получились только слева. Как сделать чтобы они были по ширине? Тоесть чтобы было видно и спереди и сзади.
0 votes2 answers -
Страница "уезжает" влево
Есть такой шаблон - http://rghost.ru/32649991 При добавление большого количества текста в div "body_area" страница "уезжает" на пару десятков пикселей влево. Данный эффект заметен только если раскрыть страницу на весь экран в браузере (Maximize). Как можно это побороть? Спасибо.
0 votes2 answers -
вопрос по "get" и "submit"...
Не могу решить такую проблему: Есть форма для поиска <form action="http://www...../search" method="get">. В ней есть инпут для ввода запроса <input name="q" size="22" />. Ну и кнопка, разумеется <input type="submit" value="Искать" />. Вопрос: Как сделать, чтобы текст из инпута отсылался на запрос всегда с "припиской", то есть некой текстовой константой, например вы вписали в инпут "Вася", а субмит отсылает запрос как "Вася 666", или вписали "Оля", а отсылается "Оля 666", то есть не зависимо от того что вы ввели всегда в конце должно приписывается " 666" (666 - просто для примера)... Как такое сделать? Помогите. Очень нужно.
0 votes6 answers -
Вертикальное выравнивание UL в DIV
Здравствуйте. У меня возникла следующая проблема. У меня есть блок div определённой высоты. Внутри него имеется список ul ссылок, который требуется выровнять по высоте блока div по середине. Проблема в том, что ни margin: auto 0, ни verical-align: middle не помогают и блок прижимается к верхней части div'а. Не могли бы вы помочь мне с этой проблемой?? Вот шаблон макета, изменить его по некоторым причинам не представляется возможным (только если через js, но нежелательно). Остальные стили я и сам смогу поставить, только с этим проблема выходит... Заранее спасибо.
0 votes3 answers -
Как правильно сверстать активный пункт меню?
Привет, собственно вот скриншот того, что я хочу сделать: Как видите, кнопка Home имеет фон и вот эту вот "галочку". Фон идет картинкой; естественно, что при попытке "подложить" эту картинку под, например, Business выглядит это не комильфо. Можно, конечно, сделать такую картинку для каждого пункта навигации, но это не лучший вариант. И у меня вопрос, как это правильно сделать, да так, чтобы выглядело нормально при любой длине слова?
0 votes2 answers -
Отсутствует скролл на сайте в IE8
В IE8 отсутствует скролл на стринице, хотя при уменьшении масштаба видно оставшуюся часть страницы. В средствах разработчика показывается, что код загружен полностью. http://savepic.su/2857811.htm http://savepic.su/2849619.htm В IE7 и IE9 скролл присутствует, но страница не подгружается полностью. http://savepic.su/2841427.htm сайт www.vodoley.pro
0 votes4 answers -
Помогите расставить дивы
Уважаемые мастера, прошу ваших наставлений по размещению блоков: имеем Моя ссылка а необходимо следующее: Моя ссылка подскажите как правильно это организовать.
0 votes5 answers -
цвет кнопки при наведении !
всем привет " подскажите пожалуйста почему у кнопки --ДОБАВИТЬ В КОРЗИНУ-- при наведении цвет меняется только до области текста,а не всего фона ??? как это поправить ??? http://joomla.metko.ru/ <style="text-decoration:none"a href="index.php?action=buy_now&BUYproducts_id={$module_data.PRODUCTS_ID}"><dds>Добавить в корзину</dds></a> #buy111{ background:#596066; border-radius: 5px; } dds{ color:white; } dds:hover{ background-image: url("img/cartfon.png"); }
0 votes4 answers -
верстка под разные устройства
Всем добрый вечер. У меня сайт, сверстан под три разрешения, это не назавешь резиной, просто фикс под три разрешения, использовала @media gueries. Максимальное разрешение 1980х800 - расчитано для настольных ПК. Второе разрешение 1024х768 расчитано больше для планшетов и вот вопрос возникает, как сделать так чтобы это разрешение отображалось на всех планшетах, а не бралось разрешение 1980х800, если разрешение у экрана планшета выше 1024? Потом возникла проблема при вертикальном просмотре на устройствах и горизонтальном просмотре: можно ли при вертикальном использовать одно разрешение экрана, а при горизонтальном другое? Хотелось бы узнать ваши варианты та…
0 votes2 answers -
Зафиксировать тень изображения с переменной высотой
Всем доброго дня! Необходимо зафиксировать тень (отдельная картинка) снизу изображения с переменной высотой (в разных материалах высота картинок колеблется). Сейчас вот так (зафиксировал высоту): Когда значения height убрал: css: .viewn_full .viewn_screen {overflow:hidden; width:387px; height:175px; margin:10px auto 10px auto; background:url(/design_104/viewn_screen.png) no-repeat center bottom;}.viewn_full .viewn_screen img {width:387px; height:149px; display:block; border-radius:16px;} Как сделать так, чтобы тень фиксировалась? Спасибо.
0 votes2 answers