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
-
IE 9 показывает статичный html, но некорректно показывает такой же php
Стала проверять уже вроде бы отлаженную страницу на .php в ie 9. Оказалось, что статику .html он показывал корректно, а точно такую же страницу на .php показывает с частичными искажениями. Когда копипащу тот же самый php-код в статику, снова все ок. В чем может быть подвох? (Разумеется, оба файла используют одинаковые ссылки на css js и проч. И искажает он не всю страницу, а, к примеру, не показывает выравнивание margin: 0 auto; и letter-spacing. Статичный .html отображает точно так же, как в остальных браузерах отображатся .php)
0 votes3 answers -
Две разных страницы сайта в одну тему для WordPress
Всем доброго времени суток! По мере создания первого сайта возник следующий вопрос. Есть свёрстанные две страницы: 1я страница - это главная, 2я страница - это все остальные где будут размещаться посты и контент. Как сделать так что бы они работали между собой? Да ещё и под CMS Wordpress? Заранее спасибо за ответы и помощь!
0 votes3 answers -
Верстка под мобильные
Оч хотелось бы услышать мнение специалистов по поводу разницы верстки под десктопы и мобильные. Так ли все просто, как может казаться? А на первый взгляд похоже, что просто работаешь с меньших габаритов макетом. Есть ли сложившиеся стандарты ширины для моб верстки во избежание горизонтального скролла иль там все равно этого не избегнуть?
0 votes9 answers -
Где искать элементы шаблона?
Возможно, тема сформулирована неправильно, но я не знаю, как по-другому. Итак, есть картинка, которую нужно удалить вместе с дивом, в инспекторе браузера это выглядит так: <div id="left-col" class="three columns"> <div id="block-block-16" class="block block-block">содержимое</div> <div id="block-aggregator-feed-2" class="block block-aggregator">содержимое 2</div> <!--9c7ec26b--><!--9c7ec26b--> </div> Мне нужно полностью удалить блок <div id="block-block-16" class="block block-block">, при этом в файле шаблона на этом же месте: <div id="left-col" class="three columns"> <?…
0 votes2 answers -
Центр
У меня на страничке около 20 картинок как сделать чтобы они все были по центру
0 votes2 answers -
Растянуть блок aside по высоте при отсутствии текста в нем
Добрый день! Потихоньку изучаю html и столкнулся с вопросом: как можно растянуть фон у блока aside в данном примере, чтобы он по высоте был всегда равен блоку posts? https://www.dropbox.com/s/2gwhcxprhozr38w/superverst.rar Ответившим заранее спасибо.
0 votes3 answers -
Проблема с раздельными фонами для пункта меню и выпадающего списка
Есть пункт меню. При наведении на которого, выпадающая меню должно располагаться над пунктом меню. При этом она должен остаться видимым. Сперва делал фон для выпадающая меню градиентом где определенная верхняя часть прозрачная. Но при этом border без фона прикрывает корзинку и выглядел некрасиво. По совету тов.psywalker делал как он сказал. Но фон и border пункт меню только вокруг текста. То есть нет требуемого ширины. С паддингами поигрался. К сожалению, не сработал. Как можно решить данную задачу. Вот сайт. Пункт "Мой аккаунт" наверху. Всем спасибо.
0 votes13 answers -
Не могу вытащить картинку
извиняюсь, проблема решена
0 votes3 answers -
Нужна помощь с горизонтальным меню
Всем привет! Нужна помощь с горизонтальным меню. Есть такой код: <title>Создание горизонтального CSS меню без изображения</title></head><body><ul class="css-menu-3"><li><a href="#">Главная</a></li><li><a href="#">Фотогалерея</a></li><li><a href="#">Библиотека</a></li><li><a href="#" class="selected">Расчёт расстояний</a></li><li><a href="#">Форум</a></li><li><a href="#">Доска объявлений</a></li><li><a href="#">Контакты</a></li></ul> ul.css-menu-3 {list-style: none;border…
0 votes7 answers -
Как правильно применить стиль к li class X ul class Y?
Нужно расширить подменю 2, но чтобы 1 осталось как есть но я путаюсь в уровнях вложенности , пробовал так, но не работает .item-3 deeper parent .mega-menu { }т.е. нужно изменить стиль к "мега-меню" , которое расположено в li с классом item-3 deeper parent при этом чтобы мега-меню li другого пункта не задело Вот пример <li class="item-1 deeper parent"><a class="separator" href="#">Меню 1</a> <ul class="mega-menu" style="width: 307px;"><li class="item-2 deeper parent" style="width: 500px;"><a class="separator" href="#">Пунт меню 1</a> <li class="item-3 deeper parent"><a class="separator" href="#">Меню 2</a&…
0 votes3 answers -
Css проблема при выравнивании box-sizing:border-box
Добрый день уважаемые форумчане. Никак не могу понять ХссылкаХ , почему у 3его блока смещение. Прошу тех кто знает рассказать от чего такая проблема и как с ней бороться.
0 votes2 answers -
Схлопывание отступов и оверлей
Столкнулся с проблемой схлопывания отступов при уменьшении высоты браузерного окна. Пофиксил, добавив overflow: auto; родительскому элементу. Однако, на оверлей это не действует. Как исправить? <header class="header overlay"> <div class="header-content"> <h1 class="header-content__title">We are awesome creative agency</h1> <p class="header-content__descr">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accums…
0 votes0 answers -
Проблема с меню в IE7
Помогите разобраться пожалуйста Верхнее меню в мозиле и эксплорере отображается по разному: http://upsservis.ru ксс. #header { clear: both; width: 750px; height: 45px; margin: 0 auto; } #logo { float: left; padding: 10px 0 0 0px; color: #000000; background: inherit; width: 300px; } .slogan { float: right; border-left: 1px solid #CCCCCC; padding: 0 0 0 20px; } #hmenu { padding: 13px 0 5px 0; float: right; } #hmenu ul { margin: 0px; padding: 0px; } #hmenu ul li { float: left; /* располагаем список по горизонтали */ list-style-type: none; /* удаляем маркеры */ } #hmenu ul li a { padding: 12px 13px 2px 11px; text-decoration: none; color: #414141; backgro…
0 votes2 answers -
На стационарном ПК не отображается картинка баннера!
Все привет. Очень нужна помощь!!! Сделал сайт. Все работает. Единственная проблема в том, что картинка баннеров отображается только на ноутбуках, а на стационарных ПК - НЕТ. Проверял на многих компак стационарных и ноутбуках. На ноуте работает на стационарном - нет. В чем может быть причина??? первый раз с таким столкнулся. Очень срочно нужна ваша помощь!!! Заранее спасибо.
0 votes1 answer -
видео в всплывающем блоке
нужно реализовать видео(флв) в всплывающем блоке. примерное ТЗ - чтоб при нажатии на картинку всплывал блок (по типу хайслайда), и в нём проигрывалось видео в формате ФЛВ. как плеер я решил использовать УППОД. а как всплывку посоветовали некое НироМОДЕЛ. одна беда, английский я очень слабо понима(МСДН читать могу, но с трудом), подскажите пожалуйста как всё ето вставить в сайт на ДЛЕ(8.4), или посоветуйте альтернативу)
0 votes1 answer -
Центровка бэкграунда с обрезкой под 1024px
Добрый день! Подскажите, пожалуйста, можно ли разместить бэкграунд на 1200px так, чтобы при разрешении 1280*960 он просто центрировался, а при разрешении в 1024*768 центрировался так, чтобы оба его края (не просто правый край на 176px, а слева 88px и справа 88px) при этом обрезались без возможности скроллинга? Условный макет . Текущий код такой (он делает только центровку, без обрезки краёв): <body style="background: #dcd3b0"> <table width="auto" border="0" style="background: #dcd3b0; margin:auto; align:center; "> <tr> <td height="auto" style="background: #dcd3b0 url(img/VERH_SVITKA.jpg) no-repeat center top;"><img height="90px" width=…
0 votes2 answers -
Некорректное отображение таблицы в IE6
Всем привет. Имеется вот такой html-код <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Тест</title> <style type="text/css"> table { width: 548px height: 340px; background: red; } td { width: 512px; height: 62px; background:green; color:white; } </style> </head> <body> <table cellpadding="16px" cellspacing="18px"> <tr><td>Текст…
0 votes2 answers -
Макет Для Вёрстки
Сейчас забрёл в раздел форума: Макеты для верстки. А там картинка. Можете объяснить как с ней работать? И с чем их едят?
0 votes3 answers -
ИЕ8 нельзя даже навести на подпункты меню
в ИЕ8 нельзя даже навести на подпункты меню. Как только с основного пункта убираешь курсор, подменю исчезает. как ето исправить? вот сам сайт http://www.officialbuddyleeblog.com/
0 votes3 answers -
Два inline div'а, дополнение до ширины ячейки
Здравствуйте! Возник следующий вопрос по верстке. Есть ячейка таблицы, в неё выводится сгенерированнный в PHP текст (выделен синим). А после него должен выводится ещё кусок текста, начиная с той же строки (выделено сиреневым). В принципе все понятно, нужны два div'а с display: inline, но сиреневый блок должен быть редактируем пользователем, т.е. contenteditable=true. Далее он с использованием аякса отправляется на сервер. Проблема возникает, когда блок пустой - тогда пользователю просто некуда тыкнуть мышкой, чтобы его создать. Идеальным решением было бы растянуть его до конца ячейки, т.е. нечто вроде такого: (Сиреневый блок ещё не имеет текста, но растягивается на в…
0 votes3 answers -
joomla 2.5.4
всем доброе время суток! У меня проблема с стилем CSS, а проблема в том что как известно что у Joomla главнее моих стилей. вопрос есть какая не будь команда для, чтоб мои стили были главнее джумлы?
0 votes7 answers -
0 votes3 answers
-
Проблемы с заливкой фоном
Здравсвуйте всем!Я совсем начинающий верстальщик,помогите пожалуйста решить такую проблему:есть три колонки,хедер и футер,футер по умолчанию должен быть прижат к низу,при большом количестве контента сдвигаться вниз.Я написал следующий код,но не могу решить проблему с фоном для колонок(нужно чтобы фон был на всю колонку независимо от контента).Очень жду вашей помощи. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Страница Васи Пупкина</title> </head> <style type="text/css"> html,body{ margin:0; padding:0; height:100%; } #header{ height:50px; text-align:center; background:#cf9; } #all{ min-height:100%; margin-bott…
0 votes2 answers -
Разное отображение СSS в браузерах
Доброго времени всем! Переделывал расположение блоков-модулей в шаблоне одном под джумлу... Сделал чего планировал. Но когда проверил отображение в Firefox, то пришёл к разочарованию и удивлению. Данный Браузер вообще не такой как все - по-своему всё отображает. Вот скриншоты: и Не пойму, в чём проблема. Может кто подскажет, какими свойствами CSS надо правильно подвинуть содержимое контейнера, содержащегося между тэгами <fieldset>? Вот ссылка на проектируемый сайт: _http://ideya.spb.ru/ Его нужно открыть в разных браузерах, чтобы увидеть различное отображение блока. Пользуюсь для редактирования позицирования элементов следующими инструментами браузеров: правая кн…
0 votes4 answers -
Помогите настроить выпадающее меню
Помогите настроить выпадающее меню Дизайн для Друпала, тема Willibald. Что есть: выпадающее меню, и первый и второй уровни, отображается в виде "кнопок", а надо, чтобы второй уровень отображался в виде СПИСКА. Устанавливал в #main-menu li.level-2 display: list-item; но не помогло. Пробовал и разные др. варианты - ничего не меняется. Помогите. Вот код стиля /** * @file * Menu styling */ /******************************************************************************* * Mobile first ******************************************************************************/ #main-menu { background-color: #ddd; line-height: 1; width: 100%; padding: .2em; /* * Level 1 <u…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-