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
-
Проблема с блоком в 6-ом осле
Всем привет!Столкнулся я с очередной проблемой в ИЕ 6. вот код: <!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" /> <title>Документ без названия</title> <style type="text/css"> * { margin: 0px; padding: 0px; border: 0px; } html, body { height: 100%; background: #fff; } .korzina { width: 228px; min-height: 130px; margin-top: 36px; position: relative; z-index: 1; border: solid 1px #900; padding: 5px; } .blok_s_gradientom { height: 10…
0 votes8 answers -
шрифт и IE
когда задаешь стиль font-size: bold почему-то в IE он отбражается мельче, чем в других броузерах, как это исправить?
0 votes6 answers -
вопрос про "loop"
Вставил в хтмл <embed src="music1.mp3" type="audio/x-mpeg" width="0" height="0" autostart="true"> по дефолту значение loop -1 что означает что трек должен проигрываться постоянно. а играет один раз. Побывал дописывать loop="-1" не помогло. И кстати, когда ставил loop="3" трек тоже играл один раз...
0 votes4 answers -
Дайте пожалуйста совет...
Здравствуйте! Я начинающий верстальщик! Я только изучил базовые HTML, CSS. Я хочу научиться верстать красивые макеты... Но не знаю как это верстается... Можете пожалуйста написать что делать, дать ссылки на хорошие уроки... Спасибо заранее!
0 votes6 answers -
Текст по центру изображения адаптивно - как реализовать?
Добрый день, уважаемые форумчане! Есть блоки с изображениями http://yarfrezer.ru/shop/, нужно вертикально центрировать текст относительно картинки. Пробовал варианты с table-cell; и position'ами, но так и не получилось, совсем запутался. Можете подсказать, какие стили добавить или хотя бы куда копать, чтобы при ресайзе окна текст оставался вертикально центрированным?
0 votes5 answers -
Адаптация социальных иконок
Доброго времени суток, есть блок ширина которого указана в процентах, внутри него есть такая конструкция <div class="block"> <a href="#"><i class="vk"></i></a> <a href="#"><i class="ok"></i></a> <a href="#"><i class="gp"></i></a> <a href="#"><i class="fb"></i></a> <a href="#"><i class="in"></i></a> <a href="#" class="fullwidth">Link</a> </div> элемент с классом fullwidth всегда по ширине в 100% нужно сделать что бы вс элементы без этого класса были inline-block (аля only vertical) и квадратные при услови…
0 votes1 answer -
Использование css flex для выравнивания
Здравствуйте, не подскажите как с помощью флекс свойства css добиться следующего: На первом изображение показано текущее расположение блоков, блоки не имеют фиксированного размера, а меняются динамически, в зависимости от заполненности контента. Я хочу получить результат как на втором изображении чтобы первый блок растягивался вне зависимости от его заполненности. Я так понимаю нужно использовать для этого свойства flex но все мои попытки сделать так, тщетны. Объясните, можно ли вообще так сделать? (спасибо!) P.S. все изображения прикрепил. P.P.S. это нужно для того чтобы не было такого не красивого выравнивания (position:absolute нель…
0 votes2 answers -
Регистрация на сайте
Здравствуйте. Подскажите пожалуйста как сделать на сайте разграничение доступа?
0 votes2 answers -
Рамка и содержимое таблиц
Добрый день, у меня возникла проблемка...бьюсь уже не один день........в тупике. Есть движок vbulletin Я пишу для него стиль. Хочу вставить рамку поверх форума(сайта) . Есть кусочки рамок. из которых я и составляю в хтмл'e полность рамку фон. Делал все на таблицах.(также используя CSS). Вроде бы получилось. Но при разном разрешении, а также при сворачивании в более мелкое окно рамка съезжает вправо. Кумекал тут, понял что съезжает из за содержимого в таблице. Получается если оно больше чем размер таблицы..то он выставляет сам ширину. вот приблизительный код: <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD align="left"><IMG SRC="im…
0 votes9 answers -
Скроллинг и/или растягивание списка
Приветствую всех. Столкнулся с задачей переделки хайлайтера исходников, но не могу побороть одну проблему связанную с CSS. На выходе получается конструкция такой структуры: <div class="content"> <dl class="codebox"> <dt>Заголовок</dt> <dd> <div class="codebox1"> <ol> <li> <pre><span style="color: #235ae6;">Public</span> <span style="color: #235ae6;">Class</span> Form1</pre> </li> <li> <pre> </pre> </li> </ol> </div> </dd> </dl> </div> CSS: div.codebox1 { background-color:#C0C…
0 votes6 answers -
background image в css файле
Всем привет! Покуда искал у себя в коде ошибку, наконец заметил такую вещь... Вставка фонового изображения в CSS файле происходит так: background: url(../image/image.gif); если же я прописываю свойства стиля в заголовке html страницы: background: url(image/image.gif); Т.е. без " ../ ". Подскажите, это нормально (и вообще почему то так)? Сколько примеров html-кода я ни смотрел, везде в CSS файле ссылка на изображения была просто "image/image.gif"... Или это у меня на компе глюки творятся?
0 votes3 answers -
Кнопка
Нужно что бы при нажатии на изображение <a href= ""> <img src= "img/button.bmp"> </a> активировалась функция function SetStat(){ location.href="afterreg.phtml?NickName=<?php echo $aNickName; ?>"; } Возможно ли реализовать такое? И каким образом?
0 votes8 answers -
поддержка border-radius
Поддерживает ли это свойство firefox 3.6 ? На этом сайте написано, что не поддерживает, но, когда я открываю htmlbook в F3.6., то у меня отображаются все скруглённые уголки, хотя в коде использован только border-radius
0 votes7 answers -
Звук при наведения на кнопку, как?
Доброго времени суток, Хочу, что бы при наведении курсора на кнопку меню, происходил звук (щелчок), посоветуйте, что нибудь по проще.
0 votes2 answers -
Кто сможет помощь с удалением отступа?
Привет всем. Помогите удалить отступ между статьями. Уже второй день копаюсь и никак не могу найти где ошибся. Вот http://vacations.besaba.com/magazine.html А здесь сам макет http://yadi.sk/d/WpESGYPOQFK2g Так же вот картинка где надо убрать отступ http://itmages.ru/image/view/1667620/0c4f2507
0 votes5 answers -
Пространство имен HTML5 для XSLT-преобразований
Здравствуйте! Подскажите, плиз, если знаете, можно ли используя XSLT на выходе получить HTML5? Какое пространство имен (атрибут xmlns) указать для HTML5? Для HTML 4.01 указывалось пространство имен XHTML 1.0 (xmlns="http://www.w3.org/1999/xhtml"): <?xml version="1.0"?><xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"><xsl:template match="/"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <div>Any message you like</div> </html></xsl:template></xsl:stylesheet>Будет ли XSLT-преобразование корректным, если включать в него теги HTML5, не указав никакого другого …
0 votes8 answers -
Отображение div при активном пункте меню
Добрый день есть меню: Главая Каталог Контакты И меню: Категория1 Товар1 Товар11 Категория2 Товар2 Товар2 На главной странице в нижнем меню отображаются только Категория1 и Категори2. При нажатии из этих категорий становятся отображаемые в меню товары только для заданной категории. Как можно сделать через CSS чтобы еще при активном пункте Главная, так же отображался товар у Категории1 ? Не могу сообразить как связать два разных div. <li class="item-101 current active"><a href="/" >Главная</a></li><div class="jbcategory-link"> <a href="/Категория1" > Категория1</a> </div><div class="jbcategory-items"> …
0 votes5 answers -
h1 внутри main или снаружи
С точки зрения семантики как правильно делать: <main><h1></h1></main>или <h1></h1><main></main>
0 votes1 answer -
Не проигрывается видеофон в Google Chrome
С недавнего времени перестал проигрываться видеофон. Почему то этот баг происходит в Google Chrome, в Mozilla такого нет [ссылка удалена]
0 votes7 answers -
Opera
Подскажите, пожалуйста, существует ли аналог панели для Opera как Firebug в Mozilla или IE Developer Toolbar для Explorer?
0 votes2 answers -
Вертикально выравнивание
<table width="100%" height="100%" border="0"> <tr> <td align="center" valign="middle"> <table cellpadding="0" cellspacing="7" border="0"> <tr> <td></td> </tr> </table> </td> </tr> </table> Не могу сделать так, чтобы вложенная таблица (будет 980пх) была выравнена по центру экрана вертикально, вне зависимости от размера экрана, как не пробывал, вс? равно прикручивается к верху.
0 votes3 answers -
Странные промежутки между DIV'ами в IE 6
Описать проблему словами будет сложнова-то, потому предлагаю посмотреть код и увидеть проблему воочию. Проблема наблюдается только в IE 6 (хотя может и в 7ой версии тоже, на данный момент не могу проверить). Обратите внимание на Block3, который отделен от других блоков непонятным отступом... мотивы его происхождения мне не ясны. Как бороться тоже не знаю. Прошу помочь Страничка тут http://dev.inroot.ru/inroot/ Код <!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> <meta http-equiv="Content-Type" content="text/html; ch…
0 votes4 answers -
Свой курсор
Можно ли в стилях указать свой курсор, который нарисован в файле формата .cur?
0 votes1 answer -
Проблема со списком
Как видно на картинке, если ссылка состоит из 2 и более строчек, то 2 и последующие будут начинать налезать на иконку списка: в CSS прописано так: Сам код списка выглядит примерно так: Помогите плиз избавится от такого эффекта.
0 votes7 answers -
css меню второго уровня в IE6
Добрый день. Подскажите как поступить в следующем вопросе. В IE6 нет подменю. В мозиле, опрере и IE7 все работает код следующий: <td width="225px" height="100%" valign="top" class="ramka"><div id="menu4"> <br> <ul> <li><a href="about.php">Текст</a></li> <li><a href="treneri.php">Текст</a></li> <li><a href="trainings.php">Текст</a> <ul> <li><a href="biznes.php">Текст</a></li> <li><a href="methodical.php">Текст</a></li> <li><a href="personality.php">Текст</a></li> <li><a href="healthy.php">Текс…
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-