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. резиновый сайт слоями. Смещение при input 100%

    Добрый день, помогите разобраться, делаю двух колонную верстку сайта слоями. Расположение слоев позиционное. Не могу разобратся с проблемой: если во вторую колонку вставить элемент input(с другими тоже бывает) с шириной 100% то появлется смещение/растяжение второй колонки. В Chrome это слабо заметно но она есть, а в IE6 вообще появляется полоса прокрутки.. Если этот input еще и обернуть 100% div, то в IE6 вообще появляется огромное смещение input относительно колонки, и появляется полоса прокрутки.. Нашел тут тему про полосу прокрутки в резиновом сайте в IE6 http://forum.htmlbook.ru/index.php?showtopic=20894 Если октрыть код приведенный там, то тоже все нормально, сайт в …

    Asked by xim,

    0 votes
    4 answers

  2. input, text-decoration: underline

    Есть input type="submit", для него в css прописано text-decoration: underline Так вот не во всех браузерах этот underline срабатывает, в опере не работает точно Пробовал ставить padding-bottom и margin-bottom, ситуация не изменилась Как можно исправить?

    Asked by theo_,

    0 votes
    1 answer

  3. Как сделать маску круглых углов для flash?

    У меня получается почему-то только для рисунков, а вставленный flash плюет на слой, который выше я делаю так: <div id="sq_banners"> <a class="banner ban1" href="#b1"> <object type="application/x-shockwave-flash" data="<?php print $images ?>TVcontent.swf" width="125" height="125" id="ad1"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="<?php print $images ?>TVcontent.swf" /> <param name="quality" value="high" /> <param name="wmode" value="window" /> <param name="bgcolor" value="white…

    Asked by warobushek,

    0 votes
    1 answer

  4. swf объект - перекрытие слоев

    Вывожу модальное окно с помощью jquery. В шапке лежит swf баннер. Открываю модальное окно - но он все равно находится сверху. Причем, в мозилле все нормально ... баннер не перекрывает. Но в остальных броузерах он все равно сверху. Как победить? Спасибо!

    Asked by asdxp,

    0 votes
    3 answers

  5. Проблема с IE

    У меня проблема с табличной версткой. Вот отрывок кода: <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="50" class="menu2">База вещей</td> </tr> <tr> <td class="menuBody"> </td> </tr> </table> CSS: .menu2 {background-color:#887b56;background-image:url(../img/menu_up3.jpg);font-size:16px;font-weight:bold;color:#d8c06a;padding-left:30px;padding-top:8px;background-repeat:no-repeat;} Вот как выглядит в IE: Вот как в остальных браузерах: Как сделать чтобы в IE отображалось нормально? Использую следующий DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti…

    Asked by _ZheKA_,

    0 votes
    3 answers

  6. Фиксация заголовка таблицы от прокрутки

    Хотелось зафиксировать верх страницы (конкретно в моем случае названия колонок таблицы) от прокрутки. Пытался нагуглить решение, но понравившегося мне не нашел - у всех найденных решений область прокрутки имела фиксированный размер, и если размер окна был больше чем "надо", лишнее место пропадало зря, но хуже, если высота экрана оказывалась меньше. Тогда появлялась вторая полоса прокрутки, которая все-таки уводила названия колонок за пределы экрана. Ничего лучше найти не смог. Тогда решил сделать с помощью фреймов. Все банально просто - в верхнем фрейме табличка с заголовками колонок, в нижнем - таблица с собственно данными. Хочу обратить внимание на два момента. 1. Ширин…

    Asked by rgl,

    0 votes
    3 answers

  7. Алфавитный указатель

    дёрнул в интернете компонент мультикатегорийности, позволяющий создавать разветвлённые каталоги. в целом компонент офигенный. проблема в одном: альфа-индекс (алфавитный указатель) только с латиницей. как его руссифицировать? кто знает? вот ссылка ЗЫ! чуть не забыл! сайт на joomla 1.5

    Asked by DNZ,

    0 votes
    9 answers

  8. Применение margin к встроенным элементам.

    Почему b{margin: 15px} отталкивает селектор только от левого края, а b{padding: 15px} работает нормально?

    Asked by Gnom7,

    0 votes
    12 answers

  9. резиновый div по высоте

    добрый день есть у меня "красивый" дизайн, который делить пространство документа на зоны горизонтальными и вертикальными линиями соответстсвенно заголовок и футер небольшого размера - с ними проблемы нет, контент может быть любым - вот тут то и начинаются пляски с бубном... есть слой обертка, который имеет border-left в него всталяю контент и получаю, что слой обертка по высоте меньше, чем контент! .line-vert{ margin: 0 0 0 20px; padding: 0; width:98%; border-left: 2px solid #57AE5B; } .line-vert p{ margin: 0 ; padding: 0; } попробовала побороть этот недуг написав скромный javascript, по изменению height при загрузке на высоту всего body скажем, но оказалось, что если…

    Asked by jul_k,

    0 votes
    25 answers

  10. При увиличении маштаба болки не пропорцыональны

    У меня возникла такая проблема, есть два блока(1 болк флоат лефт 1 флоат райт) при открытие в ie7 ie8 mozile opere они онинаковой высоты, при любом увиличении маштаба они становятся разных росмеров. Как зделать что б они были онинаковыми.

    Asked by fastikkk,

    0 votes
    6 answers

  11. Скачет текст (ссылка) при исполь-нии :hover

    есть табличная верстка. меню сделано списком, размер текста 24, а при наведении задала что бы был 26. И вот при наведении у меня текст увеличивается но при этом, слова которые ниже - сдвигаются вниз на какое то расстояние. думала исправить эту проблему с помощью margin-down or padding-down при hover, но ничего не вышло. что делать? <td rowspan="5" width="240" valign="top"> <ul id="menu"> <li><a href="#">Главная</a> </li> <li><a href="#">Каталог нот</a> </li> <li><a href="#">Композиторы</a> </li> <li><a href="#">Современные мелодии</a> </li> …

    Asked by trish,

    0 votes
    5 answers

  12. Работа с изображениями

    Здравствуйте. Интересует следующее: на странице есть изображения-превьюшки, как сделать так, чтобы при клике на изображение-превью, картинка отображалась в полном размере, а остальной фон затемнялся? Можно ли это реализовать средствами css или требуется js?

    Asked by YaD,

    0 votes
    1 answer

  13. проблема с маштабированием

    У меня возникла такая проблема, есть два блока(1 болк флоат лефт 1 флоат райт) при открытие в ie7 ie8 mozile opere они онинаковой высоты, при любом увиличении маштаба они становятся разных росмеров. Как зделать что б они были онинаковыми. Посетить мою домашнюю страницу

    Asked by fastikkk,

    0 votes
    49 answers

  14. Размер <select>, <option>

    Подскажите такую вот штуку. Есть форма: <form> <select> <option> 1111111111 </option> <option> 2222 </option> </select> </form> то есть <select> будет иметь ширину 1111111111. Как сделать так, что бы в закрытом состоянии <select> была конкретного размера, а список, который раскрывается, другого. Вот как здесь.

    Asked by Alex&R,

    0 votes
    3 answers

  15. css + internet explorer

    Товарищи. Помогите настроить сайт (вот ссылка nowhau.ru) Писал его в мозиле. В мозиле и опере отображается отлично, в IE его, почему-то, коротит. Сам новичок, эт первый мой сайт.

    Asked by depdep,

    0 votes
    2 answers

  16. Дизайн формы

    Asked by xakki,

    0 votes
    3 answers

  17. getElementsByClassName

    Не получается разобраться как нужно дописать код чтобы работал getElementsByClassName в ie... Ясно только одно что ie пока что не обзавелся такой функцией... вот код страницы и сама страница http://stars124.narod.ru/js2.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=Windows-1251" /> <title>Z-index</title> <script type="text/javascript"> function color3(node){ var wrap = document.getElementById('wrap3') var wrapDiv = wrap.getElementsByClas…

    Asked by stars,

    0 votes
    1 answer

  18. input file value?

    Привет, All! подскажите как в <input type=file> прописать введенное ранее значение, если пишу в value ничего не отображается

    Asked by ravend,

    0 votes
    1 answer

  19. Адресная строка и адрес страницы

    Добрый день всем ! Очень часто встречаются сайты которые в адресной строке выглядят примерно так: www.kuku.ru/load/173-5-2 хотелось бы спросить, в папке load/173-5-2 на сервере есть файл index или есть еще какието способы не отображать имя файла в адресной строке? Спасибо

    Asked by bgraf,

    0 votes
    11 answers

  20. Фоновый рисунок

    вроде бы все делаю правильно, но браузеры не тображают фоновый рисунок. проверила 10 раз все названия папок и файлов совпадают, изображение в папке есть код: body { background: url("images/p.jpg"); } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" > <link rel="StyleSheet" type="text/css" href="css/style.css"> </head> <body> </body> </html>

    Asked by Izum,

    0 votes
    24 answers

  21. Выравнивание текста по вертикали в текстовом поле

    как можно это сделать ? спасибо!

    Asked by One,

    0 votes
    2 answers

  22. Нагрузка стилями тега HTML

    Насколько правильным является нагрузка тега HTML стилями? Обычно цвет фона, названия шрифтов и тому подобное писал в теге BODY, но попробовал и оказалось, что писать всё это можно и в теге HTML. Работает так же, а сберегается один уровень вложенности, так как BODY можно использовать уже, как вложенный DIV. Пример: <!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"> <title>Использование тега HTML</title> <style> HTML { height:100%; margin:0px; padding:0px; color:#000; background-color:#F…

    Asked by Колос,

    0 votes
    3 answers

  23. Проблема с IE

    Собственно IE смещает весь блок влево Методом тыка было выясненно что IE не видит margin: 0 auto; а точнее auto Посоветуйте как решить проблему?

    Asked by whisper111,

    0 votes
    6 answers

  24. Прокрутка по умолчанию

    Захотел решить один небольшой недочёт широко распространённый на сайтах. Когда переключаешься между страницами одного и того же сайта, то часто оказывается, что в зависимости от размера содержимого на одной странице есть вертикальная прокрутка, а на другой нет. В итоге получаются небольшие скачки, которые не нравятся некоторым пользователям. Попробовал сделать так: HTML {overflow:scroll;} Во всех обозревателях, кроме оперы, получилось хорошо: возникающие полосы прокрутки неактивные, если содержимого на странице мало. Но вот опера... у неё прокрутка получается активная, даже если содержимого мало, что конечно неприемлемо. Любопытно, кто-нибудь пытался когда-нибудь решит…

    Asked by Колос,

    0 votes
    5 answers

  25. Проблема с позиционированием <div>

    Делаю сайт с помочу <div> тегов и столкнулся с такой проблемкой. Сначала код: <div id="top_l"> <h3>Top1</h3> </div> <div id="top_c"> <h3>Top2</h3> </div> <div id="top_r"> <h3>Top3</h3> </div> СSS: #top_l { width: 250px; margin: 5px 5px; background: #eee;} #top_l h3 { text-align: center; } #top_c { width: 250px; margin: 5px 300px; background: #eee;} #top_c h3 { text-align: center; } #top_r { width: 250px; margin: 5px 600px; background: #eee;} #top_c h3 { text-align: center; } А проблема в том, что Тор1, Тор2, Тор3 выводятся, как бы то пояснить... лестницей, а мне нужно что бы на…

    Asked by Alex&R,

    0 votes
    1 answer

  • Обсуждения

    • 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