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
-
Горизонтальное выпадающее меню
Здравствуйте! Есть горизонтальное выпадающее меню: html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Untitled</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="111.css" media="all" rel="stylesheet" type="text/css" /> </head> <body> <ul class="dropdown"> <li class="top"><a href="#">Level 1 link</a></li> <li class="top"><a href="#">Level 1 link</a> <span>v</span> <u…
0 votes4 answers -
Таблицы со 100% растягивают всю страницу
Привет, помогите пожалуйста, целый день туплю на этим: Есть стили колонок (колонок 3): #column {overflow: hidden; zoom: 1; padding: 22px 17px 0 17px;} #l-col {float: left; width: 200px; overflow: hidden; zoom: 1;} #c-col {margin: 0 210px 0 210px;} #r-col {float: right; width: 200px; overflow: hidden; zoom: 1;} Если вставляешь в центральную колонку таблицу с параметром width="100%" то таблица растягивается на столько, что появляется горозонтальная полоса прокрутки. Косяк заметил только в IE8 (возможно и в IE6,7 есть). В нормальных браузерах все отлично.
0 votes4 answers -
Побороть ie7
Есть гор.меню где я использовал список. <ul> <li><a href="#"><i> </i><i> </i>Главная</a></li> <li><a href="#"><i> </i><i> </i>Форум</a></li> <li><a href="#"><i> </i><i> </i>Категории</a></li> <li><a href="#"><i> </i><i> </i>Нажими</a></li> </ul> Каждому пункту списка я проставил float: left; после чего они встали в ряд и начали растягиваться что бы поместить в себя содержимое, т.е. пункт категории шире чем пункт форум(так и задумывалось). Но в IE7 каждый пункт списка ра…
0 votes11 answers -
#id или #id .class
Доброго времени суток) Возник один вопрос на какой в инете ответа не нашел. Что лучше использовать #id_1 .class #id_2 .class или .class_1 .class_2 в "+" первого варианта говорит то что все таки больше времени рендеринга кушает построение DOM и удобство при кодинге особенно сайтов "по-больше". но вот уж оч многие бьют себя копытом грудь и говорят что второй способ быстрей, но не могут довести этого на цифрах. Интересует Ваше мнение, на форуме искал не нашел, если просмотрел дайти не бейте а дайте линк) Заранее спасибо)
0 votes5 answers -
Маркированный список.
Добрый день. Поставил маркеры с помощью list-style: url(images/sdbr-marker.gif). Слишком большой отступ у них от пунктов списка. Ладно бы это было на Internet Explorer 6, но это наблюдается на последней Opera 11, и на Mozilla Firefox 3.6.13. Сами маркеры сползают немного относительно текста (ведь должны быть по центру). Как проблему решить? Internet Explorer 6. Opera 11 (уходят вверх). Mozilla Firefox 3.613 (уходят вниз). HTML. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset…
0 votes2 answers -
Проблема с сайтом
Есть сайт http://www.vms-print.ru/ (CMS Joomla 1.5) Проблема: На локальной машине (Денвер) создал шаблон, оптимизировал его в браузерах Opera, FireFox, Chrome, Safari. При переносе на хостинг появился отступ с верху во всех браузерах кроме Opera, а так же в FireFox перестала работать border. Сначало грешил на хостинг) Залил не бесплатный, результат: отступ везде, в FireFox border не работает, в остальных норм. В чём может быть проблема? HTML <?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!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/…
0 votes9 answers -
font-face окончательно отказывается работать
Добрый вечер форумчане, сижу значит доделываю сайтец, осталось подключить шрифт, от куфона отказался, т.к. текста много... сгенерировал белкой шрифт, подключил в стилях, и о чудо, шрифт работает только в IE в остальных браузерах никак... обычно всё должно быть наоборот Уже 4 часа сижу голову ломаю... вроде руки прямые Может кто сталкивался с такой проблемкой? p.s. Заранее спасибо! в консольке FF NetworkError: 403 Forbidden, хотя все пути прописаны верно и файлы лежат на месте
0 votes10 answers -
Вопрос по работе с шаблону
Здравствуйте. Знаю что полез сразу не туда, но решил начать с задач по сложнее, что бы быстро научиться грамотно верстать. В общем проблема такая: Хочу адаптировать под себя шаблон. Так что бы было совсем ясно о чем я говорю шаблон можно скачать ТУТ. Несколько вопросов. 1-Как адаптировать шаблон под Русский язык? Сколько кодировку и как не меняй (вручную или кодом) все равно русский язык не воспринимается. 2-Как в пунктах меню (в любом кроме Галереи, убрать разделение на 2 части (вертикальное разделение 3-Как на место текста (сверху слева) поместить картинку??? Заранее большое при большое спасибо. Если что могу заплатить, но немного((( Просто очень хочется понять и сдела…
0 votes2 answers -
Нужна помощь (Фильтры на сайте)
Здравствуйте! Меня, если что, зовут Владимиром Я начинающий веб-мастер так сказать. Мне нужна помощь по конкретному проекту (сайт веб-студии). Начну с общего вопроса (т.к. первый раз с этим сталкиваюсь): фильтрs создаются в рамках верстки или это относится к CMS натяжке? Вот сам фильтр. Подскажите пожалуйста, как это сделать, если это только верстка. А если CMS (это скорее всего будет WordPress) можете скинуть обучающий ресурс по WP Заранее благодарен. Дополнительный вопрос не в тему:
0 votes4 answers -
Не движется слайдер
Добрый день прикрутил слайдер взял отсюда http://www.cowboy.odessa.ua/gallery/13/ есть доступ к хостингу этого сайта, вроде все подключил, картинки есть движений нет. Подскажите где может быть ошибка? как подправить, чтоб заработало! Спасибо. Это то что получилось http://selfmaker.biz/oleg/gallery_2.html Надеюсь, что поможете!!! Спасибо
0 votes18 answers -
Пропорции картинки при масштабиронии
Всем привет. Такая проблема: на сайте есть блок с div с картинками, расположен по горизонтали (через float:left, ширина задается в процентах). Нужно чтобы картинка полностью заполняла див. Проблема в том, что картинки есть у которых ширины больше высоты и наоборот соответственно. При уменьшении масштаба ширина (она в процентах) тоже уменьшается, а высота остается прежней, т.е. вытягивается по вертикали. На данный момент реализовано так http://jsfiddle.net/u424m8fh/ - попробуйте уменьшить масштаб. Может есть у кого мысли как можно сделать так, что бы картинка заполняла див не по мах размерам - width и height, а по минимальным?
0 votes5 answers -
Определить есть ли курсор мыши
Добрый день, Прошу прощения за, возможно, странный вопрос. Есть div, который должен по-разному собираться для устройств где только тачскрин (способ-1) и для остальных (способ-2). Сейчас определяю устройство в js return 'ontouchstart' in document.documentElement; Проблема в том, что есть устройства, где есть и тачскрин и мышь (ноуты с тачскрином, трансформеры итп). Вот эти устройства у меня попадают в способ-1 при использовании такого метода. А хотелось бы в способ-2. Т.е. надо отделить устройства, где ТОЛЬКО тачскрин от остальных (не зависимо от того, есть ли в них тачскрин). Надеюсь, понятно объяснил и что решение есть. Устроит решение на js или на php Заран…
0 votes6 answers -
Проблема приоритетности селекторов в css
Добрый день формучане! Помогите пожалуйста разобраться в проблеме в приоритетности селекторов. Написал легкий пример, где я задал селектор для всех элементов(*) и выставил там размер шрифта в ноль, потом для отдельных элементов написал в классе отдельный селектор(.s-font-stn) и поставил там нормальный шрифт. По идее у селектора * самый низкий приоритет и его должен перекрыть селектор .s-font-stn, но так не происходит и даже !important не помогает. Что случилось с версткой? http://codepen.io/anon/pen/RWYvJM
0 votes9 answers -
верстка SVG
Здравствуйте. Занялся разбором SVG верстки и не могу понять есть ли возможность вставлять в элементы другие элементы, например <polygon> <polygon></polygon> </polygon> или в данном случае выкручиваться через <g></g> или <symbol></symbol> с наложением элементов друг на друга
0 votes2 answers -
Меню: не представляю как подступиться
Нужно сверстать вот такое меню: Как видно на картинке каждый элемент имеет синий "буллит", который накладывается на нижеследующий, а буллит активного элемента перекрывает остальные. Причем по вертикали буллит должен быть резиновым. Ну никак у меня не получается. может кто подскажет? очень нужно..
0 votes4 answers -
Скрытие select'а в ИЕ
Имеется такой подопытный код: <!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" /> <style type="text/css"> select { display: none; visibility: hidden; } span { margin : 0px; padding: 0px; border: 1px solid green; } </style> </head> <body> <span>Селекты:</span> <select> <option>Option one</option> <option>Option two</option> </select> <select> <option>Option one</opt…
0 votes2 answers -
Проблемы с IE
Есть 2 css, которые отлично работают в Опире и Мозиле последних версий. вот сами CSS img.shadow { background: url(img/stq.gif) no-repeat right bottom; padding: 5px 10px 10px 5px} div.special2 {font-size: 140%; color: #3399FF; text-shadow: 5px -4px 1px #bad3ed; font-weight: bold;} Первый делает эффект к изображению в виде тени. А другой делает эфиект к тексту в виде тени, цвета и размера. Почему то только IE 8 в упор не хочет эти CSS принимать, помогите советом, в чем ошибка, или подскажите чем можно заменить?
0 votes4 answers -
Проблема при увеличении формата страницы
Добрый день! Помогите, пожалуйста, решить одну проблему - при увеличении формата страницы через Ctrl+scroll блоки начинают наезжать друг на друга, а горизонтальная полоса прокрутки появляется только на 170%. Как можно их зафиксировать? Сам код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Слои по горизонтали</title> <style type="text/css"> .body { text-align: center; margin: 0; background-image: url(grad.png); backgro…
0 votes1 answer -
0 votes8 answers
-
закругленный блок
Подскажите что не так? http://itmages.ru/image/view/280727/78c3ec02 <div id="content"> <div style=" margin-left:25px;" class="bred"><a style=" margin-left:47px;color:#2f35a3;" href="/machines/" >Станки с ЧПУ</a></div> <div class="conten"> <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> <div class="bocontent"> <a style="position: absolute;margin-top:5px;" class="stanok" href = "/machines/"><img src = "stanok.png" width = "150" height="148" border="0" alt="logo"></a><br /> <div class="textimg"> <ul class="hr"> <li&…
0 votes11 answers -
Принцип работы меню
Здравствуйте. Подскажите, как работает это меню, а именно, каким образом происходит появление подменю, при наведении на элемент меню. А то что-то не доходит. Моя ссылка html <html> <head> </head> <body style="background:#bbb;"> <div id="nav"> <ul class="select"> <li><a href="#"><b>1</b></a> <ul class="sub"> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> </li> </ul> <ul class="current"> <!-- <<<== активное меню --> <li><a href="#"><b>4</b></a></li> </ul> <…
0 votes3 answers -
Помогите найти ошибку
Помогите найти ошибку <html> <head> <script> function otkr(){ var svertmenu = document.getElementByid("svertmenu"); svertmenu.style.display = "block"; } function zakr(){ var svertmenu = document.getElementByid("svertmenu"); svertmenu.style.display = "none"; } </script> </head> <body> <a href="#" onmouseover="otkr()" onmouseout="zakr()">Меню</a> <div id="svertmenu" style="display: none;">Это меню</div> </body> </html>
0 votes8 answers -
Помогите проверить html пожалуйста
Доброго времени суток, Помогите пожалуйста провалидировать код формы! Насолько там все корректно!? Спасибо.
0 votes1 answer -
Не подключается кириллица Google Web Fonts/
Всем привет! На ровном месте возникла проблема. Хочу использовать http://www.google.com/webfonts Там всё просто и доходчиво описано как из подключать. С английскими шрифтами проблем нет вообще. Но кириллические (беру естественно из раздела кирилик) не подключаются ни в какую, ни так как ниже по простому, ни @import, ни яваскрипт. Пример ниже <h1> Bad Script отображается как дефолтый таймс, а <h2> как и задумывалось Exo. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link href='http://fonts.googleapis.com/css?family=Bad+Script|PT+Serif' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?fa…
0 votes1 answer -
Посоветуйте слайдер (картинка в теме)
Нужно делать вот такой слайдер При нажатии на стрелочки или на сами иконки слайдер крутиться, вверху оказывается нужная иконка и соответственно меняется контент в красном квадрате) Видел кто подобное?)
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-