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
-
Проблема с nth-child
Коллеги, загвоздка, помогите разобраться. Проблема Суть: идут блоки, у каждого border-top. Задача: первым двум его убрать. Делал через nth-child(1) и nth-child(2), но не вышло.
0 votes2 answers -
Проблема с onlcick() Помогите разобраться
Приветствую всех! Есть проблема, очень надеюсь на вашу помощь. Делаю сайт http://magazin.amedigroup.com/ Всем кнопкам "Смотреть полный каталог" прикрутил событие onclick(), но он почему-то срабатывает только после двойного щелчка по кнопке. Сам скрипт проверял на работоспособность создавая тестовую страницу - все работает, проблем нет, но на этом сайте что-то мешает. Собственно скрипт: <script type="text/javascript"> function toggle_show(id) { document.getElementById(id).style.display = document.getElementById(id).style.display == 'none' ? 'block' : 'none'; } </script> и кнопка: <div id="mybutton" class="red-btn" onclick="toggle_show('c1');toggle_sh…
0 votes5 answers -
проблема с Opera 10 и list-style-type
Имеется хтмл страница со стилями. После запуска во всех браузерах, кроме оперы 10 - всё хорошо отображает, ставя маркер только на первый пункт меню 1 уровня. В опере 10 - ставится маркер еще и (насколько я понял) на UL от субменю. Таким образом, имеем два маркера, вместо одного. Ломал голову очень долго - выхода так и не нашел. Причем даже оперовский инспектор показывает, что на субменю не должно быть маркера... Вопрос: как в Opera 10 оставить выведенным только маркер у списка первого уровня? <!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="ru"> &…
0 votes0 answers -
Проблема с Opera и Firefox
Помогите, пожалуйста, более грамотные и опытные начинающим... У меня есть три различных css-файла, для каждого браузера свой (IE, Opera, Firefox), Проблема в том, что нам необходимо подгружать различные css-файлы для IE, Opera, Firefox мы используем скрипт: function check_browser() { var version = 0; if (navigator.userAgent.indexOf ("MSIE 5") != -1) document.write ("Internet Explorer 5.0"); else if (navigator.userAgent.indexOf("MSIE 4") != -1) document.write ("Internet Explorer 3.0!"); else if (navigator.userAgent.indexOf ("MSIE 4.5") != -1) document.write ("Microsoft Internet Explorer 4.5 for Macintosh"); else if (navigator.userAgent.indexOf ("Opera") != -1) document…
0 votes2 answers -
Проблема с Outlook word-wrap & word-break в таблице
Суть проблемы: есть таблица и в её ячейке есть однословный длинный текст, который своей чистой длиной превосходит ширину таблицы. По логике вещей этот текст должен остановиться у границы ячейки и остальную часть себя написать в следующей строчке. Все так и работает в браузере, но вот аутлук имеет эту логику в виду, ломает её и не хочет воспринимать такие переносы - текст уходит в далекие дали. Как можно решить эту проблему? Пример таблицы: <table cellpadding="0" cellspacing="0" align="left" style="table-layout: fixed;word-wrap: break-word;" border='black' width="250px"><tr align="left" valign="top" ><td align="left" valign="top" style="width:100%;word-wr…
0 votes0 answers -
Проблема с overflow
Задача сделать фоновую картинку которая будет вылазить за пределы первого li. <ul> <li class="widget widget_text" id="text-3"> <h3 class="widgettitle">Обратная связь</h3> <div class="textwidget"> <div id="wpcf7-f1-w1-o1" class="wpcf7"> <form class="wpcf7-form" method="post" action="/#wpcf7-f1-w1-o1"> <div style="display: none;"> <input type="hidden" value="1" name="_wpcf7"> <input type="hidden" value="2.4.5" name="_wpcf7_version"> <input type="hidden" value="wpcf7-f1-w1-o1" name="_wpcf…
0 votes6 answers -
Проблема с overflow: auto;
Всем привет, есть такой код: <table> <tr> <th>Бла-бла-бла</th> <th>Бла-бла-бла</th> <th>Бла-бла-бла</th> </tr> <div style="overflow: auto; height: 100;"> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> </div> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td&g…
0 votes5 answers -
Проблема с overflow: hidden
Есть карусель (использую jcarousel) которая всунута в блок с фиксированой шириной. Пример можно посмотреть здесь - http://sorgalla.com/jcarousel/examples/responsive/. Вместо li в каруселе использую div. У дивов что вращаются заданы ширина и высота. При ховере нужно реализовать так что б высота этого блока увеличивалась(например было height: 200px, при ховере height:400px) Проблема в том что в настройках для карусели нужно ставить overflow, и оно обрежит контент по высоте. Как сделать так что б оно не обрезало по высоте? Быстро набросал, что б было понятней http://jsfiddle.net/8e7P6/1/ Если навести на елемент, то высота остается такойже, а нужно что б увеличилась.
0 votes2 answers -
проблема с overflow:hidden
День добрый, столкнулся с такой проблемой. резиновая колонка в ней находится блок с class="info". чтоб текста всегда хватало, он находится в избыточном количестве и лишний текст обрезается с помощью overflow:hidden. проблема подробно показана на картинке ниже. заключается она в том, что при 119px обрезанные заглавные символы видны в Firefox, а при 118px обрезаются нижние окончания у букв типа g y в Opera, Chrome, Safari, Internet Explorer. пробовал играться с line-height, не помогло. пожалуйста подскажите как можно решить такую проблему. <style type="text/css"> .column-1 { width:24% } .info { height:119px; overflow:hidden; font-size:15px; font-style: italic; …
0 votes2 answers -
Проблема с padding
Добрый вечер! При выставлении параметров padding левая колонка наезжает на центральную. Не пойму в чем дело. Подскажите, пожалуйста. Мой сайт + код ниже .sidebar1 { padding: 15px 15px 10px 10px; float: left; width: 20%; height: 100%; background: #d3de97; padding-bottom: 0px; background-image: url(); } .content { padding: 0px 0; width: 60%; float: none; margin:0 150px 0 180px; background: #e4ecb8; padding-bottom: 0px; background-image: url(); }
0 votes2 answers -
Проблема с padding
Здравствуйте Хочу сделать на кнопках, чтобы при нажатии текст в кнопке смещался вниз (типа эффект нажатия). Это я пытаюсь сделать изменением padding`a в псевдоклассе :active. Вот пример кода <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> #buttons { font: 12px/1.4 Verdana; padding: 20px; } #buttons input[type="button"] { border: 1px solid green; padding: 5px; } #buttons input[type="button"]:active { padding: 7px 5px 3px; } </style> </head> <body> <div id="buttons"> <input type="butt…
0 votes5 answers -
Проблема с padding в <td>
Добрый день! Не могу разобраться, почему на этой странице появляется такое большое значение padding для <td>. Голову на этом уже сломал
0 votes1 answer -
Проблема с padding в header
Доброго дня! Появилась проблемка в css. У меня короче есть wrapper(посередине страницы), там по бокам задан padding 56px. А в header этот padding не должен действовать на background(там где будет меню). То есть задний фон должен растянуться на весь wrapper по ширине(но это строго должно быть только для хэдера). На всякий прикрепляю имг как должно быть: Надеюсь, понятливо объяснила. Очень надеюсь на вашу помощь.
0 votes1 answer -
Проблема с padding в IE6
Всем привет. Есть проблема с padding в IE6, а именно: Есть div, у div есть фон, фон размером 50px, в div есть тег p, при установке padding для div (дабы выровнять текст по вертикали) в IE увеличивается размер дива и в фоне появляется дырка. Пример кода: <div style="background: url('bg.png') repeat-x; width: 100%; height: 30px; padding: 20px 0 0"> <p>Текст</p> </div> Таким образом высота у нас получилась 50px, но в IE появляется дырка. Как это решить? Спасибо
0 votes4 answers -
Проблема с padding у clear:both
Добрый день. Есть интересная проблема. У меня плавающие блоки, всем задан float, а после этих блоков идет блок с clear:both Как всегда во всех браузерах все ок, а вот IE.... <!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"> <html> <head> <title>Goodzabox-Текущие доставки</title> <link rel="stylesheet" type="text/css" href="ex_1.css" media="all"/> </head> <body> <div id="padding_5"> <div class="left item"> Photo </div> <div class="left item"> Price <…
0 votes4 answers -
Проблема с padding-ом
В Опере отступ от текста, до края кнопки нормальный, а в IE больше, как сделать, чтобы бало аналогично Опере??? .MainMenuLinks_Brown_sl { position: relative; top: 20px; font-size: 0.7em; padding: 3px 5px; margin-left: 105px; background: #942400; border: 1px solid #fff; color: #fff; font-weight: bold; text-decoration: none; } .MainMenuLinks_Brown_sl:hover { background: #ffffcc; color: #3366cc; }
0 votes8 answers -
Проблема с PaddingОМ
Внутри DIVа другой DIV, Padding между контентом и внутренним дивом не могу задать "0", вот код: Body, html { padding: 0 ; margin: 0 ; text-align: center ; } #alldiv { width:1000px; min-width:700px; min-height:700px; border-left: thin solid #dddddd ; border-right: thin solid #dddddd ; margin:0 auto; } } #headdiv { background:url(img/01_02.gif) repeat-x; width:900px; height:165px; } #menudiv { float: left ; width: 194px ; line-height: normal ; font-size: 10pt ; font-family: verdana, geneva, sans-serif ; font-weight: bold ; background-color: #ffffff ; padding-right: 40px ; padding-left: 0 ; border: 1px solid black; } …
0 votes2 answers -
Проблема с php js формой
Привет, очень нужна помощь в форме https://jsfiddle.net/1z0uhe7d/1/. Их три (третья отличается тем что поле emailвместо сообщения). Проблема в том, что обрабатывается только там, что не открывается как попап(через arcticmodal) и открываются при изменении input file. Я пробовал закинуть инпут файлы в попап формы, но не помогает, пробовал через классы обрабатывать в js не помогает. Моих знаний мало, чтобы повесить обработку новых инпутов в js и заставить обрабатывать все формы. Очень нужна помощь, кто разбирается.
0 votes0 answers -
Проблема с PIE.htc
Всем привет. У меня не отрабатывает PIE.htc в поддомене (xxx.site.ru). В index поддомена прописаны абсолютные пути (http://site.ru/images/'>http://site.ru/images/)...и т.п. Всё работает кроме данного скрипта. На главной странице сайта (http://site.ru) работает без проблем. Прошу помощи, помогите решить данную проблему.
0 votes1 answer -
Проблема с PNG
Короче ситуация такая: Имеется див <div class="main-search-block"><!-- // --></div> В нем форма и другие данные... Есть его стили: .main-search-block { width: 693px; height: 76px; background: url(main-search-block-bg.png) no-repeat; position: absolute; top: -28px; left: -528px; z-index: 5; } Как видно - бэкгроунд сделан с помощью полупрозрачного PNG... Который не работает в IE6. Для IE6 пишу стиль: .main-search-block { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/../../main-search-block-bg.png'); } Прозрачность появляется. Но! Как только я поставил прозрачный бэкгроунд - все содержимое дива (форма, ссылки и т…
0 votes15 answers -
Проблема с PNG
Доброго времени суток! Хотелось бы понять почему происходит следующий баг. Имеем PNG-картинку с градиентом от #ccc до полной прозрачности: Теперь берем эту картинку и накладываем поверх фона с цветом #ccc. Код страницы такой: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div style="background: #ccc url(gradient.png) no-repeat 0 0; width: 200px; height: 200px;"></div> </body> </html> Получаем вот такую картину: Если присмотреться (или воспользоваться color picker'ом )…
0 votes29 answers -
Проблема с png и ссылками в IE6
Значит есть некий div, background которому я слелал png, и вставил в него 3 ссылки. Ссылки естественно тоже png. Так вот эти значит ссылки в IE 6 не работают - как ссылки, :|:/
0 votes6 answers -
Проблема с PNG-прозрачностью
Нашла в сети скрипт DD_belatedPNG_0.0.8a.js - он добавляет прозрачность рисункам в PNG. Плюс сохраняет эту прозрачность для повторяющихся изображений. В общем, очередной чудо-скрипт. Но, не долго я радовалась - уже на следующем сайте этот скрипт отказался работать. Причем, срипт тот же самый, который нормально работал на предыдущем сайте. Как назло, в теме для Wordpress, которую я верстаю на Денвере, масса PNG-шек. Народ, если кто то сталкивался с таким глюком этого скрипта (или может это несовместимость с другими скриптами?), подскажите, как с этим бороться.
0 votes22 answers -
Проблема с position
Здравствуйте. Вобщем такое: Вот коды: верхнее width: 731px; height: 115px; background:url("../images/rlist.png") no-repeat ; position: absolute; z-index: 5; top: 66px; right: -230px; нижнее position: absolute; background:url("../images/rfoot.png"); width: 413px; height: 77px; top: 43px; right: -80px; Как сделать чтобы при разных расширения экрана эти изображения обрезались и не появлялась нижняя прокрутка? Спасибо.
0 votes2 answers -
Проблема с position : absolutle в всплывающих подсказках
На странице есть поля типа input и у каждого есть атрибут tooltip="Подсказка": <input type="text" name="name" value="ФИО" title="ФИО" tooltip="Введите ФИО"/> JS скриптом я ниже каждого такого поля создаю <span> с подсказкой. [JS] $('[tooltip]').each(function(){ $(this).after('<span class="tooltip">'+$(this).attr('tooltip')+'</span>'); }); [/JS] СSS .tooltip{ width: 200px; visibility: hidden; z-index: 99; position: absolute; .................... При focus()/blur() делаю их visible/hidden [JS] $('input[type=text]').focus(function(e){ var left = $(this).offset().left; var …
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-