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
-
Ссылки и Опера
Проблема , делаю шапку с ссылками изображениями; - в CSS прописаны стили для глобального пареметра <a> и в FF этот стиль присвоился ссылке-картинке, как от этого избавиться ? a:link { text-decoration: none; color: #CD4427; } a:visited { text-decoration: none; color: #CD4427; } a:hover, a:active { color: #E06E56; } - в Опера не отображаются картинки-ссылки, сверстанные таким образом : <div id="navigation"> <div class="ads"> <a href="http://ya.ru" title="bla bla bla"><img alt="" src="<?php bloginfo('url'); ?>/wp-content/themes/redsplash/images/psp-link.png"/></a> <a href="http://ya.ru" title="bla bla bla">&…
0 votes4 answers -
Помогите убрать счетчики в подвал
Поздравляю всех с Новым годом, и хочу задать вопрос. Никак не могу расположить счетчики в футере сайта http://www.aquapage.ru/ в самом низу. Если можно объясните подробнее, а то я в верстке не силен. Спасибо.
0 votes7 answers -
Квк сделать ротацию баннеров?
Подскажите, пожалуйста, как сделать ротацию баннеров, чтобы когда заходишь на страницу сайта, отображается один баннер, а после перезагрузки страницы отображается другой баннер и т.д.?
0 votes2 answers -
(CSS) DIV при высоте 100% вычесть 200px снизу
Привет! Торможу уже второй день с проблемой. У меня есть DIV. Я его растягиваю на 100% по высоте. Но я хочу, чтобы при этом, 200рх снизу оставалось пустым. Это вообще возможно сделать средствами CSS? Пробовал применять такой код, но они не работают: height: 100%; margin-bottom: 200px; и height: 100%; margin-bottom: -200px;
0 votes6 answers -
HTML письмо, проблемы с отображением
HTML письмо находится тут. Браузеры письмо отображают прекрасно, при отправке письма через mozila thunderbird, в окне предварительного просмотра письмо отображается правельно и красиво. А вот при получении письма уже появляется проблема с отоброжением таблицы на фиолетовом фоне (проверял в outlook и gmail). На ваш взгляд в чем может быть проблема ?
0 votes3 answers -
LESS import и браузеры
Проблема в следующем. Есть папка с такой структурой: +css +bootstrap +img design.less markup.less style.less +images +js index.htmlв index.html мы подключаем style.less <link rel="stylesheet/less" href="css/style.less">style.less служит контейнером, в него нужно импортить все остальные стили @import "css/bootstrap/css/bootstrap.min.css";@import "design.less";@import "markup.less";Теперь открывая эту страничку в браузере, мы видим только html, а стили не применяются, кроме FF и safari в этих браузерах все ок. Проблема решается установкой локального веб сервера, но хотелось бы знать почему так.
0 votes19 answers -
Распознавание CSS в FireFox.
Приветствую и прошу помощи . Возникла интересная ситуация: IE6 и Opera отображают страницу более-менее нормально, тогда как FF3.0.3 отказывается воспринимать CSS вообще. Кроме того, это происходит только на страницах с картинками (остальные страницы отображаются всеми браузерами адекватно). Так же ведёт себя и NVU. По-моему, проблема не в коде, хотя, если он может потребоваться, то - вот он (в донельзя упрощённом варианте): CSS: * {font-family: Times, Arial, sans-serif;} #BODY, #COMM { text-align: justify; margin-left: 10%; margin-right: 10%;} HTML: <html> <head> <link rel="stylesheet" href="../../css/Text.css" type="text/css"> </head…
0 votes4 answers -
картинка-ссылка
как убрать рамку вокруг картинки ссылки для фаерфокса? <a href="index.html" border="0"><img src="images/shapka_01.jpg" width="211"></a> border="0" - не спасает спасает конечно : <a href="index.html"><img src="images/shapka_01.jpg" border="0"></a> НО ТОГДА РУГАЕТСЯ ВАЛИДАТОР!!!а этого хочется избежать P.S.: да и может кто подскажет почему эта картинка в фаерфоксе уползает наверх на половину(тоесть уползает за видимую часть браузера)
0 votes4 answers -
Ровно посерединке
Итак, многие из нас делают сайты. Очень часто вся информация располагается в единственном блоке, позиционированным горизонтально по центру. Как позиционируется: горизонтальным выравниванием или таблицей из трёх столбцов - неважно. При этом, на смаом сайте страницы имеют разное по-объёму содержание: Порой страница вмещается по вертикали без прокрутки, а порой уходит далеко вниз, при этом появляется боковой ползунок прокрутки и наш центральный блок начинает поизиционироваться с учётом уменьшившейся области браузера. То есть при переходе с "маленькой" страницы на "большую" наш центральный блок "прыгает" влево, что, порой неочень. И вот мне интересно, есть ли какой-нибудь изя…
0 votes12 answers -
Обтекание изображения текстом
Прошу помощи, я использую Joomla 3+ K2? при создании материала в К2 изображение добавлено через вкладку "Изображение" (то есть изображение не размещено в самой статье, оно прикреплено к ней), изображение выводится как на странице самого материла, так и в списке материалов категории. Подскажите как сделать чтобы данная картинка была обтекаемой текстом и в списке материалов категории и на странице самого материала, я просто голову свернул Пробовал как сказано в FAQ по К2 в стилях k2.kss поставить div.latestItemImageBlock { float: left; margin: 0; padding: 0; } Не помогло И еще просьба, может кто нибудь поможет или хотя бы посоветует с примером…
0 votes4 answers -
Перекрывание графических ссылок
Здравствуйте, уважаемые знатоки! У меня возникла очень интересная проблема. Графическая ссылка (баннер) в правой панели на определенной высоте недоступна (как ссылка). А именно: выше нижней кромки изображения-шапки, находящейся справа. При смещении вверх правого меню навигации ссылки на том уровне тоже перестают работать. z-index указал, однако результата не последовало. Посоветуйте, пожалуйста, как решить сию задачу. (Сайт: www.nuriev.net). Заранее благодарю.
0 votes8 answers -
Изменение стиля ссылки внутри <span>
Есть код: span class="alfavit"> А Б В Г Д Что и как прописать в таблице стилей, чтобы убрать подчеркивание ссылок внутри span class="alfavit"> ?
0 votes2 answers -
Файл Sitemap
Создал Файл sitemap.xml для сайта. Сам в этом полный ноль сделал все по инструкции представленной здесь Но яндекс находит ошибку в нем и пишет что-то типа "Невалидный XML" Подскажите где ошибка? вот сам sitemap.xml <?xml version="1.0" encoding="windows-1251"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>http://www.zion.ho.ua/</loc> <changefreq>monthly</changefreq> <priority>0.8</priority> </url> <url> <loc>http://www.zion.ho.ua/index.php?page=servis</loc> <changefreq>monthly</changefreq> </url> <url&g…
0 votes6 answers -
DIV - макет
Всем привет ! Раньше верстал с помощью таблиц. Создать макет в три колонки с помощью таблиц легко (по крайней мере для меня). Решил попробовать создать макет в три колонки при помощи позиционирования ... и вот не лепится цветочек аленький. Во всех браузерах (парадокс, но только не в IE6, в нем все отлично ), при задании высоты в 100%, середина, с текстом, проходит сквозь футер. Помогите советом. Ниже код. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <style> html{height:100%;} body{margin:0px; height:100%;} #main{width:700px; height:100%; border:1px solid black; margin-left:auto; margin-right:auto;} #heade…
0 votes9 answers -
Приёмы с текстом.
Как написать а*а или а^2, только в рпавильном виде?
0 votes10 answers -
Ни как не даётся вёрстка блоками
Здравствуйте, ни как не могу понять логику блочной вёрстки. Уже давно работаю в вебе, но не когда не требовалось верстать, точнее всегда вполне хватало табличной. Свободно работаю в ООП, знаю php, теги html. Но вёрстка ни как не даётся мне. Перечитал уже много статей, но по прежнему я не програмирую а подбираю. Посоветуйте какую-нибудь литерату для совсем чайников. И как к вам пришло понимание дивной вёрстки.
0 votes13 answers -
Смена изображения
Здравствуйте, подтолкните на мысль как реализовать конструкцию в которой нажатие на ссылки приводит к смене фона. В общем Вот Должно работать в IE6! Заранее спасибо. PS. c javascript дело не имел)
0 votes19 answers -
Ссылка с якорем и без.
Здравствуйте! Помогите советом. Имеем стандартное меню с выпадающими списками. Основные пункты меню ведут на соответствующий раздел, подпункты ссылки с якорями осуществляют плавный переход к соответствующему блоку на странице. Возникла проблема следующего типа: Находясь в своейм разделе подпункты работают как и подобает ссылке с якроем, а вот подпункты из другого раздела не работают как ссылки. Ссылка типа: http://temp.loc/#block-1Работает как якорь. Ссылка типа: http://temp.loc/?page=2#block-2Работает как и подобает ссылке, но как её заставить работать с плавным переходом?
0 votes8 answers -
font-face в медиазапросе, ошибка при валидации
У меня есть подгружаемый шрифт, но подгружать я его хочу на определенном разрешении, я не хочу, чтобы пользователи мобильного интернета теряли в скорости загрузки сайта и даю им стандартный шрит, а для пользователей стационарных ПК я подгружаю шрифт, но валидатор ругается на подобное подключение, хотя все работает, помогите разобраться, как мне сделать грамотно все в этой ситуации. У меня в основной таблице стилей подключен другой шрифт, там нет ошибки, но при подключении именно в @media screen выдается ошибка.
0 votes4 answers -
Страница не прокручивается при "нацелевании" через ID
Ситуация следующая: необходимо, чтобы элементы находящиеся внутри элемента div.slider при ссылании на них через ID не проворачивали страницу. Т.к. объясняю я, возможно, не очень приведу пример: Сайт с адресом AfrikaTour.net/tours <div class="slider"> <ul> <li id="n1">1</li> <li id="n2">2</li> <li id="n3">3</li> <li id="n4">4</li> </ul> </div> <div id="n5">Бла-Бла-Бла</div> Так вот хотелось бы, чтобы при переходе по адресу AfrikaTour.net/tours#n1 страница не прокручивалась а по AfrikaTour.net/tours#n5 прокручивалась
0 votes7 answers -
Выравнивание горизонтального списка по центру
... .... в файле s.css #out { text-align:center; margin:0 auto; width:760px; padding:4px 5px;} #in { display:table-cell; } ul.in { float:left; margin:0; padding:0; } li.in{ float:left; margin:0 5px; padding:0 5px; list-style:none; padding:4px 5px 20px;} не выравнивается по центру. где я перемудрил? чувствую что при делах ul.in иили li.in просто написать ul или li.in не могу, в контейнере main списки с определенными стилями используются. есть еще списки с определенными для них параметрами. подскажите. благодарю.
0 votes2 answers -
Уверен, что сталкивались с этим в IE6
Привет. Если открыть эту страницу в IE6 http://irr.ru/cars/passenger/used/ То, при нажатии по "меньше опций", прокрутив скролем вниз.. поля классифайдов, тупо стираются. В чем может быть проблема? Куча свойств float? Thanks a lot..
0 votes6 answers -
Еще один нубский вопрос!
Снова привет! У меня возник еще один глупый вопрос, опять таки извиняюсь... Вот картинка на которой думаю все ясно чего я хочу... http://imglink.ru/show-image.php?id=c254dc...3e8745f4e8f747b А вот main.tpl: <!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> {headers} <style type="text/css" media="all"> @import url({THEME}/css/style.css); </style> <style type="text/css" media="all"> @import url({THEME}/css/engine.css); <link rel="shortcut icon" href="{THEME}/images/favicon.ico" /> </style> </head> &…
0 votes12 answers -
clear и margin-top
Всем привет! У меня есть такой layout: <div class="container"> <div class="header"></div> <div class="content"></div> <div class="footer"></div> </div> Который стилизован таким образом: .container { width: 960px; margin: 0 auto; background: #eee; } .header { height: 200px; background: #cc3; } .content { width: 800px; height: 300px; float: left; background: #c33; } .footer { height: 150px; clear: both; background: #b63; } Задавая элементу clear: right/left/both мы заставляем его учитывать плавающие элементы. Однако, если я задам элементу footer margin-top скажем - 300px, это не возымеет эф…
0 votes5 answers -
Как убрать запятые в тегах?
Движок: Opencart Цель: Убрать запятые в метках Ссылка: http://stv-sb.ru/dome_camera/420tvl_ik/STV-RCP%2020.html Скрин: Может поможет реализация у кого-то: http://www.oc-extensions.com/Disqus
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-