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://primfile.com/video/hud-films/25-spoiler.html Вот здесь сверху и снизу рамки спойлера большой отступ до текста. Как его можно уменьшить? я пробовал margin, padding.. ничего не помогает. вот какие настройки в данный момент: .title_spoiler { text-align: justify; font-weight: bold; color: #636363; background-color: #ECE1FE; border: 1px dotted #bebebe; padding: 1px; } .text_spoiler { color: #757575; background-color: #DEEDFA; border: 1px dotted #bebebe; border-top: 0; text-align: justify; padding: 1px; }

    Asked by mementos,

    0 votes
    1 answer

  2. Несколько слоев с позиционированием

    Здравствуйте, как сделать, чтобы 2 слоя с абсолютным позиционированием не наслаивались друг на друга, а находились друг под другом. <div style=" background-color: #FF6699;height:100px; position: absolute; width:100%;"></div> <div style=" background-color: #6600CC;height:100px; position: absolute; width:100%;"></div> position: absolute обязательно нужно оставить.

    Asked by dedmene,

    0 votes
    3 answers

  3. Вложенный список

    Подскажите как создать вложенный список с тремя уровнями с помощью ul и li? 1. Категория 1.1. Раздел 1.1.1 Подраздел 1.1.2 Подраздел 1.1.3 Подраздел 1.2. Раздел и т.д.

    Asked by okunev2,

    0 votes
    6 answers

  4. margin-top

    html код: <body> <div id="wrapper"> <div id="block"> <p>Супер текст</p> </div><!--#header--> </div><!--#wrapper--> </body> css код: #wrapper {margin: 0 auto; width: 800px;} #block {height: 150px; background: #009933;} #block p {text-align: center; font-size: 26px; margin-top: 20px; background:#0099FF;} Собственно вопрос: почему margin-top для "p" делает отступ от окна браузера, а не от блока #block.

    Asked by artylion,

    0 votes
    5 answers

  5. как запомнить позицию раскрывающегося списка?

    Доброго времени суток. Новичок в вебе просит помощи. При использовании метода POST не знаю, как запомнить (восстановить) позицию раскрывающегося списка. В нижеприведенном примере, переменная текстового поля Slovo запоминается, а вот выбранную позицию в списке Jazyk запомнить (восстановить) не удаётся. Заранее благодарю за доброжелательное отношение и помощь. <html> <body> <form method="post" action="<?=$_SERVER['PHP_SELF']?>"> Slovo: <input name="slovo" class="textinput" value="<?=$slovo?>"> Jazyk: <select name="Jazyk" > <option value="ENG">English</option> <option value="DE">Deuch</option> <option valu…

    Asked by xak-2010,

    0 votes
    2 answers

  6. Пропорциональное изменение изображения.

    Такая проблема... Есть див фиксированной высоты в самом верху страницы, в нем есть изображение, прижатое к низу дива, высота изображения не указана, ширина, к примеру, 60% экрана. При изменении разрешения экрана или просто ширины окна изображение, соответственно, тоже меняет свои пропорции. Необходимо, что если высота изображения начинает превышать высоту дива, то ВЕРХНЯЯ "лишняя" часть скрывается за верхней границей экрана. а не растягивает див по высоте. Уже мутил и с абсолютным позиционированием, и с iframe. Не хочет изображение прижиматься к низу дива. <div style="text-align:center;vertical-align:bottom;height:200px;"> <img src="/bitrix/templates/bs_…

    Asked by Микель,

    0 votes
    2 answers

  7. Выравнивание в списке

    Ребят, вот собственно проблема, не пойму в чем дело: это css этого списка: ul.producers { width: 112px; display: block; margin-left: 21px; } ul.producers a { color: #59778c; font: normal 12px Arial; text-decoration: none; padding-left: 16px; } ul.producers a:hover { text-decoration: underline; } ul.producers li { margin-bottom: 8px; background: url('./images/gt2.gif') 0px 5px no-repeat; } Как сделать чтобы везде выглядело как в ИЕ8 и Опере?

    Asked by okunev2,

    0 votes
    2 answers

  8. сдвиг фона

    поиск использовал, но оригинальняа тема была зафлужена, и тамошнее решение не работает( http://forum.htmlbook.ru/index.php?showtop...D0%B0&st=20 мне надо один блок "навалить" сверху на предыдущий на 80 пикселей(получилось), и в свою очередь сделать так, чтоб фон в блоке который я "наваливаю" сверху отступал на 80 пикселей сверху. вот код, всё хорошо, но фон не сдвигается( <div style="width:255px; margin-left:10px;"> <div style="background-image:url('{THEME}/images/rarhiv.png'); width:255px; height:167px; background-repeat:no-repeat;"></div> <div style="background:url('{THEME}/images/rarhivbg.png') 0 80px;width:255px; margin-top:-…

    Asked by Proks,

    0 votes
    1 answer

  9. Ширина в процентах относительно плавающего блока

    Имеется следующая структурка (максимально упрощенный вариант): <!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> <style type="text/css"> .item {border: solid 1px red; float: left} </style> </head> <body> <div class="item"> <div>ололоололоололоололо</div> <div> <div style="float: left; width: 50%">123</div> <div style="float: left; width: 50%">321</div> </div> </div> </body> </html> Должна быть строка, под которой располагается 2 блока полов…

    Asked by dm53,

    0 votes
    5 answers

  10. Проблема с отображением страницы

    Доброго времени суток. В первый раз решил сверстать сайт div'ами и +резиновый. Сделал пока только шаблон одной страницы, проверил на валидность xhtml 1.0 и css...результат оказался положительным, ошибок не обнаружено Но вот решил проверит как страница стягиваеться, тут то и появилась проблема. При уменьшении окна браузера все блоки начинают рассыпаться кто куда. 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" xml:lang="en" lang="en"> <head> <title>Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=windows…

    Asked by DasBit,

    0 votes
    6 answers

  11. Вопрос по div верстке

    Возможно ли сделать так что бы при нажатии на ссылку информация менялась в определенном блоке ??? без явы и т.п. на css !

    Asked by kirillps,

    0 votes
    7 answers

  12. Неизменяемый фон при разном разрешении экрана?

    Здраствуйте, как можно сделать фон(картинку) на страничке, чтоб ее размер не менялся при открытии на разных компьютерах (с разным розрешением экрана)????

    Asked by ADK,

    0 votes
    17 answers

  13. Не могу отыскать CSS

    У меня вчера случилась неприятность-немного поехала страница из за того что затолкал рекламку кое куда.Поправил,но пока поправлял, наверно случайно зацепил верхнюю менюшку.На первый взгляд не заметно но когда наводишь на "Главная" находясь на другой странице то менюшка сьезжает.Судя по "FireBug" за это отвтетственен " suckerfish.css" но не могу найти где ошибка...может кто то подсказать? http://seventh-legion.ru/ suckerfish.css : [css] div#horiz-menu *{ margin:0; padding:0; } div#horiz-menu ul{ margin:0; padding:0; } div#horiz-menu li.level1{ padding:0 5px 0 0; margin:0; height:37px; line-height:37px; } div#horiz-menu li{ margin:0 5px 0 0; padding:0; border:0…

    Asked by stardel,

    0 votes
    9 answers

  14. Flash в Firefox

    Подскажите пожалуйста!! не отображаеться флеш ролик в ФФ, в IE все нормально, если на ролик правой кнопкой мышки- просмотреть в ФФ все показывает.. а на сайте нет. вот сслыка: http://autoeuro.ru/8marth.htm заранее спасибо

    Asked by wetta,

    0 votes
    13 answers

  15. Непонятки с td rowspan

    <table border="1" height="100%"> <tr height="10"> <td width="700">1</td> <td width="223" rowspan="2"> <br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1 </td> </tr> <tr height="*"> <td width="700">1</td> </tr> </table> В опере всё отображается корректно. В ИЕ первая строка таблицы отображается не правильно (её высота дол…

    Asked by rutshtein,

    0 votes
    15 answers

  16. Div верстка

    На скриншоте изображено как сайт выглядит сейчас на моем мониторе, элементы которые позже будут приходить в движение подчеркнуты. А вот что происходит, когда размер монитора меняется. Подчеркнутые элементы разъезжаются. А мне бы этого не хотелось, но как побороть что-то не пойму. Играл и тегами position, и с display, и с background attachment - ничего не помогло, наставьте на путь истинный пожалуйста.

    Asked by chendger,

    0 votes
    9 answers

  17. ошибка валидатора

    при проверке страницы на http://jigsaw.w3.org/css-validator/ выдает ошибку "Нераспознанная ссылка или инструкция обработки с таблицей стилей XML" вот собственно и код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>индекс</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <body> <div id="top"><img class="center" src="images/01.jpg" alt"картинка"></div> <div id="menu"> <a href="index.htm">Главная</a> <a href="foto.htm">Галерея</a> <a href="foto.htm">Технические характеристики</…

    Asked by kirillps,

    0 votes
    2 answers

  18. баг с :hover в Opera 9.5

    Имеется выпадающая менюшка на css, посмотреть можно тут http://www.dostavka-usa.com.ua/index_new.php. Выпадает при наведении на кнопку "выбор товара". Проблема заключается в том что в opera 9.5(возможно в 9 - тоже. В 8.5 все нормально). второй уровень меню вслывает непосредственно с текста пункта на первом уровне, а не со всего пункта li. Причем если кликнуть на корневыю кнопку и перейти на страницу каталога(соответственно у кнопки появляется стиль :active) данный баг исчезает. Небольшое уточнение: в местах, где под выпадающим списком первого уровня ничего нет все работает правильно, если же под ним есть текст/рисунок/поле формы - они как бы "мешают" срабатыванию hover н…

    Asked by Love_silense,

    0 votes
    4 answers

  19. Помогите с JavaScript'ом!

    Есть input type="text". В нем заранее написан текст "лицевой счет". Когда пользователь нажимает на это поле, то данный текст исчезает и можно писать. Мне нужно, чтобы если пользователь не ввел ни одного символа, то при потере фокуса на данном поле там опять появлялась надпись "лицевой счет". НО! Если он ввел хоть один символ, то при потере фокуса на этом поле не должно ничего происходить и введенный текст должен остаться в данном поле и потом, когда пользователь нажмет на это поле еще раз, то текст не должен исчезнуть.

    Asked by MiHALbI4,

    0 votes
    4 answers

  20. Выпадающее меню.

    Привет всем! junasoftware.com Поспорил что смогу содрать данное меню с сайта. Я сохранил страницу данного сайта себе на комп (хтмл код, все css и картинки). Страница открывается с компа и отображается так-же как и на сайта джунасофт, только меню выпадающее не работает. В чем может быть причина? Может у вас получится сохранить страницу данного сайта с работающим выпадающим меню? Прошу помощи. Спасибо.

    Asked by MoT9I,

    0 votes
    2 answers

  21. <li> как повернуть список в горизонтальное положение?

    можно ли использавать маркировку il или ul так что бы списко шел не вниз а в бок?

    Asked by sh1va,

    0 votes
    4 answers

  22. Scroll и вставка swf

    Есть необходимость вставить swf на сайт. Испробовал уже много способов, но никак не могу добиться того, чтобы работал скролл во всех браузерах. В момент, пока курсор мыши находится над swf, скролл не работает, как только отвожу в другую область - все прокручивается. Причем при различных вариантах вставки такие фокусы показывает то firefox то IE. Помогите с правильным кодом пожалуйста.

    Asked by rubiroide,

    0 votes
    14 answers

  23. seo верстка

    Ребята кто как поступает при верстка с уклоном в seo, когда нужно к примеру размечать текст на страницах, а именно заголовки, подзаголовки, кратки текст, ссылка и т.д. Какое количество тего в <h1><h2> и т.п. можно использовать на страницу. Будут рад примерам или статьям в сети с внятным объяснением сути дела, что-то искал но одна шелуха

    Asked by okunev2,

    0 votes
    4 answers

  24. Якорь в option value

    Возникла такая нужда, что нужно в списке к каждому option value прикрепить якорь или чтото подобное. Чтобы при переходе по адресу site.ru/tag.html#1 открывалась первая строка, а при site.ru/tag.html#5 пятая. Пример кода: <select name="select1" id="select1"> <option>Выберите товар</option> <option value="Товар 1">Товар 1</option> <option value="Товар 2">Товар 2</option> <option value="Товар 3">Товар 3</option> <option value="Товар 4">Товар 4</option> <option value="Товар 5">Товар 5</option> </select> Представляю это так: <select name="select1" id="select1"> <option>Выберите т…

    Asked by tomclancys,

    0 votes
    6 answers

  25. центровка текста

    почему-то при отображении текста на странице текст выравнивается по левому краю когда он помещен в теги <tr align="center"></tr> <td align="center"></td> или <span align="center"></span> и, даже, #text {text-align: center }. Центрируется текст только при <div align="center"></div> но, при этом, он опускается. Что я сделал не так не так?

    Asked by kminas,

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