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. два fieldset-а рядом

    Располагаю рядом два fieldset-а <div id="content"> <fieldset> <legend>Покупка</legend> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> </fieldset> <fieldset> <legend>Продажа</legend> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один прод…

    Asked by alexlut,

    0 votes
    1 answer

  2. Разные <li> в одном div.. возможно?

    Здравствуйте! Встала передо мной такая проблема - навигационное меню объединено одним div'ом, а формирование ссылок списка хотел бы сделать по-разному (цвет, наведение, итд), т.е. даже не так в разнобой, а идет список [*] в , ul заканчивается и хочется следующий сделать другим [*], но параметры div'a не дают это сделать... есть ли выход из ситуации, кроме как объявления нового div'a? Спасибо (сложно написал, первый раз, думаю знающие поймут..))

    Asked by walaby,

    0 votes
    1 answer

  3. IE и абсолютное позиционирование по нижнему краю

    нужно выровнять элемент относительно нижнего края блока с нефиксированной высотой с FF проблем нет, а IE не выравнивает пока высота явна не задана. пример http://demo.oceanit.ru/karfm/index123.html У слоя 1 высота задана 60px, а у 2 и 3 определяется содержимым. Соответственно элемент "100" в IE выравнивается правильно, а "200" и "300" нет. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css" media="screen"><!-- #main {width:200px; background-color:#e0e0e0; padding:50px;} #box {height:200px; border: 1px solid white;} #box div {position:relative; border: 1p…

    Asked by smoke1,

    0 votes
    1 answer

  4. В коде блок выше чем в броузере

    Как сделать так что бы? <div id="down"><div> <div id="up"><div> Блок up показывался на down? Но в коде down ш?л выше

    Asked by boom.olezka,

    0 votes
    1 answer

  5. Курсор при наведении на картинку-ссылку

    Хочу сделать простую смену картинки при наведении на нее курсора мыши (код ниже). В IE6 при наведении курсора он так и остается указателем-стрелкой, в FF2 - принимает форму руки (как и полагается). Почему так происходит в IE и как это исправить, чтобы курсор явно говорил, что это картинка-ссылка? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Test</title> </head> <body> <a href="#"><div id="b1" style="width:144px; height:90px; display:block; background-image:url(pic/button1.png)…

    Asked by Online,

    0 votes
    1 answer

  6. Помогите разобраться с версткой

    http://efgen3.narod.ru/ Сталкнулся с такой проблемой, В Опере все нормально отображается, а в ИЕ. под горизонтальной менюшкой пустое место в один пиксель, незнаю как исправить проблему..(, помогите

    Asked by CoLorifiC,

    0 votes
    1 answer

  7. Как прописать в value " и '?

    Как создать, к примеру, кнопку Submit с надписью " 'submit' " на ней? Простое не помогает.

    Asked by nemecfc,

    0 votes
    1 answer

  8. Как сделать такой эфект?

    Понравился мне эфект на сайте. Как ни копал, не могу понять как он сделал http://prikol.i.ua/ При наведении на ник постившего, появляется слой в котором сначала происходит загрузка данных, а потом сведения о пользователе. Подтолкните в нужном направлении. Заранее спасибо. И можно ли в такой элемент форму вставить? =

    Asked by addicted,

    0 votes
    1 answer

  9. кнопка печати в html документах

    Здравствуйте, помогите создать кнопку печати на html-странице, чтобы был предусмотрен предварительный просмотр?

    Asked by надя,

    0 votes
    1 answer

  10. При увеличении масштаба не растягивается фон

    При увеличении масштаба не растягивается фон. Читала, что background-size, должен решить проблему, но не решает. Пробовала и со значением 100%, и значением cover. Пробовала и с префиксами. Синтаксических ошибок нет, я уверена, но оно не работает. При уменьшении масштаба он растягивается, а при увеличении нет. Структура html такая: <body> <header></header> <main></main> <footer> <container></container> </footer> </body> Мне нужно, чтобы у container была фиксированная ширина (задана в px), а фон, заданный в footer тянулся на всю ширину окна. Подскажите, что я делаю не так?

    Asked by Анна Лиходеева,

    0 votes
    1 answer

  11. стиль текста в таблице border не встает?

    Хочу сделать табличку, в которой будет текст, но он делается стандартным body'евским, даже заголовок не получается в css'e прописано (соответственно таблица и стиль заголовка h2): #sidebar { width: 210px; padding: 0px 0 0 15px; float: right; } .contacts { border: 2px solid #000; padding: 10px; } .contacts h2 { text-align: center; font-size: 16px; font-family: Arial; color: #000; font-weight: bold; } в самом файле сайдбара, куда это будет ставиться: <div id="sidebar" class="contacts"> <h2>Заголовок</h2></div> Можете подсказать, в чем тут дело?? Заранее благодарен!

    Asked by walaby,

    0 votes
    1 answer

  12. Заворот фона при резиновой верстки...

    Помогите решить проблему возникающую при уменьшении окна и смещениитекста и фонового рисунка вниз.. При полном окне http://img135.imageshack.us/img135/1176/01pz0.jpg При сжатом окне..http://img222.imageshack.us/img222/5181/02lc7.jpg <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Новый Документ</title> <style type="text/css"> .footer{ width: 100%; background-color: #9EBF76; background-image: url(bot-bg.gif); font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:…

    Asked by Serjinio,

    0 votes
    1 answer

  13. Проблемы с резиновой версткой в слоях

    asd asd

    Asked by Галина,

    0 votes
    1 answer

  14. Позиционирование дивов

    Есть такая проблема. Есть центральная часть страницы есть логотип (спозиционированый относительно центральной части) И есть куча пнг картинок в дивах (их много в центральный див они не влезают). причем позиционирование от центральной части расчитано что при разных разрешениях будет видно разное количество картинок. Т.е. при 1024х768 5, при 1280х1024 9, при большем больше. Так вот проблема в том что если позиционировать в правую сторону, то появляется скролинг. Пытался через overflow:hiden не помогает. Т.е. если назначать всему сайту этот параметр то скролинг упорно не хочет появляться, даже при усттановке overflow:visible внутреней части сайта. А если только дивам то скр…

    Asked by guvatara,

    0 votes
    1 answer

  15. Стандартные шрифты

    Не подскажите ли список шрифтов, которые можно безбоязненно использовать? Чтоб отображалось одинаково у всех пользователей во всех браузерах.

    Asked by DrSol,

    0 votes
    1 answer

  16. преобразование &quot у IE

    Требуется вывести на страницу параметры к пхп-скрипту, одним из которых является &quotes Опера реагирует адекватно, выводя "как есть", а вот эксплорер, видя &quot, резво стремится напакостить, преобразовав в кавычку.. Думаю это должно фикситься тегом/стилем, но не нашел вообще ничего о_О

    Asked by DarkAdept,

    0 votes
    1 answer

  17. Перекрытие ссылок в ie

    Этот IE скоро с ума сведет меня.... Не хотят работать ссылки в HTML: <div id="header"> <!-- <a href="/" title="Перейти на главную" style="float:left"> <img src="/st-img/logo.png" alt="Перейти на главную" /> </a>--> <h1 style="float: left"> Урология <span class="gray"> | Лучшие урологические клиники Москвы </span> </h1> <div class="menu"> <!-- Список категорий тем статей--> <div class="navHead"> <a href="http://uromax.ru/category/NETRADITSIONNAYA-UROLOGIYA/">Нетрадиционная урология</a> | <a href="http://uromax.ru/category/PROSTATIT/">простатит</a> | <a …

    Asked by the_ghost,

    0 votes
    1 answer

  18. img:hover ?

    Есть такой вопрос. Можно ли делать так img:hover. Что нужно пременить что бы при наведение вылезала 2имг сразу говорю нужно именно в рисунках

    Asked by musulman,

    0 votes
    1 answer

  19. Оптимизация меню

    <style> * { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; } #menudiv { padding-right: 8px; height:17px; border-top: solid 3px #ef3e35; background: #eaeaea; } .menu { width: 100px; margin-left: 1px; float:right; background: #ef3e35; font-size: 11px; color: #fff; text-decoration:none; text-align:center; display: block; } .menu i { display: block; border:#eaeaea 4px solid; border-top-color:#ef3e35; border-bottom-width:0; } .menu:hover { background-color:#007fc3; color: #fff; } .menu:hover i { border-top-color:#007fc3; } </style> <div id="menudiv"> <a href="news.htm" class="menu" onMouseOut="documen…

    Asked by chus,

    0 votes
    1 answer

  20. проблемы с ие

    Помогите люди добрые . Вот проблема в ие глюк, ну думаю сами увидете. а так не понемаю в чем проблема... И еще не кто не знает, как можно будет поставить фон с учетом закруленых углов

    Asked by musulman,

    0 votes
    1 answer

  21. Нужна помощь в создании сайта!

    Скромнай просьба. Я только начел создовать сайт, и вообще заниматься сайтостроительством. Поетому я в этой теме буду задавать вопросы,а вы плиз помогите ответом.(ТИпа FAQ)! Вопрос ?1 У меня проблема, друг сделал дизайн главной страницы и написал чтото на инглише, так вот, гогда я пишу на русском то вот что получаеться : &񕵟&񖇐礮弢r> . &񕬞䰮&񗊕宮. Что делать?

    Asked by Sy,

    0 votes
    1 answer

  22. import в медиазапросе

    Добрый день. Подскажите пожалуйста почему вложенный в медиазапрос импорт не работает и можно ли его заставить работать? @media screen and (min-width:360px) and (max-width:399px){ body{ width:360px; } header{ display:none; } @import url("preview300.css"); .note,.comment_block{ width:340px; } } По идее это нужно что бы не писать одно и то же по нескольку раз. Конечно можно использовать переменные: :root{ --preview300:; --preview350:; } Но это еще более мутно и вроде как широко не поддерживается на данный момент.

    Asked by Ubhra,

    0 votes
    1 answer

  23. Проблемы с картой

    Всем привет!!! Создал карту с помощью map, на ней распологаются объекты, при наведении на объект выходит подсказка (картинка с надписью). Это все нормально работает, но почему то карта сдвигается вниз при появлении подсказки. Вот код <style> #rep {visibility:hidden; display:inline; position:relative; top:635px; left:699px; border:1px solid red; background:url("i/img_podsk.jpg") left top no-repeat;} </style> <map name="Map"> <area shape="poly" coords="690,676,585,621,624,567,714,602,714,666,704,678" href="#" onMouseOver="repl('rep');" onmouseOut="div_setTime('rep');"> </map> <td colspan="4" style="vertical-align:top;"> <div …

    Asked by spyder,

    0 votes
    1 answer

  24. Проблема с отображением шрифтов при использовании Smarty

    Я нарезал страницу - во всех браузерах отображается нормально Потом с помощью смарти сфоримровал эту же страницу и залил на сервер. Все шрифты выросли раза в 3.(font-size) Почему так происходит. Стили все грузятся кроме шрифтов? Файл стилей я вставил в {literal}{/literal} Как лечить, помогите!

    Asked by Nicca,

    0 votes
    1 answer

  25. как залить контент в сверстанный дизайн

    Здравствуйте, у меня такая проблема нужно срочно выложить сайт, есть дизайн -верстка в html в дивах, я не пойму ,как туда залить контент, то есть у меня есть сайт, который подвергся дизайну на php, там просто есть главная, остальные страницы туда генерируются вот так: <td width=87%> <?php Error_Reporting(E_ALL & ~E_NOTICE); $req_1="1.php"; $req_2="2.php"; ... if ($req == 'link1'): include($req_1); elseif ($req == 'link2'): include($req_2); elseif ($req == 'link3'): include($req_3); ... else: include($req_2); endif; ?> </td> В новом дизайне такая ситуация: справа меню, слева меню, в середине должен располагаться контент, а в странице дизайна т…

    Asked by energy!,

    0 votes
    1 answer

  • Обсуждения

    • 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