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 votes6 answers -
Статичный генератор сайтов с gui
Добрый день. Может кто подсказать статичные генераторы сайтов с нормальным gui, а не web мордой или вообще консольно терминальным исполнением.
0 votes3 answers -
Как задать условия для видимости табов bootstrap 3, при размещении навигации табов в collapse меню?
Добрый день, реализовываю мега меню использую плагины Bootsrap: tabs и collapse ссылка на прототип (codpen) Нужная логика: При клике на родительскую категорию (Одежда, Техника, Для дома) открываются в сайдбаре, ее дочерние категории. — реализовано По клику на дочернюю категорию открывается, в правой колонке, содержимое связанного с дочерней категорией таба — реализовано Подкатегории (Мужская одежда, Женская …) первой родительской категории (Одежда) открыты по умолчанию — реализовано При клике на другую родительскую категорию, открываются ее дочерние и скрываются дочерние категории, предыдущей активной — реализовано При клике на р…
0 votes0 answers -
Скип к топу страницы при активации анимации
Добрый день. Делаю фиксированый, выезжающий по клику блок. $( ".fixedmenu .close" ).on( "click", function() { $( ".fixedmenu" ).toggleClass( "open" ); }); .fixedmenu { position: fixed; left: -335px; top: 150px; padding: 10px 30px 10px 10px; background: #fff; border-radius: 10px; box-shadow: 0 0 5px 0px #000; z-index: 10; width: 325px; transition: left .5s ease 0s; -o-transition: left .5s ease 0s; -moz-transition: left .5s ease 0s; -webkit-transition: left .5s ease 0s; -ms-transition: left .5s ease 0s; } .fixedmenu.open {left: 10px;} Сколлю страницу вниз, жму на селектор - анимация происходит - но страни…
0 votes2 answers -
Не работают ссылки для слайдера
Для слайдера с портфелями нужно было установить восемь рабочих ссылок, четыре заработали а остальные четыре нет. Вопрос состоит в том чтобы при отображение восьми пар ссылок они отображали слайдер в котором будут восемь портфелей а не так как это отображено на картинке. Вот исходный код слайдера; <div class="container"> <div class="products_inner"> <h3 class="product_title"> Популярные товары </h3> <div class="tabs-wrapper"> <div class="tabs products_tabs"> <a class="tab products_tab tab--active" href="#product-tab-1">Запчасти</a> …
0 votes0 answers -
картинка
как сделать картинку чтобы она хорошо отображалась при разных разрешениях экрана ?
0 votes3 answers -
Не могу понять, откуда берется отступ?
То ли я не выспался, то ли что.. не могу понять, откуда берется прореха между пунктами меню: Вот код: <html> <head> <style type="text/css"> <!-- * { margin:0; padding:0; } ul, li { list-style:none; } ul.mainmenu, ul.mainmenu li { display:inline; } ul.mainmenu li.active a, ul.mainmenu a:hover { background:#353535; color:#fff; } ul.mainmenu a { display:inline-block; padding:10px 15px; text-decoration:none; color:#353535; font-size:1.75em; } --> </style> </head> <body> <ul class="mainmenu"> <li class="active"><a href="#">menu</a></li> <li><a href="#">menu</a></li>…
0 votes1 answer -
application/xhtml
Скажите, зачем на практике нужен тип application/xhtml? Кто-нибудь его применяет и для чего?
0 votes7 answers -
не работает правило атрибута в ие+опера
Имею выпадающий список, хотел прописать тегу <option> с конкретным значением [value=1_1] display:none; в css что бы убрать его визуально, однако, не все браузеры отрабатывают правило, опера 11,1 + осел 8 игнорируют, я и так и сяк изгалялся, пробовал атрибут по разному прописать: #ja_extrafields option[value=1_1] в css{display:none;} так же пробовал не использовать знаков равно и скобок, почему данные браузеры не правильно отрабатывают правило, или, может быть, у меня ошибка закралась? Нуждаюсь в Вашем совете! <div id="ja_extrafields" <select onchange="load_extrafields(this.value,"mod_ja_group_")" size="1" style="width: 95%;" class="inputbox" id="catid" …
0 votes2 answers -
Улучшение вида сайта без CSS. Возможно?
Для нашей работы заказали мы простенький сайт.Шапка+Новости+Меню(4 вкладки). Никаких проблем: сайт создан, простой , на мой взгляд в меру симпатичный. Но в силу специфики работы (научно-производственная, постоянно изменяется)заполнять его решили сами. Рисунки, текст и прочая специфичная тематика. Пользуюсь CMS, доступ к которой был дан разрабами (Вроде клон TinyMCE). Пытаюсь разнообразить содержимое.Но <head> в редакторах html этой CMS закрыт от моего доступа. Подгружать файлы можно лишь -рисунки, видео, пдф и архивы. Css прописанное в теле не сохраняется, только лишь javascript и html. На просьбу разрешить загрузку других расширений разрабы обосновали, тем "чтоб…
0 votes10 answers -
Открытие pptx в браузере
Всем привет. Возможно ли сделать ссылку так, чтобы при нажатии на неё открывался документ pptx ? В новой вкладке, как pdf.
0 votes3 answers -
Правка CSS выпадающего меню
Здравствуйте! Возможно ли сделать так, чтобы подменю открывались не вправо (как на скриншоте), а под (снизу) основным разделом (на скриншоте - это "О факультете") Код меню: /*Page menu*/ #foxmenucontainer{height:40px;display:block;margin:0 auto;font: 11px verdana,Arial, Tahoma,Century gothic, sans-serif;font-weight:normal;text-transform:uppercase;width:100%;background:#0D 6091 url('/images/menu.png') repeat-x;} #menu{margin:0 10px;padding: 0; height:40px;overflow: visible;} #menu ul {float: left;list-style: none;margin: 0;padding: 0;} #menu li {float: left;list-style: none;margin: 0;padding: 0;text-shadow:1px 1px 0 #0C5782;} #menu li a, #menu li a:link, #menu li …
0 votes8 answers -
Как расстянуть контейнер до подвала?
Здравствуйте! Возникла проблема которую не могу решить, вернее не хватает знаний в области css., сам макет делал с помощью всем известного http://csstemplater.com/ и выбрал опцию "прижать футер к подвалу". В результате чего футер прижался, но контейнер так и не расстегнулся до футера. Затем с помощью текстуры решил создать тень по бокам и вот тут и возникла головная боль, пробовал и так и эдак., пожалуйста помогите решить проблему, буду очень признателен.
0 votes10 answers -
Проблема с footerОМ
Здравствуйте! Буду рад если мне кто то укажет на ошибку по причине которой мой footer не прижат к низу полностью во всех браузерах кроме хрома. Я сайт делал сам,но во всех областях сайтостроения я мягко скажем новичок, поэтому прошу со мной по проще в терминологии. Спасибо! http://fortunashow.ru/
0 votes7 answers -
Проблема с колонками
Господа! При верстке сайта пришлось применить пяти-колончатый шаблон. Первый-третий-пятые колонки вытягиваются в длину, в зависимости от того, насколько заполнены текстом основные колонки - вторая-четвертая. Проблема с отображением в мобильных приложениях. В данный момент необходимо назначит новое css правило для ширины этих колонок, и желательно, что бы вообще не отображать 1-3-5 в мобильных приложениях.Пример сайта здесь Буду благодарен за подсказки!
0 votes3 answers -
Помогите адекватно сверстать
Помогите адекватно сверстать, как на картинке. https://docs.google.com/file/d/0B0FrmfubxCOdZno4Y1hjbkFvUE0/edit Я сделал это как-то по колхозному, мне очень не нравиться. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Hello User!</title> <!-- Place cursor after this and select a JavaScript library from the menu above --> <!-- Supports context-sensitive CSS3 auto-completion --> <!-- Style starts here. Try adding new CSS tags. --> <style type="text/css"> body { background: #8eacd3; } .login { position: relative; float: right; color: #fff; fon…
0 votes1 answer -
кеп в недоумении О_о
<!DOCTYPE html> <html> <head> <title>сайт </title> <style src='program/index_style.css'></style> <meta charset='utf-8'> </head> <body> <div id='cap'> <div id='indexButton'>ололо</div> </div> </body> </html> вот такой вот небольшой кодик. файл index_style.css находится там где ему положено. однако ни одного стиля невидно. адрес указан правильно проверял 100500раз. валидатор W3C показывает ошибку так: <style src='program/index_style.css'></style> Line 5, Column 39: Attribute src not allowed on element style at this point. <style src='program/index_style.css'>…
0 votes5 answers -
Помогите с видом меню.
Всем доброго времени суток! Подскажите плиз, как сделать такой вид кнопки в форме. Заранее спасибо
0 votes5 answers -
Проблема с border-right
Добрый день! Столкнулся с проблемой в CSS, надеюсь на вашу помощь! Имеем код CSS: #cols { clear: both; margin: 0 0 40px; border-bottom: 1px dashed #ddd; background: url(../files/images/shade.png) no-repeat center bottom;}.col { float: left; width: 239px; margin: 0 25px 0 0; padding: 0 15px 15px 0; border-right: 1px solid #ddd;}.col.last { margin-right: 0; border: 0; padding-right: 0;} Имеем код HTML: <div id="cols"> <div class="col"> <h2 style='font-variant:small-caps;'><img src="./files/images/arrow.png"> быстро</h2> <p>текст текст текст текст текст текст текст текст текст текст текст тек…
0 votes6 answers -
Объяснение вертикального выравнивания
Прошу объяснить работу следующего кода (вертикальное выравнивание картинки с вспомогательным элементом span). Думаю многим будет полезно. Спасибо. http://jsfiddle.net/6tL2edkw/
0 votes2 answers -
Меню css
Помогите переделать меню из горизонтального в вертикальное <!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 charset="utf-8" http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta name="author" content="styledmenus.com" /><link href="sty.css" rel="stylesheet" media="all" /></head><body><ul id="cssmenu"> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Проект "Зами…
0 votes2 answers -
Давайте обменяемся отзывами на фл.у
Всем привет. Сидит ли кто-то на фл.ру? Предлагаю друг другу оставить по отзыву, так сказать маленькая, но приятность. Но должен быть акк работодателя (у меня есть), с которого мы будем делать как бы заказ и писать отзыв. Пишите в тему или лс, и будем помогать друг другу
0 votes3 answers -
Вёрстка IE Mozilla, не верно работает filter
Только один Google Chrome отображает верно! Как именно нужно настроить кроссбраузерные стили что бы изображение стало чёрно белым? Я делал так и сработало только в Google Chrome : -webkit-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);Вот сам пациент : http://myatlanta.pe.hu/templates1/
0 votes1 answer -
Как сделать постепенное появление блоков и их обводку
Уважаемые форумчане! Нуждаюсь в вашей помощи! Есть такой замечательный сайт http://pervolo.com/. Если прокрутить его до фиолетового блока с названием "WITH OUR CORE VALUES OF HARD WORK AND HONESTY", то можно увидеть как вокруг иконок плавно появляется круглая граница. Как это можно сделать? И еще вопрос как реализуется постепенное появление блоков с текстом, какие хорошие плагины вы для этого может быть знаете?
0 votes0 answers -
Почему появился дополнительный скролл?
https://www.road.media/videoregistratory/axiom-land-rover-special-wi-fi-16613-16614-16615-detail в хроме появился дополнительный скролл после конца страницы. инспектором - там ничего нет. в мозилле доп.скролла нет как такое возможно?
0 votes4 answers