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. 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

  4. Как "такое" сделать в div`ах

    Здравствуйте форумчане и форумчанке. Возникла проблема при верстке в дивах, необходимо сделать следующие: Вся проблема заключается в том что не знаю как сделать такое без абсолютного позиционирования. (и конечно без таблиц) Как видно из рисунка, это пост на форуме, который будет повторятся. Если делать в абсолютном позиционировании, то каждое новое сообщение будет наслаиваться на предыдущие. В итоге 10 сообщений выглядит как одно. + всё должно тянутся, за исключением фиолет. и зелен.полей. Поле с аватором (фиолет) должно тянуться только по высоте (height), а поле с логином (зелен) только по ширине (width). Заранее спасибо.

    Asked by dedmene,

    0 votes
    16 answers

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

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

    Asked by Микель,

    0 votes
    2 answers

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

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

    Asked by okunev2,

    0 votes
    6 answers

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

    Доброго времени суток. Новичок в вебе просит помощи. При использовании метода 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

  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. Выравнивание в списке

    Ребят, вот собственно проблема, не пойму в чем дело: это 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

  10. Не могу отыскать 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

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

    при проверке страницы на 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

  12. Flash в Firefox

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

    Asked by wetta,

    0 votes
    13 answers

  13. Непонятки с 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

  14. Кривится верстка в IE 7

    http://budnirussia.ru/ Посоветуйте, пожалуйста, что делать, чтобы верску в IE подвести к тому, как это выглядит в Опере или в Мозилле?

    Asked by ainur11,

    0 votes
    4 answers

  15. нужна помосч

    вопрос состоит в следующем есть грубо говоря вот такой код <div id="wrapper"> <div id="wrapper1"></div><!-- #wrapper1 --> <div id="wrapper2"></div><!-- #wrapper2 --> <div id="wrapper3"></div><!--#wrapper3--> </div><!-- #wrapper --> мне нужно каждому из етих 4 блоков задать свой background только так чтобы он в любом из даных блоков тянулся например при добавлении текста в блоки wrapper1 - wrapper3 ну и соответственно чтобы и тянулся background родительского блока wrapper. За предложеные варианты большое спасибо

    Asked by Romario1985,

    0 votes
    26 answers

  16. seo верстка

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

    Asked by okunev2,

    0 votes
    4 answers

  17. Div верстка

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

    Asked by chendger,

    0 votes
    9 answers

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

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

    Asked by sh1va,

    0 votes
    4 answers

  19. Опера 10 и @font-face

    Воспользовавшись этим руководством, встроил в страницы шрифт: Конвертировал из ttf с помощью onlinefontconverter.comю В Хроме и Файрфоксе всё хорошо, в ie проверить не могу (я на линуксе), в Опере какая-то странная хрень: когда страница первый раз загружается, шрифты нормально включаются, но при перезагрузке страницы или переходе на другую страницу сайта со шрифтами начинает происходить страшное. Рушится и font-family и font-size, судя по тому, что видно. Посмотреть можно здесь: romaadelante.ru/t/kolca.html Что за пипец такой и как его пофиксить, есть мысли, уважаемые?

    Asked by adelante,

    0 votes
    1 answer

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

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

    Asked by ADK,

    0 votes
    17 answers

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

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

    Asked by MiHALbI4,

    0 votes
    4 answers

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

    Имеется следующая структурка (максимально упрощенный вариант): <!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

  23. Якорь в 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

  24. в IE блок становится шире

    верхнее меню сделал через JQuery, ниже 2 дива для эффекта закругления в css это все дело у меня помещено в таблицу, т.к. правее есть еще один список с JQuery эффектом и чтобы его ровно сверстать вложил все в таблицу во всех браузерах кроме IE все замечательно пытался через html и в css в комментариях прописывать не получаетсо

    Asked by winkywright,

    0 votes
    7 answers

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

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

    Asked by MoT9I,

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