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
-
Фоновая картинка по центру
Здравствуйте. Извините если уже было. Нужно чтобы фоновая картинка слоя была в центре этого слоя, хотябы по горизонтали и не повторялась соответственно Надеюсь на помощь
0 votes3 answers -
Virtuemart рв?т блок
Joomla. Установил virtuemart - во всех браузерах вс? пучком, в ие - как всегда. Не могу найти ошибки, так как, к сожалению, в аналоге fairbug для ие нельзя менять значения стилей. Вобщем подскажите пожалуйста, где чего подкрутить надо. Да... вот сама страничка.
0 votes1 answer -
проблема с горизонтальным меню
почему слева вылезают углы фона ul? http://test4php.freehostia.com/qw.html
0 votes4 answers -
Выровнить меню по центру
html <!doctype html> <html> <head> <meta charset="windows-1251"> <title>Тест</title> <link href="test.css" rel="stylesheet" type="text/css"> </head> <body> <div class="menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">Обучение</a></li> <li><a href="">Новости</a></li> <li><a href="">Видео</a></li> <li><a href="">Фотоальбом</a></li> <li><a href="">Форум</a></li> </ul> </div> </body> </html> и css @ch…
0 votes10 answers -
Нужно ли дублировать стили в разных @media queries ?
Приветствую всех участников HTML - форума ! Поясню вопрос более подробно, в стиле задачи из учебника Дано: Адаптивная (Responsive) страница, в конце таблицы style.css прописаны @media queries под разные разрешения. Пример: ***Main Style*** h1 { padding-right: 20px; } p { margin-left: 10px; } @media queries (max-width: 991px) { h1 { padding-right: 10px; } p { margin-left: 5px; } } @media queries (max-width: 640px) { p { margin-left: 3px; } } Необходимо что-бы при просмотре с устройства попадающего под параметры последнего @media queries (max-width: 640px) у элемента h1 был задан атриб…
0 votes2 answers -
img hover
pls help) http://jsfiddle.net/kfs7e19p/40/ что-то туплю, можно сделать на css чтоб вторая картинка меньшего размера оказалась сверху первой? или надо js использовать?
0 votes3 answers -
css transform
Добрый день, дайте направление куда копать. есть ромб делаю с помощью .romb{width:150px;height:150px;transform: rotateX(45deg) rotateZ(-45deg);border: 1px solid black;}.img{background-image: url(img.png);transform: rotateX(0deg) rotateZ(45deg);}<div class="romb"><div class="img"></div></div>т.е. перевернут против часовой стрелки на 45 градусов, картинку обратно перевернул, собственно вопрос как обнулить rotateX(0deg)? это пример по факту нужно сделать 1 большой ромб и в нем 9 маленьких ромбов в которых 9 background-image кликабельным должен быть именно ромб
0 votes14 answers -
Проблема отображения блока в Firefox
Здравствуйте, уважаемые форумчане) Помогите с небольшой проблемой. Криво отображается блок в Firefox. Хотя в Chrome все нормально. Хром Firefox Код CSS и HTML: .mail-delivery { box-sizing: border-box; float: right; width: 560px; max-height: 220px; padding: 6px; color: #5a5a5a; font-weight: 400px; border-radius: 16px; background: url("../img/message-pattern.png") #fff; } .message-wrapper { box-sizing: border-box; width: 549px; max-height: 208px; padding:5px 20px 5px 20px; background-color: #f8f7f4; border-radius: 15px; clear: both; } .message-wrapper p { box-sizing: border-box; margin-bottom: 35px; color: #5a5a5a; fo…
0 votes2 answers -
Полоса прокрутки
Возможна ли замена рисунком стандартного ползунка в полосе прокрутки div-а без применения скриптов? Я находил как-то буржуйскую страницу, где это было сделано с помощью CSS, но заточено было чисто под нетскейп. А для ИЕ можно так сделать?
0 votes2 answers -
Размеры картинок
Здравствуйте! Как на сайте оформить код шапки так, чтобы она меняла свои размеры в зависимости от разрешения монитора, с которого просматривается страница? Спасибо!
0 votes3 answers -
Авто-исправление адреса http://mysite.ru на http://www.mysite.ru через .htaccess
Уважаемые, добрый вечер. Помогите, пожалуйста, написать строчку в .htaccess для авто-справления адреса http://mysite.ru на http://www.mysite.ru То-есть добавлять 'www' к URL-у если пользователь ввёл без www. Что бы было красиво, как у яндекса! Уже три дня бьюсь над инструкцией htaccess'a - не могу разобраться. Столько времени потратил ради одной строчки. Поделитесь, plz, если есть опыт. Заранее благодарен.
0 votes3 answers -
слой поверх таблицы
здравствуйте! у меня вот такая ситуация - дизайн сверстан жестко в таблице, слева и сверху - картинки, а справа снизу пустое пространство для контента. (см. рисунок). если текста немного, то его можно втавить в эту ячейку. но, если он по высоте превышает левое меню, то ячейка растягивается и "разламывает" весь дизайн.. поэтому, я хотел бы расположить слой поверх этой таблицы на этом пустом месте, чтобы этот блок тянулся вниз вне зависимости от количества текста. то есть "привязать" его верхний угол к краю этой пустой ячейки, но чтобы он не зависил от размера этой ячейки, а шел поверх нее.. подскажите, пожалуйста, можно это это сделать как-нибудь?
0 votes3 answers -
Разбиение таблици на группы
Всем привет. Вот ломаю голову над тэгами <colgroup> <col>. В литературе пишут примеры в которых при помощи этих тегов и CSS можно размечать таблици. Но на самом деле получается разметить только фон. Вот например этот код: <style type="text/css"> table {border:outset 1px; border-collapse:collapse} table caption {font:bold 14pt; color:#707070} table td {border:inset 1px; padding:3px} table colgroup#GROUP1 {width:10%; text-align:center; background-color:#F6F6F6} table colgroup#GROUP3 {width:15%; text-align:right} table colgroup…
0 votes2 answers -
Разный стиль текста в текстовом поле
Есть поисковая форма: <div id="buscar"> <form name="search" method="get" action="/search/"> <input type="text" id="search-text" name="q" value="поиск"/> <button id="button-buscar">Найти</button> </form> </div> Стиль у неё такой: #buscar {height:31px;margin-right:10px;display:inline;} #buscar * {height:25px;float:left;border:0;margin:0;padding:0;background-color:#fff;} #buscar #search-text {width:200px;height:25px;padding-left:3px;font-size:12px;font-weight:bold;font-family:Arial;color:#ccc;background-color:#fff;} #buscar button {padding-bottom:2px;border:0;margin-left:0px;line-height:22px;width:47px;font-weight:bold;font-family:…
0 votes4 answers -
Несколько вариантов товара на странице с товаром :)
Добрый вечер, уважаемые форумчане! Возник следующий вопрос: на страницу с товаром в интернет магазине нужно добавить несколько вариантов товара. Вот сам код страницы с продуктом: <?php /** * Файл представления Product - выводит сгенерированную движком информацию на странице личного кабинета. * В этом файле доступны следующие данные: * <code> * $data['category_url'] => URL категории в которой находится продукт * $data['product_url'] => Полный URL продукта * $data['id'] => id продукта * $data['sort'] => порядок сортировки в каталоге * $data['cat_id'] => id категории * $data['title'] => Наименование товара * $data['description'] …
0 votes3 answers -
Вертикально выравнивание
<table width="100%" height="100%" border="0"> <tr> <td align="center" valign="middle"> <table cellpadding="0" cellspacing="7" border="0"> <tr> <td></td> </tr> </table> </td> </tr> </table> Не могу сделать так, чтобы вложенная таблица (будет 980пх) была выравнена по центру экрана вертикально, вне зависимости от размера экрана, как не пробывал, вс? равно прикручивается к верху.
0 votes3 answers -
Не правильно отображается шаблон в Мозиле
Объясните пойжалуста ,почему в Мозиле не показывает шаблон шапку и в правом верхнем углу не отображает картинки? А которые отображает ,они разъехавшие.сайт тут
0 votes4 answers -
Графическое меню
Здравствуйте господа ! Проблема возникла как всегда из неотуда. Есть макет - рисунок .jpg сайта с нарисованными пунктами меню, я его нарезал как пологается и сверстал - все нормально. Но надо что бы при наводке на зону меню мышки это меню меняла цвет. Повторяю меню не шрифт над фоном а просто картинки . Я так понимаю надо будет подменять картинки одного цвета картинками другого цвета при наступлении события hover ? С помощью чего это можно сделать? Или есть какие то другие способы при наведении мыши менять цвет пункта графического меню ?
0 votes3 answers -
и снова ие6 палки в колеса вставляет
проблема вот в этом коде... идея такая чтоб логотип смещался и менял размеры в зависимости от размера окна браузера #logo { position:absolute; z-index:10; top:4%; left:17%; width:20%; background:transparent; } что нужно добавить чтоб ие6 понял left:17%; width:20%; top:4%; с остальными браузерами все замечательно... помогите пожалуйста
0 votes3 answers -
Как убрать отступы внутри <form>
Здравствуйте, подскажите кк убрать отступы внутри <form> между элементами у меня прописан display:inline в опере и файрфоксе всё нормально, а в IE отступы вертикальные не могу убрать .
0 votes1 answer -
Списки
Как тут http://realt.ua/Db2/0Pr_Kv.php?i1ad=3698&_nw=1 нажмите снизу "Продолжить", чтоб при выборе области например для каждой области были свои районы, там страница обновляется каждый раз, а есть где списки сразу подгружаються на страницу, мне хотя бы чтоб страница обновлялась просто сделать =) Как это реализуется. Когда страницу сохраняешь там каждый раз только 1 вариант, они что для каждого раза делали отдельную html страницу? Их тогда нужно несколько тысяч делать наверно скрипт какой то сразу код выдаёт.
0 votes6 answers -
JavaScript
Подскажите пожалуйста каким образом пишется эффект меняющий автоматически картинки на одной позиции как на данном сайте http://www.r-line.ru/ очень срочно
0 votes3 answers -
Проблема верстки. FireFox
Есть страничка http://systems.ax3.net ...На таких браузерах как opera и IE отображается нормально...На Firefox получается смещение..вот ссылка на скрин http://systems.ax3.net/123.png ....На смещение из-за рекламы думаю не стоит обращать внимание...посмотрите пожалуйста исходный код через ваш браузер и подскажите где ошибка. Спасибо. Заранее благодарен..
0 votes7 answers -
danwer или xampp
С html и css разобрался на уровне "продвинутого чайника". Сейчас хочу перейти к изучению php и mysql чтобы сайт был функционален а не просто картинки со словами. Что лучше ставить, в чем разница, какие плюсы и минусы у программ?
0 votes3 answers -
Возможно решение без жс?
картинка врет )) размер первого блока 640px картинка два блока фикс третий резина контейнер для резиновый поставили задача при мелком разрешении 1080 (значение константа) 1 и 2 блоки сверху 3 снизу при большом разрешении все три блока в один ряд 1 окно посредством жс имеет способность расширяться на всю страницу и соответственно 2 и 3 блоки снизу (3 блок занимает оставшееся место (т.е. width: 100%-150px - margin/padding)) так вот пока все что пришло в голову это вычислять размер окна и потом высчитывать и прописывать ширину блоку который номером 3 но ввиду того что это всё счастье ещё и верстается под браузер консоли ПС3 жс там не всегда корректно работает
0 votes10 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-