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. Скрипт Выпадающих Меню нужен, киньте - у кого есть простенький

    САБЖ. Чтобы под осла и лису работал. Попробовал сам сделать - непонравилось. Киньте, если у кого есть готовые решения: jon@ya.ru

    Asked by антигерой,

    0 votes
    7 answers

  2. введите свой e-mail

    Здравствуйте Всем! Такой вопрос, как сделать, чтобы пользователь мог вписать и-маил и подписаться на расылку? и второй вопрос: во всем сайте один див в мазилле, опере нормально, а в ие буквально на 5 пикселей растягивается вниз, что можно сделать? Заранее благодарен!

    Asked by Artie,

    0 votes
    8 answers

  3. CSS в маркированном списке (li)

    Приветствую. Прописал в свойствах маркированного списка (li) следующее: .li_gr { width: 190px; display: block; border-color: #cccccc; border-style: solid; background-color: #f0f0f0; border-collapse: collapse; list-style: none; } Получается следующее - Однако , при использовании таблицы (а не списка) получалось так - (на белый фон не обращать внимание). Вопрос - как сделать, чтобы границы у списков (следующих друг за другом) имели тонкую границу и как сделать отступы для текста (пробовал margin и padding, не помогло)? В идеале надо сделать так, как на втором изображении.

    Asked by Romanice,

    0 votes
    9 answers

  4. Интересует софт для IE 6 toolbar

    Интересует софт наподобии pixelperfect только для ie 6. Раньше накладывал обычной картинкой через просмотрщик сейчас захотелось узнать есть ли такой софт.

    Asked by Dessss,

    0 votes
    0 answers

  5. Изменить размер шапки

    Здравствуйте, помогите пожалуйста.Сейчас как на рис.1, нужно сделать как на рис.2. Т.е. убрать белые полосы по бокам, чтобы картинка была на всю длину. Извините, если не правильно оформила сообщение) Рисунок 1 Рисунок 2 Файл index.php: <?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!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"> <!-- author: raduga copyright: GNU/GPL --> <head> <?php mos…

    Asked by Olabola,

    0 votes
    34 answers

  6. Выделение ссылки при наведении (Как на примере)

    Как сделать, что бы при наведении курсора на ссылку - фон сзади ссылки выделялся полу-прозрачным белым изображением. (Нужно ихменить в html шаблоне) Сделать примерно как на phpbb.com (Под логотипом ссылки "About - Donwloads - Commynity") Или как у вас на форуме (Помощь Поиск Пользователи Календарь). Спасибо заранее

    Asked by Flashz,

    0 votes
    2 answers

  7. Крастная строка

    Подскажите пожалуйста, как сделать так, чтобы тег <p> делал отступ слева, как красная строка.

    Asked by faatt,

    0 votes
    7 answers

  8. Отступы в списке

    Здравствуйте! Страница следующая: http://balahna.com/ Прошу помощи в следующих вопросах: 1. Откуда берутся отступы между элементами списка в ИЕ (в ФФ и Опере их нет) и как их убрать? 2. Валидатор выдаёт следующее: Line 48, Column 12: element "NOBR" undefined. Did you mean "noframes" or "form"? <h2><nobr>ОБЩЕСТВО С ОГРАНИЧЕННОЙ ОТВЕТСТВЕННОСТЬЮ</nobr></h2> - что ему не нравится ? Всем спасибо за внимание!

    Asked by trenny,

    0 votes
    27 answers

  9. z-index javascript и выпадающее меню

    Не знаю, что делать. У меня на сайте выпадающее меню, а ниже меню javascript карусель картинок-ссылок (там еще картинка меняется при наведении мышью). Проблема такая: Меню выпадает под карусель, а когда блоку, содержащему карусель присваиваю z-index, то с меню все ок, но зато карусель становится неактивна. Помогите, пожалуйста.

    Asked by Беленькая,

    0 votes
    22 answers

  10. SELECT + TITLE или подсказки в выпадающем меню

    Доброго времени суток. Подскажите, как реализовать подсказки в выпадающем меню select'a Цель: прин аведении на список выбора, над каждой опцией всплывает подсказка. P.S. AJAX не желателен... Можно как то через номера опций вывести подсказки?

    Asked by MiraMaX166,

    0 votes
    4 answers

  11. Не получается изменить цвет блока

    никак не получается изменить цвет белого текста в блоке на главной (скрин) http://rubasket.com пробовал-пробовал-не вышло :

    Asked by FASTDEATH,

    0 votes
    13 answers

  12. input type text выравнивание текста в ie

    Помогите справиться с такой вот проблеммой. В ие текст, который вводится в поле <input type="text">, выравнивается по верхнему краю, а нужно сделать, чтобы он выравнивался по середине поля css для инпутов задан такой: float: left; display: block; font: 13px Tahoma; color: #000; width: 300px; height: 25px; margin-right: 50px;

    Asked by theo_,

    0 votes
    5 answers

  13. backround div-а вылезает за пределы

    HTML код: <div id="frame"> <i class="top"></i> <i class="bottom"></i> <div id="header"></div> <div id="main"> <div id="content"></div> <div id="menu"></div> </div> <div id="footer"></div> </div> CSS код: * {padding:0; margin:0} body {background:#B29269 url(images/img01.jpg) repeat-x left top;} #frame {width:860px; height:100%; margin:0 auto; border:1px black solid; /*background:url(images/img03.jpg) repeat-y left top;*/} #frame i {width:860px; height:100%; position:relative; display:block;} #frame .top {background:url(images/img0…

    Asked by FightInGlory,

    0 votes
    7 answers

  14. Атрибут profile элемента HEAD

    Важен ли атрибут profile элемента HEAD? Каково его назначение? Возможно ли и как перенаправить его в другой тег?

    Asked by kirtser,

    0 votes
    2 answers

  15. Разрыв границы

    как делаестся такой разрыв граница прерывается - Ранг - граница продолжается! Спасибо!

    Asked by slavok47,

    0 votes
    34 answers

  16. Валидатор "ругается". Помогите.

    http://validator.w3.org/check?uri=http%3A%...lidator%2F1.654 Все ошибки в этой строчке кода: <a href="http://www.statun.com/109444/m.html" target="_blank"><img src="http://count.statun.com/?040.gif&r=&p=http%3A//centrohost.net/&i=<?php echo rand(); ?>&s=109444&g=0&w=1440&h=900&d=24&c=Y&e=Y" border="0" width="88" height="31" alt="Statun Counter"></a> Как пофиксить?

    Asked by usaformat,

    0 votes
    9 answers

  17. А как вы выполняте Clearing?

    Всем людям верстающих в дивах конечно всегда после того как зафлоачены элементы выполнять клиринг чтобы отменять обтекание ниже следующих элементов, я лично ставлю после отфлоаченного элемента пустой див у которого в классе прописано cleat: both (конечно возможно это не совсем правильно). Хотелось бы узнать а как вы это делаете Вот как я это делаю <!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> <title></title> <style type="text/css"> #left { float: left; display: inline; background: silver; wi…

    Asked by TonKhaO,

    0 votes
    34 answers

  18. float:left блоки равной высоты в несколько строк

    Добрый день, уважаемые форумчане! Делаю сайт, левая колонка фиксированной ширины, правая (контент) резиновая. В правой колонке выводится список изображений с заголовками: css: .img { width: 200px; float: left; margin: 0 10px 10px 0; } html: <div class="img"> <img src="image.jpg" alt="" /> <h3>Title</h3> </div> <div class="img"> <img src="image1.jpg" alt="" /> <h3>Title</h3> </div> ... <div class="img"> <img src="imageN.jpg" alt="" /> <h3>Title</h3> </div> в итоге зрительно должно получиться подобие таблицы, где по ширине экрана выстраивается столько изображений, сколько позв…

    Asked by AKyHuH,

    0 votes
    46 answers

  19. меню сделанное на CSS под все браузеры.

    Как сделать так, чтобы меню навигации созданное с помощью CSS корректно отображалось на всех браузерах. У меня у самого Опера, все нормально работает, а вот проверяли на Explorer'е - нифига подменю не вылазеет, чо делать, подскажите пожалста. <!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=windows-1251"> <title>hover</title> <style type="text/css"> UL { width: 180px; /* Ширина меню */ list-style: none; /* Для списка убираем маркеры */ margin: 0; /* Нет отступов вокруг */ padding: 0; /* Убираем поля вокруг текста */ …

    Asked by pirogkoff,

    0 votes
    4 answers

  20. MySQL i Web

    Подскажите пожалуйста, где можно почитать о принципе совместной работы Web сайта и баз данных SQL? И вообще все, что с этим связано.

    Asked by Alex&R,

    0 votes
    4 answers

  21. Всплывающие подсказки - как отключить память input-ов?

    Всем привет. Проблема такая: Современные браузеры запоминают значения полей формы input при сабмите. И потом при повторном введении слов выдают автоматом всплывающие подсказки в полях типа input. Вопрос: можно ли насильно запретить такое запоминание (или вывод результатов) средствами html/js/css ? Зачем мне это? - хочу сделать свои всплывающие подсказки, ну например как на яндексе - выбирает из базы уже готовые результаты по похожим запросам и подставляют в табличку под окном поиска. В таком варианте автоматические подсказки браузера мешают - закрывают собой наши юзерские. Вариант который я вижу: т.к. запоминание происходит при сабмите формы - передалать систему так, чтоб…

    Asked by Dima_2015,

    0 votes
    4 answers

  22. как можно аннулировать дефолтные паддинги mail.ru?

    каким образом можно аннулировать дефолтные паддинги в вебмаил-клиенте mail.ru при том что данный клиент не принимает стили, точнее сказать делает все что бы их игнорировать, <td valign="top" xstyle="padding-top:10px; padding-bottom:15px; padding-left:15px; padding-right:10px;"> по умолчанию он ставит такой стиль на все <td> table.readlet td { font-family:courier new; font-size:85%; padding:15px 0 20px 7px; } может кто сталкивался с подобным?

    Asked by AlexKon,

    0 votes
    11 answers

  23. Помогите с сочитанием горизонтальных и вертикальных списков (ul li)

    Есть сайт http://www.microsoft.com/web/platform/default.aspx Пытаюсь перерисовать его дизайн. Основное горизонтальное (чёрное) меню удалось, по нажатию на кнопку сделал popup меню, в котором должен быть выбор элементов - так же сделал через ul и li. Но этот выбор никак не хочет вставать вертикально! Копирую часть кода с этим списком в отдельный htm, там он вертикально. С помощью fireBug'а сравниваю css свойства в обоих файлах у этих ul и li - одинаковы (display: block !important). При этом смотрю свойства li горизонтального меню - там display: list-item, а не inline. Помогите поднять второстепенный список вертикально. Так же не понимаю как microsoft положил список горизон…

    Asked by SHUstriK,

    0 votes
    6 answers

  24. Схлопывание границ надо отменить

    Столкнулся с неожиданной проблемой. Есть код HTML: <h3><span class="floatLeft">Некоторый текст</span><span class="floatRight">И опять некоторый текст</span></h3> <p>Продолжение некоторого текста...</p> и CSS для него: h3 { font-size: 1.8em; font-weight: normal; margin: 0.5em 0 0.3em; white-space: nowrap; border-bottom: 1px solid #ddd; float: left; width: 100% } .floatLeft {float: left; padding-left: 0.3em} .floatRight {float: right; padding-right: 0.3em} p { line-height: 1.5em; font-size: 1.1em; clear: both; padding: 0 1em; margin: 1em 0 } Надо убрать схлопывание границ, а не пойму как сделать! По…

    Asked by Yahoo!,

    0 votes
    9 answers

  25. автопрокрутка страницы

    подскажите плиз. есть самописный форум. при успешном добавлении поста в теме естественно идет переадресация обратно на тему. все вроде бы хорошо.... вот только хочется чтоб страница автоматом прокручивалась к только что созданному посту.... да и вообще нужна инфа каким образом реализуется сохранение положения страницы (хочется еще кой куда воткнуть такое) я php программист а не дизайнер или верстальщик поэтому прошу описывать со всеми тонкостями.... спасибо всем кто ответит. да и еще вопрос: если из textarea писать в SQL то перевод строки не записывается (тип поля text). проблема в textarea или в SQL?????

    Asked by dikiyprapor50,

    0 votes
    11 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