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://freeway-design.ru/files/spit.png сейчас мне нужно сделать wrapper чтобы выровнить все что находится от меню до футера, естественно я делаю wrapper указываю ему margin:0 auto; ширину и сохраняю, ничего не происходит, блок так же стоит слева, когда создаю отдельный документ, пробую делать все тоже самое там, враппер работает нормально в чем проблема ? ГДЕ НЕ РАБОТАЕТ WRAPPER РАБОТАЕТ WRAPPER Еще подскажите как сделать через css чтобы после каждого пункта в меню добавлялось |

    Asked by moslem,

    0 votes
    3 answers

  2. не выравнивается в обьедененной ячейке

    Не работает вертикальное выравнивание в обьедененной ячеке на странице http://shkafmos.ru/ugl-kat1.html (там где большая картинка) смотрел в файрфоксе, в IE вообще не демонстрируется большая картинка. коректно отображается только в Хроме. Пожалуйста помогите разобратся?

    Asked by adve,

    0 votes
    5 answers

  3. Не выравнивается к центру менюшка

    Уважаемые форумчане, подскажите пож-та как выравнять нижеописанную менюшку по центру страницы. что только не пробывал, стоит на месте не двигается. нечего не пойму....менюшка красивая получилась, а выровнять не могу.. <html> <head> <style type="text/css"> div.menuhor div.navih { width: 100%; height: 24px; font-family: Tahoma; font-size: 11px; line-height: 5px; font-weight: bold; margin: 0px 0 0 0; background-color: 336699;} div.menuhor div.navih a { float: left; color: #FFFFFF; text-decoration: none; padding: 9px 8px 10px 8px; background-color: 336699;} div.menuhor div.navih a:hover { color: #FFFFFF; background-color: #004982;} </style> </hea…

    Asked by gudzon,

    0 votes
    4 answers

  4. не выравнивается текст рядом с тегом input в td

    В ячейке таблицы находятся тест и текстовое поле. Почему-то в этом поле нельзя задать тексту аттрибут vertical-align, Выравнивание происходит всегда по нижнему краю. не помогает ни указание выравнивания в ни через class ни через style: <table width="100%" class="listCACenterTable"> <tr> <td valign="top"><table width="100%" border=1> ... <td class="listCACenterTableTD" style="vertical-align:top"> .css .listCACenterTable td {vertical-align:top;} td.listCACenterTableTD {vertical-align: top;} В ч?м может быть ошибка?

    Asked by Fixer,

    0 votes
    4 answers

  5. Не выравниванивается в строку

    На сайте vdele.com.ua, в сайдбаре справа, в блоке «тор пользователей» не выравнивается рейтинг (розовые прямоугольники). Подозреваю, что проблема с «float: right;». Если его отключить, то все размещается как надо – на одной строке, только нет выравнивания вправо. А с флоатом – есть выравнивание вправо, но блок «падает» вниз. Кто знает – подскажите, как исправить. Спасибо.

    Asked by Advisory,

    0 votes
    1 answer

  6. НЕ ВЫРАВНИВАЮТСЯ картинки в DIVe

    Всем привет........... —————————- НЕ ВЫРАВНИВАЮТСЯ картинки в DIVe Если точнее они неправельно отображаются в IE и OPERe. Наверно надо дописать в стилях что-то, но что я без понятия. ———————————————————————————————————————-- Вот пример: http://one-gi.ru.terra.mtw.ru/test/primer.html ———————————————————————————————————————— Вот код: <html><head><title>Примэр</title> <style type="text/css"> body{margin: 40px;} #d1{width:300px; height:100px; background:#9089FF} .img2{} </style></head><body> <div id=d1><img src="1.gif" align="left"><img src="2.gif" align="right"></div> </body> </html>

    Asked by antonP,

    0 votes
    6 answers

  7. Не выравниваются путкты меню по ширине

    Сайт Нашел статью, пробовал вставить пример на сайт, но не вышло - просто обрезался край. А нужно чтобы во всю ширину меню были расположены пункты меню. Видимо какой-то из стилей перекрывает, но не понял что именно.

    Asked by nikki4,

    0 votes
    6 answers

  8. Не выставляется полосами

    Уже месяц пытаюсь откорректировать код так, чтоб блоки текста стали ровно, а все так получается. Где надо искать ошибку?

    Asked by Ivan Zajka,

    0 votes
    1 answer

  9. Не выставляется ширина меню

    Как можно растянуть 2ое меню на всю ширину экрана? Сколько пробовал, не выходит. И почему padding-top или margin-top у li или a (2го меню) не выставляется, он заходит за границы 1го меню и ничего не происходит. Может там какой нибудь блок поставить, между ними? Прилагаю фото, что должно получится на выходе, код и ссылку на песочницу(но в песочнице не особо понятно, что происходит). Песочница: https://jsfiddle.net/w4o57kmp/ Фото: https://ibb.co/igORZv Код: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Интернет Магазин</title> <link rel="stylesheet" href="css/main.css"> </h…

    Asked by rinatoff,

    0 votes
    2 answers

  10. Не вытягивается див, не могу придумать как

    Не работает в Опере и Мозиле. Divmiddle должен растягиваться вместе с divright поидее, но не хочет <style type="text/css"> #divbox { position: relative; margin: 0 auto; padding: 0; width: 400px; top: 0px" } #divtop { width: 400px; height: 30px; background: #F00; } #divmiddle { width: 400px; min-height: 300px; background: #F0F; } #divbottom { width: 400px; height: 30px; background: #00F; } #divleft { float: left; width: 200px; height: 300px; background: #FF0; } #divright { float: left; width: 200px; height: 30px; background: #0FF; } </style> <div id="divbox"> <div id="divtop"> </div> <div id="divmiddle"> <div id…

    Asked by SibBear,

    0 votes
    3 answers

  11. не выходит анимация

    В медиа прописано ограничение на анимацию до ширины 768px В итоге анимация работает только когда проходит ширину 768 Мне при открытии страницы нужна анимация, подскажите что делать?

    Asked by bolotindima,

    0 votes
    1 answer

  12. Не выходит подключить скрипт jQuery Scroll To

    Почему то не хочет анимироваться скролл страници, вот коды: <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/jquery.scrollTo-min.js"></script> <script type="text/javascript">*** $('#eek a').click(function(){*** var str=$(this).attr('href');*** $.scrollTo(str,500);*** return false;*** });*** </script> вот ссылка где прикреплён якорь: <h2 id="eek"><p>8.10 Запрещено использование игроков не заявленных на турнир за команду</p></a></h2> вот сайт, клацните на "(Важно! Смотрите пункт 8.10 в правилах)", там должно анимировано перенести на 8.10 пункт, н…

    Asked by eek,

    0 votes
    5 answers

  13. Не выходит поставить текст по центру

    Всем привет. Начал учиться верстать, и столкнулся с такой проблемой, не получается поставить текст по центру в теге <nav>. В чем ошибка, почему не выходит, подскажите? код html: <body> <header class="conteiner"> <h1>reverse obscurity</h1> <nav class="nav1"> <ul class="menu"> <li> <a href="#">home</a> </li> <li> <a href="#">services</a> </li> <li> <a href="#">portfolio</a> …

    Asked by FotGOD,

    0 votes
    2 answers

  14. Не выходит прилепить подвал к низу

    http://cssdeck.com/labs/full/qxxwbmr1 Проблема вот в чем, начал делать сайт без верстки в тупую лупить с картинки) Вот столкнулся с очердной проблемой ПОДВАЛ) Как этот подвал прибить к низу???

    Asked by xaoc90,

    0 votes
    5 answers

  15. Не выходит с text-decoration

    Добрый день, сразу извеняюсь если не там запостил тему, но держаться больше нет сил Никак немогу убрать подчёркивания в тексте, text-decoretion не помогает вот код... <div id="sidebarmenu"> <ul class="sidemenu" > <li><a href="programm.html" >Программа фестиваля</a></li> <li><a href="partners.html" >Партнёры</a></li> <li><a href="how get.html" >Как добраться?</a></li> <li><a href="uchastie.html" >Как подать заявку на участие?</a></li> <li><a href="news.html" >Новости</a></li> </ul> И вот css #sidebarmenu{ width: 269p…

    Asked by Buria,

    0 votes
    2 answers

  16. Не грузятся комментарии Вконтакте

    Здравствуйте! Подключил форму комментирования Disqus на своем блоге (free-pc.ru). Чуть выше блока Disqus у меня стоят комментарии Вконтакте. Так вот после установки Disqus, комментарии в контакте то грузятся, то не грузятся... Что ему не нравится?. Блог: free-pc.ru

    Asked by Марат,

    0 votes
    3 answers

  17. Не движется слайдер

    Добрый день прикрутил слайдер взял отсюда http://www.cowboy.odessa.ua/gallery/13/ есть доступ к хостингу этого сайта, вроде все подключил, картинки есть движений нет. Подскажите где может быть ошибка? как подправить, чтоб заработало! Спасибо. Это то что получилось http://selfmaker.biz/oleg/gallery_2.html Надеюсь, что поможете!!! Спасибо

    Asked by mrfrunze,

    0 votes
    18 answers

  18. Не держится ширина таблицы

    Вся проблема в том,что ячейка с шириной 802 сжимается.Мне нужно,чтобы она оставалась фиксированной,а боковые ячейки были резиновые в зависимости от ширины экрана.

    Asked by user,

    0 votes
    9 answers

  19. Не добавляются изображения

    На сайте есть формы для редактирования и добавления всякого, в том числе изображений. Во всех нормальных браузерах изображения нормально добавляются, а вот в ИЕ совсем не добавляются и даже в 8ом. Почему так может быть? Вот такой стандарт используется: <!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"> И вот так у форм: Начало формы: <form id="user_edit" action="В нужное место" enctype="multipart/form-data" method="post"> Поле для изображения: <input class="select_fb" type="file" name="img"/> Можете попробовать добавить изображение…

    Asked by 100kd,

    0 votes
    0 answers

  20. Не загружается картинка

    На сайте dev.doitlist.ru в левом углу должно стоять лого, но оно почему-то не загружается, несмотря на правильно выставленный путь. Пробовал ставить прямой путь-результат такой же. Почему такое происходит и как бороться? Я в смятении... Впервые столкнулся с такой проблемой. PS: Учу php пробую сделать простенький сервис. Если есть желание, поищите ошибки. Можете использовать логин demo@mail.ru/demo или в исходном коде страницы раскомментировать форму регистрации.

    Asked by Ge1i0N,

    0 votes
    2 answers

  21. Не загружается картинка

    В общем проблема вот в чем,сначала должна идти обводка а до линии должна быть шапка.Я её вставил,но она отображается поверх обводки. Я пробовал сначала разместить шапку, а затем обводку,но шапка не отображается вообще.А если сначала разместить обводку,а затем шапку, шапка отображается. Скрытый текст <div id="header"> <div id="obvodka"> <img src="img/obvodka.png"> </div> <div id="shapka"> <img src="img/shapka.png"> </div> …

    Asked by Hubble,

    0 votes
    4 answers

  22. не загружать изображения

    Есть скрытый div в нём текст и изображения, как сделать так чтоб изображения не грузились пока не сделать div видимым?

    Asked by VampiRUS,

    0 votes
    1 answer

  23. не задается высота в ячейке в IE

    <!-- левое меню 1 --> <TD width="180" height="10" vAlign=top nowrap bgcolor="#ffe6ff"> меню 1 </TD> <!-- конец левого меню 1--> <!-- основная часть--> <TD width="620" rowspan="4" vAlign=top align=center > <pre> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст …

    Asked by ster,

    0 votes
    6 answers

  24. Не задается размер в 100% Div'у

    HTML <div class="tr"> <div id="gradient1"></div> <div id="content">jlk df sfrvhjfukfrkfrykfrykkfrykfrykfykfjkfrykfryk </div> <div id="gradient2"></div> </div> CSS #gradient1{ width:150px; height:100%; background-image:URL(i/gradient1.jpg); background-repeat:repeat-y; float:left; } #content{ width:704px; height:100%; background-color:#53060e; float:left; } #gradient2{ width:149px; height:100%; background-image:URL(i/gradient2.jpg); background-repeat:repeat-y; float:left; } Это куски проблемного кода. При впечатывании текста в слой content, слои gradient1 и gradient2 не тянутся на height:100% по высоте родителя tr,…

    Asked by Cardinal,

    0 votes
    12 answers

  25. не задаются отступы

    Здравствуйте! В блочной верстке не могу задать отступы для текста в блоке... без педдингов вот как все выглядит: с заданием педдингов фоновое изображение почему-то смешается влево, а текст не меняется: вот код: #content { background: url('images/fon.gif') repeat-y; width:958px; height: 100%; margin:0 auto; padding:100px; Что не так? Помогите, пожалуйста!

    Asked by Zeeeya,

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