Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Ошибка в практикуме!

    Добрый день! Недавно попал на ваш сайт,и начал активно читать,пробывать! В общем защёл в практикум,решил посмотреть задания..выбрал что по проще( http://htmlbook.ru/practical/tsvet-fona-i-teksta-dokumenta ) Защёл в решение,скопировал код,все сделал как пологается,залил на хост,ну и В общем оттображаются какието иероглифы!( http://avto177.hut2.ru/1.html/ ) Может быть это у меня проблемы с кодировкой,даже не знаю в чём и дело..

    Asked by GooD,

    0 votes
    2 answers

  2. Кодировка в мета-тегах

    У многих верстальщиков замечал в мета-тегах указанную дважды кодировку: <meta http-equiv="Content-Type" content="text/html; [b]charset=utf-8;charset=utf-8[/b]" /> почему и для чего так пишут (не один а два раза)?

    Asked by novicheG,

    0 votes
    1 answer

  3. Смена изображения при наведении на кнопку формы <input>

    Добрый день! Подскажите пожалуйста, каким образом можно сделать смену изображения при наведении (hover) на кнопку формы - input. <input name="search" type="image" src="images/search.gif" class="button" />

    Asked by chillout,

    0 votes
    9 answers

  4. поддержка border-radius

    Поддерживает ли это свойство firefox 3.6 ? На этом сайте написано, что не поддерживает, но, когда я открываю htmlbook в F3.6., то у меня отображаются все скруглённые уголки, хотя в коде использован только border-radius

    Asked by 1284metra,

    0 votes
    7 answers

  5. Суммарная ширина вложенных float

    Приветствую, не могу победить особенность некоторых браузеров при вычислении суммарной ширины сестринских float-ов, в случае задания ширины родительского контейнера в процентах. Например: <!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>Untitled Document</title> <style> * {margin: 0; padding: 0; border: none; outline: none;} #wrap {width: 60%; margin: 0 auto; background: #F3F; overflow: hidden;} #nav {float: left; width: 100%; back…

    Asked by alb,

    0 votes
    3 answers

  6. Как такое сделано...

    _http://good-freesoft.ru/ Видите слева ползёт небольшая панелька, наведите на неё курор. Как такая панелька работает? Как она ползёт за экраном?

    Asked by ВовчиГ,

    0 votes
    2 answers

  7. Помогите с отображением в IE

    Вот сайт http://рубщик.рф/.Во всех браузерах нормально отображается а в ие нет..Я даже не знаю в какую сторону копать..Помогите..Что надо сделать??

    Asked by Reign2001,

    0 votes
    6 answers

  8. Картинки вместо текста в навигации

    Есть менюшка, которую можно сделать только картинками. Но, можно ли так делать? ведь в этом случае название пунктов меню будет только в классах, из ссылок придётся удалить. Не знаю, может это неправильно по семантике, или для будущего продвижения... <li><a class="home" href="#"></a></li> <li><a class="portfolio" href="#"></a></li> <li><a class="about" href="#"></a></li>

    Asked by 1284metra,

    0 votes
    8 answers

  9. Проблема с float

    привет всем) я чайник в верстке, учусь. Хотя, думал, с флоатом справлюсь... Суть проста. Есть два блока, по 50% ширины каждый. Ставлю каждому float: left; width: 50%; (бордер для наглядности проблемы) результат причем происходит все так. Есть класс .block, для которого стоят только отступы. Так как они одинаковые для всех. .block { margin-bottom: 30px;} Ну и классы .w50p {width: 50%;} .floatleft {float: left;} Прописываю <div class="block w50p float">бла бла</div> <div class="block w50p float">бла бла</div> ЕСЛИ прописать дополнительно .block {margin-bottom: 30px; float: left;} То блоки становятся ровно, зато лезут другие косяки, связанные с от…

    Asked by nickostyle,

    0 votes
    4 answers

  10. Изменение стиля ссылок для одной ячейки таблицы

    Привет всем. Есть общие стили ссылок (A:link A:active A:visited A:hover) для всего сайта и везде прописан размер шрифта 11px , мне нужно для одной ячейки таблицы изменить размер шрифта для ссылок с 11px до 13px. Подскажите как это можно сделать только для 1й ячейки таблицы, не затрагивая стили ссылок всего сайта?

    Asked by Incestecide,

    0 votes
    3 answers

  11. Отступ в таблице

    Не получается никак сделать такой же самый отступ от надписи <style type="text/css"> .foto_otstyp{margin:30px;} .verx_otstyp20{margin-top:20px;} .zagolovok_ul2{font-size:26px; font-weight:bold; margin-left:60px; color:#CC0000;} </style> <div class="zagolovok_ul2">Что блог может дать именно Вам?</div> <table> <tr> <td><img class="foto_otstyp" src="../img/3_6.3.jpg" /></td> <td width="100%"> <strong>Если Вы владелец бизнеса,</strong> блог будет для Вас отличной <br /> Интернет-площадкой, которая даст Вам следующие <br /> преимущества: <div class="verx_otstyp20"></div&g…

    Asked by people2010,

    0 votes
    5 answers

  12. onmouseover\onmouseout в разных браузерах

    Доброе утро. Есть простой код: <div style='text-align:left; margin:5px 0 5px 17px;'> <label>№ счета:<input type='text' name='login' maxlength='4' style='border:1px solid #aaa;' onmouseover="style='border:1px solid #000;'" onmouseout="style='border:1px solid #aaa;'" /></label> </div> <div style='text-align:left; margin:5px 0 5px 17px;'> <label>Пароль:<input type='password' name='pass' maxlength='10' style='border:1px solid #aaa;' onmouseover="style='border:1px solid #000;'" onmouseout="style='border:1px solid #aaa;'" /></label> </div> Дело в том, что конструкция onm…

    Asked by bobo,

    0 votes
    3 answers

  13. Выравнивание изображения в CSS

    Подскажите, пожалуйста, как мне выровнять изображения в ячейках по центру на странице http://moscow.domolink.ru/users/oplata/ Там где логотипы платёжных агентов. Прописал в стилях: td img { text-align: center; } Не помогло.

    Asked by SCooTERina,

    0 votes
    4 answers

  14. проблемы в Safari 4.0.2 и Chrome 3.0.182.2

    Здравствуйте. Не как не могу понять почему плывет верстка на страницах palto-modello(dot)ru и palto-modello(dot)ru/collection-palto/vesna_2011/m02.html Подскажите в чем причина и как исправить, желательно без хаков. Спасибо.

    Asked by clgs,

    0 votes
    5 answers

  15. Слой для цвета блока ссылок

    Хочу чтобы ссылки приняли цвет который написан в диве. Делаю так: <div style="color:#c1b78a; font-size:100%;"><?foreach($arElement["DISPLAY_PROPERTIES"] as $pid=>$arProperty):?> <? if(is_array($arProperty["DISPLAY_VALUE"])) echo implode(" / ", $arProperty["DISPLAY_VALUE"]); else echo $arProperty["DISPLAY_VALUE"];?></div> Поясню: <?foreach($arElement["DISPLAY_PROPERTIES"] as $pid=>$arProperty):?> <? if(is_array($arProperty["DISPLAY_VALUE"])) echo implode(" / ", $arProperty["DISPLAY_VALUE"]); else echo $arProperty["DISPLAY_VALUE"];?> Отсюда динамически берутся ссылки которые я хочу изменить цветом. Но если делать как делаю я, цвет…

    Asked by Tchorteg,

    0 votes
    1 answer

  16. загадочное поведение @media screen (max/min width/height)

    Дамы и господа, добрый, последний мартовский день! Столкнулся с следующей траблемой: в <meta /> HTML index: <link rel="stylesheet" type="text/css" media="screen and (max-width: 800px) and (max-height: 600px)" href="css/800x600.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-width: 1024px) and (max-height: 768px)" href="css/1024x768.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1152px) and (max-height: 864px)" href="css/1152x864.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-width: 1280px) and (max-height: 600px)" href="css/1280x600.css" /> <link rel="stylesheet" t…

    Asked by mushroom,

    0 votes
    9 answers

  17. x-скролл при 1024

    HI! http://www.maslennikov-rv.narod.ru/xz/ - тут беда Помогите решить задачку. Нужно чтобы верстка отображалась без скроллинга на разрешении 1024. Что мешает: - .logo1{width:1182px} - верстка должна быть 100% схожа с макетом, поэтому позиционировать фоном в боди не гут. Пробовал решить так: (document.body.clientWidth<1024)?document.body.style.overflowX="hidden":document.body; - но это тоже не гут, скрола аще нет, если пользователь сожмет браузер на < 100% то все ппц не прокрутит.. В общем HELP!!

    Asked by medium,

    0 votes
    5 answers

  18. CSS и размеры кнопки

    Всем привет. Помогите, пожалуйста, со следующей проблемой... Имеется код кнопки: *** <form action="" id="cse-search-box"> *** <button class="Button" type="submit" name="" tabindex="" style="margin-left: -60px; margin-top: 10px; text-align:justify;"> <span class="btn"> <span class="t"> Поиск </span> <span class="r"> <span></span> </span> <span class="l"></span> </span> </button> *** </form> *** К ней применены следующие стили оформления: /* Search Form */ #cse-search-box button.Button, a.Button { position:r…

    Asked by LabaZu,

    0 votes
    5 answers

  19. Проблмы верстки

    Вобщем проблема в следующем: Делаю резиновый макет, использую float для выравнивания слоёв, но в IE6 между слоями есть маленький отступ (3-5px), который никак не удаётся удалить, есть ли какое-нибудь решение средствами css?

    Asked by GaDiV,

    0 votes
    13 answers

  20. z-index IE8

    Добрый день! Есть проблема: Есть два дива. bottomgradient - заливается на всю ширину одним элементом. bottomleft - ложится поверх заливки слева. В мозиле все отлично, +1 в опере, а вот в IE8 - хрен. Как это можно исправить? HTML <div id="bottomgradient">bottomgradient <div id="bottomleft">bottomleft</div> </div> CSS #bottomgradient { height:19px; background-image:url(../images/1_22.png); position:relative; z-index:1; } #bottomleft { width:101px; height:19; background-image:url(../images/1_21.png); background-repeat:no-repeat; position:relative; float:left; z-index:2; }

    Asked by arthyrgrex,

    0 votes
    5 answers

  21. ссылки под зафиксированным слоем background

    Здравствуйте, столкнулся с небольшой трудностью, поставил как фон слой с зафиксированным рисунком посередине. он представляет собой прозрачное изображение с отрисованной правой и левой стороной, но все меню и все ссылки перекрылись им, а в этом месте он прозрачный. как сделать, чтобы ссылки под пустым пространством работали и не нарушать работы сайта http://sadik-yagodka.ru/ #footer1 { position: fixed; bottom: 0; background: url(images/sadik1-2.gif) center ; left: 50%; margin-left: -600px; height: 600px; width: 1200px; }

    Asked by sinpd,

    0 votes
    6 answers

  22. Верстка форм и вопрос по WordPress

    Добрый день, коллеги. Какой самый выгодный способ сверстать форму на отправку такого рода: http://habreffect.ru/777/0959d6d37 Пробовал сделать на плагине Contact Form 7, так как бланк заказа стоит на WP. Столкнулся со странностями данного плагина. Значит проблема в чем? Кто имел дело с этим плагином, тот поймет о чем сейчас пойдет речь. Мне требуется сверстать большую, нет, даже огромную форму. И как себя ведет плагин при этом. У него где-то стоит ограничитель на количество символов для ввода тэгов для верстки? Вот сам скрин http://habreffect.ru/e67/127f3d855 Тоесть дальше "<t" вписать можно много кода, но после нажатия Сохранить, код стирается снова до этого же порога…

    Asked by Bondarov,

    0 votes
    0 answers

  23. Опера - png

    Вобщем вот сайт - http://freunds.ucoz.ru/ В опере когда обновляешь страницу, за IPad мелькает белый фон, как его можно убрать?

    Asked by Vladinho,

    0 votes
    4 answers

  24. Динамическое построение и оптимизация

    Структура моего сайта такова что на каждой странице вписываются одни и те же метаданные. На сколько я понимаю это не очень хорошо воспринимается поисковиками, и что ключевые слова должны быть как можно более релевантны к содержимому страницы. ( исправьте меня п-ста если я ошибаюсь) За сим вопрос, каким образом можно изменять ключевые слова в зависимости от содержания страницы если структура сайта следующая: все страницы сайта загружаются через index.php с помощью примерно такого кода include_once('header.php'); include_once($_REQUEST('page') . '.php'); include_once('footer.php'); т.е. в зависимости от нажатой ссылки page меняется а остальное содержимое соответственно оста…

    Asked by Pumych,

    0 votes
    5 answers

  25. Получить из подменю ещё одно

    Доброго времени суток! Решил зарегистрироваться наконец на этом форуме, после нескольких месяцев просмотра его Появился вопрос один, касающийся css деталей. Вкратце, есть стандартное меню, при наведении на один из пунктов ("Каталог"), появляется ещё одно меню - подменю, который содержит ещё два пункта, и вот в чём вопрос, хочу получить из одно из этих двух пунктов ещё одно меню - подподменю Создать его могу, а как обеспечить выбор пунктов уже в нём никак не могу сообразить. Исходничек с этой проблемой здесь. И я просто не знаю как это сделать. Буду рад любым подсказкам и помощи!

    Asked by drew,

    0 votes
    20 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept