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://cardterapia.ru/step1 чтобы он всегда был в центре в независимости от размера экрана

    Asked by smirn0ff,

    0 votes
    9 answers

  2. Выровнять текст списка по вертикали

    Народ, не знаю как выровнять текст списка во вертикали и горизонтали. Надо сделать так мой код <div id="footer"> <ul id="footerDiv"> <li>2012 © ГУ “хххххххххххх ххххх ххххх хххххх”</li> <li>Наш адрес: ул. Хххххххххх, д 6 Контактные телефоны: ххх-хх-хх ххх-хх-хх</li> <li>Разработка сайта: ИП Пупкин В.А.</li> <li id="map">Карта сайта Прочие ссылки Etc etc etc etc etc etc И еще что-нибудь</li> </ul> </div> и #footer{ height: 116px; margin-left: auto; margin-right: auto; width: 1000px; } #footer ul { list-style: none outs…

    Asked by ProGirl,

    0 votes
    12 answers

  3. Выровнять форму по вертикали

    Надо форму поиска выровнять в слое заданной высоты. Как не мучаюсь не получается. html <div id="search"> <form> <input type="text" /> </form> </div> css #search { height:30px; border:#666666 1px solid; } #search input { display:inline; vertical-align:middle; } не равняется хоть ты тресни

    Asked by addicted,

    0 votes
    3 answers

  4. Выровнять фрейм как надо

    <body style="margin:0px;"> <center> Text1 </center> <center><p><iframe src="h_f_l.html" width="200" height="200" style="margin:50%;" ></iframe></p></center> <center> Text2 </center>Хочу сделать так, что бы фрейм постоянно был по центру страницы, оставался по центру стрницы и при растягивании или сжатии страницы, проблема в margin, если на 50% то он улетает куда то далеко вниз... <body> <iframe src="h_f_l.html" width="200" height="200" style="left:10%; top:10%; position:absolute; position:fixed; "></iframe> <iframe src="h_f_r.html" w…

    Asked by jestyman,

    0 votes
    2 answers

  5. Выровнять центральный блок между двумя блоками по центру

    Здравствуйте! Суть состоит вот в чем, в шапке есть 3 блока (по настоящему их - 5, ниже я нарисовал схему для понятности). Надо средний блок #conteiner, вместе с его содержимым, выровнять по центру, относительно двух крайних - #akciya и #order_form. Ну или на худой конец, хотя бы по центру шапки. Абсолютное позиционирование не подходит. При разных разрешениях монитора, крайние блоки уйдут в стороны, а средний останется на своей позиции. Думал уже воспользоваться табличной версткой, но, я так понимаю, что при табличной вестке можно забыть про обтекание элеменов (что бы при масштабировании окна браузера, элементы таблицы съезжали вниз). Скриншот для наглядности CS…

    Asked by px379,

    0 votes
    4 answers

  6. Выровнять элементы в строке

    http://jsfiddle.net/ogb7kbLw/ <!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title><STYLE>.button-master {border: 1px solid #000;padding: 2px; /* вопрос б *///float: left; /* вопрос в */} .button-slave {padding: 2px;background: #aaa;font-size: 13px;font-weight: bold;border: 1px dashed #fff;color: #fff;}.canvas {display: inline;} canvas {//position: absolute; /* вопрос г *///float: left;}</STYLE></head><body><HEADER></HEADER><SECTION><NAV></NAV><ARTICLE><span class="button-master"><span class="button-sla…

    Asked by BPOTHOCOK,

    0 votes
    0 answers

  7. Выровнять ячейки внутри таблицы

    Примерный код: <table border="1" width="100%"> <tbody> <tr> <td> <table cellspacing="0" cellpadding="0" border="1"> <tr> <td>Картинка</td> </tr> <tr> <td>txt</td> </tr> </table> </td> <td> <table cellspacing="0" cellpadding="0" border="1"> <tr> <td>Картинка</td> </tr> <tr> <td>txt</td> </tr> </table> </td> </tr> </tbody> </table> Надо выровнять ячейки внутри, при этом не фиксировав высоту и ширину ячеек. Голову ломал день) спасибо за помощь)

    Asked by F@!nT,

    0 votes
    15 answers

  8. Вырпавнивание текста в формах

    <form action="NEWDOC.php" method="POST" name="New"> <p><label>email: <input type="text" name="email" maxlength="35" id="email"/></label></p> <p><input type="submit" value="Отправить"/></p> </form> Как сделать чтобы email находился на одной линии с input'om а не по центру!?

    Asked by Zzz_,

    0 votes
    10 answers

  9. Выручайте едет резиновый шаблон

    Выручайте бьюсь уже 3-и дня не понимаю, что нужно дописать в css что бы меню с картинками не уезжало при изменении разращении окна браузера? бэграунд имедж задаю 100% и всё меню с картинками поехало. сайт http://babiole-shop.ru/

    Asked by Maks0n,

    0 votes
    7 answers

  10. Выручайте, проблема с overflow в Safari

    Не сильно я разбираюсь в верстке, по этому получилось так что при отсутствии полосы прокрутки - получается кака. overflow-y:scroll; - везде работает, а Софари игнорит. как мне быть?) чуваки, жесткий буров с моей стороны, всё работает нормально тему можно удалть

    Asked by Porkman,

    0 votes
    0 answers

  11. Выручайте! Совсем запутался с ссылками...

    Что то никак не соображу Проблема такая, с главной странице переходит по ссылкам в горизонтальном и вертикальном меню, а вот если зашел в какое-то меню, то в другое меню не заходит, только может на главную зайти.. Что то я в ступоре полном Вот код ХТМЛ <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Организации города Солнечногорск</title> <style type="text/css" media="all"> @import "style.css"; </style> </head> …

    Asked by vovan064,

    0 votes
    6 answers

  12. Вырывает элементы из потока

    Добрый вечер) Возникла такая проблема, вставляю в шаблон элемент для вывода постраничной навигации for ($i = 0; $i < mysql_num_rows($queryVideo); $i++) { $video = mysql_fetch_array($queryVideo); # HTML ###################################################################################### ?> <div class="videoWrapper"> <div class="videoCode"><?php echo $video['code']; ?></div> <div class="videoDesc"> <h2><?php echo $video['title']; ?></h2> <p class="desc"><?php echo $video['desc']; ?></p> </div> </div> <?php #############################################…

    Asked by Frolov,

    0 votes
    4 answers

  13. Высветление изображений в разных браузерах

    Всем привет! Я начинающй веб-разработчик и на днях столкнулся с такой проблемой: В общем заметил я что на моей страничке в разных браузерах изображения отображаются по разному, в одних затемняются, в других остаются оригинальными. Если есть решение через фильтры и т.д. (т.е. хаки) прошу, поделитесь пожалуйста!

    Asked by ShadyMind,

    0 votes
    0 answers

  14. высота

    Как сделать, чтобы блок растягивался на всю высоту обозреваемой области?

    Asked by ctpz,

    0 votes
    4 answers

  15. Высота <div>

    есть несколько страниц с разным объемом содержимого в div.content. ниже идет div.footer как закрепить высоту первого блока?

    Asked by ghrd,

    0 votes
    20 answers

  16. Высота <div>

    Всем привет!) есть у меня div с идентификатором #photo1. В нем плавающая картинка (чтоб текст обтекал). Я хочу, чтоб высота блока #photo1 была определена высотой всего содержимого, но там высота картинки почему-то не учитывается (может потому что плавающая) и получается, что высота определяется по высоте содержащегося в блоке текста. Почему я не хочу просто установить высоту(height)? Потому что при увеличении в браузере текст может выйти за пределы блока, ну вы наверное понимаете о чем я). Как можно это сделать не используя height? Вот ссылка. (png версия макета, скачать макет)

    Asked by Bava,

    0 votes
    2 answers

  17. высота <iframe> 100% не работает в mozilla

    Использую Wordpress и в режиме html вставляю яндекс карту через iframe ,в хроме карта растягивается как надо а в мозиле не работает как сделать чтобы iframe нормально работал и в мозиле использую это на сайте http://adrenalinemap.com/ <iframe src="http://adrenalinemap.com/wp-content/vivodpoints.html" width="100%" height="60%" scrolling="no"></iframe> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег DIV</title> <style type="text/css"> .block1 { width: 100%; background: #81b76d; background-image: url('http://adrenalinemap.com/wp-content/uploads/2011/05/FOOOOOOTER.jpg');…

    Asked by mkone112,

    0 votes
    2 answers

  18. высота <iframe> 100% не работает в mozilla

    Использую Wordpress и в режиме html вставляю яндекс карту через iframe ,в хроме карта растягивается как надо а в мозиле карта не растягивается и в самом начале отображается п»ї что это за не понятные символы и не понял в коде их точно нет! как сделать чтобы iframe нормально работал и в мозиле использую это на сайте http://adrenalinemap.com/ <iframe src="http://adrenalinemap.com/wp-content/vivodpoints.html" width="100%" height="60%" scrolling="no"></iframe> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег DIV</title> <style type="text/css"> .block1 { width: 100%; background: #81b76d; backg…

    Asked by mkone112,

    0 votes
    0 answers

  19. высота <li>

    #menu li { padding-top: 8px; padding-bottom: 9px; display: block; border-bottom: #c5c5c5 solid 1px; background: url(../img/menuico.gif) left no-repeat; } #menu a { padding-left: 18px; font: 11px Tahoma; color: #343434; text-decoration: none; text-align:center; letter-spacing: 1px; } #menu a:hover { color: #FAA619; } <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Задать вопрос</a></li> <li><a href="#">Поиск</a></li> <li><a href="#">Форум</a></li> </ul> </div> в разных браузерах высота …

    Asked by chus,

    0 votes
    5 answers

  20. Высота 100%

    Не совсем, может быть, уместно, но всё же мучаюсь этим вопросом уже второй день. Как только к делу не подходил. В общем, на баше есть следующая цитата: Собственно вопрос. В какой ситуации данное решение имеет место быть? Даже не представляю что это такое и как это можно верстать.

    Asked by Shugich,

    0 votes
    2 answers

  21. Высота 100% с отступами.

    Добрый день. Есть проблема, но не как не могу найти решение без использования js. Требуется див по центру экрана у которого высота 100% но при этом есть отступ. Соответственно при изменении окна браузера, должен тянуться див и не должен появляться вертикальный скролл. Собственно нынешний код (урезанный). <style> html, body { padding:0px; margin:0 auto; height:100%; width:100%; } #section { height:100%; } #content { height:100%; margin:20px; } </style> <div id="section"> <div id="content"> текст </div> </div> Как это должно выглядеть. P.S. Извиняюсь если подобная тема есть, но не нашел ее.

    Asked by sayber,

    0 votes
    11 answers

  22. Высота 3х колонок - 100% (проблема)

    Грубо говоря надо дивами получить то, что получится такими вот табличками: <html> <head> <style type="text/css"> html,body{ padding: 0; margin: 0; height: 100%; width: 100%; } </style> </head> <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" height="100%"> <tr> <td height="70" bgcolor="#FFFFCC"> </td> </tr> <tr> <td height="30" bgcolor="#FFFF99"> </td> </tr> <tr> <td valign="top"> <table width="100%" border="0" cellspac…

    Asked by Chin,

    0 votes
    17 answers

  23. Высота div

    Здравствуйте. Помогите, пожалуйста, решить такую проблему. Высота правого divа не растягивается под высоту рисунка в н?м. Т.е. если текст будет не слишком длинным, то рисунок вылезет за пределы divа, т.к. его высота divа зависит только от объ?ма текста. Как это можно исправить? <html> <head> <title>Document</title> <style type="text/css"> #menu{ float:left; background-color:#6699FF; width:100px; } #content { background: #e3e8cc; margin-left: 110px; } </style> </head> <body> <div id="menu"> Ссылка 1 Ссылка 2 Ссылка 3 Ссылка 4 </div> <div id="content"> <img src="images/1.jpg" align="left"> L…

    Asked by Sever87,

    0 votes
    8 answers

  24. Высота DIV

    Есть код: <!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"> <style type="text/css"> * {margin: 0; padding: 0;} html {height: 100%;} body {height:auto !important; height:100%; min-height:100%; background:#fff url('../Images/bg.jpg') repeat 0 0; min-width: 1000px; position: relative;} * html body {height:100%;} #content {width: 100%; overflow: hidden; } #outer1 {width: 100%; margin-left: -100%; float: right;} #outer2 {margin-left: 832px; min-he…

    Asked by 1nf,

    0 votes
    4 answers

  25. Высота div !!!

    Высота div Если задать выстоу div в 100%, то он получается в 100% от экрана браузера. У меня див лежит в табличке с отступами по 25px сверху и снизу и высотой с окно браузера. В результате див начинается сверху как надо, с 25px сверху, но снизу он выползает "мама не горюй!". Он вылезает вниз на 25px Что делать??? Если это дело таблицами верстать, как всю жизнь и приходится. Ибо див неуправляем по сравнению с таблицей, она понимает как надо встать, когда ей говорят высота 100%, она становится на 100% от возможного... в текущем. А див выходит за пределы БУДТО БЫ POSITION ABSOLUTE! Вот такие жуткие пироги. С этим делом я мирился до тех пор, пока не потребовалось быстро загр…

    Asked by kpp,

    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