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. Не могу разобрать с горизонтальным меню

    Здравствуйте, помогите пожалуйста разобраться с горизонтальным меню Есть горизонтальное меню: Главная Новости Контакты Обратная связь хотелось бы вставить вертикальный разделитель вот так: Главная | Новости | Контакты | Обратная связь мой ксс имеет вид #test-menu li{ background: url(../images/vline.gif) 100% 0 repeat-y ; display: inline-block; font-size:11px; padding: 0 10px 0 10px; } но он отображает меню в таком виде (ставит черту в конце): Главная | Новости | Контакты | Обратная связь | можно как книбудь избавиться от этой черты с помощью ксс???

    Asked by gyper,

    0 votes
    5 answers

  2. не могу разобраться

    урок 2 http://www.sdelaysite.com/javascript/javascript-video-2 <HTML> <HEAD> <TITLE>this</TITLE> <script type="text/javascript"> ... this.value = ''; </SCRIPT> </head> <BODY> <input type="text" value ="введите email" onClick="..." id="mail"> </BODY> </HTML> что тут надо, чтобы заработало, пожалуйста подскажите и еще один пример не могу разобраться http://htmlbook.ru/samlayout/verstka-na-html5/vnutrennyaya-stranitsa здесь в примере Блок"интересная информация" показано как делается тень я так и недоделала тень в макете "муж на час" <html> <head> <style> .interest { background: #…

    Asked by olga153b,

    0 votes
    9 answers

  3. Не могу разобраться

    Всем привет, к сожалению не могу понять что случилось, вставил движок jqwerry на этот раздел, но он почему то не работает на серве, на локальном работает, на сервере есть ещё разделы где есть jqwerry и там все работает, что делать? http://www.vs-aqua.ru/chudo.html

    Asked by ZFJoury,

    0 votes
    4 answers

  4. Не могу разобраться почему div'ы съезжают...

    Добрый день. Небольшая вводная. Разрабатываю сайт на платформе Sharepoint. Решил внедрить дизайн. Расположение блоков можно посмотреть здесь (эту задачу сделал). Sharepoint предполагает, что можно редактировать страницу. Когда я перехожу в режим редактирования, то я хочу видеть следующее, а вижу это. Исходные коды можно глянуть здесь. Там много мусора, который генерится Sharepoint. Большинство ненужных строк я убрал, чтобы было проще анализировать. Верстаю div'ами. Исходный код разметки вот: <div id="s4-workspace"> <div id="s4-bodyContainer"> <div id="wrapper"><!--begin wrapper--> <wssuc:DesignModeConsole id="IdDesignModeConsole" runat="…

    Asked by ShurikEv,

    0 votes
    2 answers

  5. Не могу разобраться с "условием"

    Здравствуйте! Есть код, которые генерирует на сайте каталог. Хотелось бы выделить названия отдельных позиций(в коде {{collection.title}}) каталога жирным шрифтом. Значение этих отдельных позиций известны. Возник вариант решения - прописать условие, если {{collection.title}}="заданному значению"(или {{collection.title}} содержит заданное значение), то <b></b>, иначе оставить без изменений. Не смог найти примеров решения такого вопроса. Помогите пожалуйста! html <li class="category-top"><span class="top-span"><a href="{{collection.url}}" class="category-top"><span class="{% if collection.current? %}category-subs-parent-selected{% else %}cate…

    Asked by kostun,

    0 votes
    2 answers

  6. Не могу разобраться с <div class="...">

    вот мой код html <!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=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css"> <title>Анкета</title> </head> <body> <div><div class="block1">11</div></div> <div></div> <div></div> </body> </html> и вот код сss body { background-image: url(images/back.jpg); } div { width: 100%; } .block1 { width: 80%; …

    Asked by Glamik,

    0 votes
    1 answer

  7. Не могу разобраться с Bootstrap компонентом

    Всем привет! Кто нибудь шарит в Bootstrap 5? Я изучаю его и не работает компонент toast(не отображается), хотя я код прямо с оф сайта копирую.

    Asked by Dexader,

    0 votes
    1 answer

  8. Не могу разобраться с CSS шаблона

    Добрый день. Хотел бы спросить знающих как сделать чтобы получить такую структуру дивов. Нужно чтобы info-head был в самом верху. Элементы внутри этого дива позиционированы относительно. На info-head нужно наложить со смещением вверх main body. Фон main-body должен растягиваться по высоте относительно дочерних элементов. А сразу после Main-body должен идти footer Должно выглядеть вот так: Вот код index.php с дивами: и css:

    Asked by DenisV,

    0 votes
    1 answer

  9. не могу разобраться с div

    Подскажите,где я не прав - есть div(main),в котором находятся еще 2 div,и все хорошо,пока вставляешь текст во второй блок,тогда второй блок просто выезжает за границы основного блока.Вот пример: html <body> <main> <main_content></main_content> <second_content></second_content> </main> </body> css main { border: 3px solid #000000; width: 960px; min-height:600px; margin: 0px auto; display: block; } main_content{ background-color: #00FF00; width: 650px; min-height:600px; float:left; } second_content{ background-color: #8B0000; width: 300px; min-height:600px; float:right; } понимаю,что вопрос …

    Asked by dummy,

    0 votes
    13 answers

  10. Не могу разобраться с divами. Нужна помощь!

    Здравствуйте. Извените что так со старта с такими вопросами, но нужен совет. При создании сайта столкнулся с такой проблемой: Есть div обновляемый при нажатии на кнопки без перезагрузки всей страницы. В нём таблица с картинками. К каждой картинке привязан toolTip с описанием. На главной всё путём, а после перехода на 2-ю страницу diva, границы toolTipа остаются в его пределах. При наведении на крайние картинки половины подсказки невидно. Не пойму в чем дело((( Вот код: <div id="okno"> - окно которое обновляется <table> <tr> <td> <CENTER><a href="#">Элизиум</a></CENTER> <CENTER><a href="#" class="tooltip" title=…

    Asked by mat,

    0 votes
    1 answer

  11. не могу разобраться с margin

    Всем привет. Помогите пожалуйста. Использую margin для того что бы установить отступы от основного дива, но почему-то он рвет структуру. Смещает слой на 5px вниз!!! уже и clean:both в стили ставил. Ему все пофиг!!! Мне говорили что даже лучше верстать таблицами. не все браузеры нормально отображают CSS

    Asked by kent666,

    0 votes
    8 answers

  12. Не могу разобраться с z-index.

    Добрый день форумчане. Помогите решить проблему с z-index, до меня не доходит.. http://jsfiddle.net/7f8Eq/ собственно хочу что-бы синий блок был поверх черного (вместо цвета фона, использую картинки, и хочу что-бы вторая картинка была поверх первой на определённую часть, к примеру на 50px. спасибо

    Asked by EaGames,

    0 votes
    2 answers

  13. Не могу разобраться с меню построенным на теге div

    Ну в общем нужно, чтобы меню было как-бы сверху всего(чтобы колонки были над текстом а не под ним) и выдвигающиеся колонки справа при наведении, я сколько делал ничего не выходило. Спасибо за помощь заранее. Вот код html: <html><head><title></title><link rel="stylesheet" type="text/css" href="tablica3.css"></head><body class="telo"><div class="header"></div><div class="menu"><a href="index.html" class="a"><font class="cvet2">Главная</font></a></div><div class="wrapper"><div class="item1_norm" onmouseover="this.className='item1_hover';" onmouseout="this.className='item1_nor…

    Asked by Prosto_roam,

    0 votes
    0 answers

  14. Не могу разобраться с навигацией

    Здравствуйте, уважаемые форумчане. Есть задача: сверстать горизонтальную навигацию. По умолчанию ссылки показываются просто текстом, с этим я справился. А при наведении на их фоне появляется квадрат с закругленными углами. Причем этот квадрат будет оставаться на активной странице. Ну то есть, пока мы на главной он будет, как только переходим на страницу "Авторы", он появляется там. Надеюсь понятно. Не подскажете как реализовать?

    Asked by karim1717,

    0 votes
    13 answers

  15. Не могу разобраться...

    Вот стили: #niceloginform div.loginformtop { width:100%; background:url(../images/pasportbgzag.gif) #5D5B5E repeat-x bottom left; margin:0; padding:0; } #niceloginform div.loginformtop div.loginformleft { float:left; font:11px Verdana; color:#FFFFFF; padding:6px; } #niceloginform div.loginformtop div.loginformright { float:right; padding:6px; } #niceloginform { position: absolute; width: 332px; left: 50%; margin-left:-170px; top: 50%; margin-top:-150px; text-align:left; background:url(../images/login.jpg) right center no-repeat #FFFFFF; display: none; z-index: 99; } #screen { position: absolute; top: 0; left: 0; right: 0; width: 100%; hei…

    Asked by Mr.Smith,

    0 votes
    15 answers

  16. Не могу разобраться...

    Всем привет! Верстаю страничку с css. Столкнулся с такой проблемой, не отображается картинка в браузере если вставить через css, вот код .zone_top{ height:94px; position:absolute; top:0px; } .zone_top_left{ width:12px; height: 99px; left:0px; background:url(img/elements-1.png) repeat-x 0px -395px; } Это на странице <div class="zone_top zone_top_left"></div> Если вставлять через <img/> то все работает <div class="zone_top zone_top_left"><img src="img/elements-1.png"></div> Где ошибка???? Заранее благодарю!!!

    Asked by ganswild,

    0 votes
    5 answers

  17. Не могу растянуть DIV так как надо *(

    Попробую объяснить, есть такое меню: кусок кода: #styleone{ position:absolute; top:80px; left:300px; display:inline; height:24px; width:100%;(500px - если вставить растягивающися контейнер после) overflow: hidden; font-size:11px; font-weight:bold; background:transparent url(images/bgOFF.gif) repeat-x top left; font-family:Arial,Verdana,Helvitica,sans-serif; z-index: 1;} я покачто сделал (временно) вставил контейнер с фиксированным позиционированием #toomenu { position:fixed; top:80px; left:800px; background:url(images/bgOFF.gif); height:24px; width:100%;} , но может скажите другое решение?

    Asked by Ganstaz,

    0 votes
    16 answers

  18. не могу растянуть среднюю колонку в IE

    Сайт сверстан таблицей из трех колонок. Крайние колонки ограничены шириной 160 пикселей, а средняя должна растягиваться на оставшуюся ширину экрана. Т.е. сайт должен быть резиновым. И везде это работает, но только не в IE. Если я задаю ширину любой ячейки в средней колонке = 100% - то таблица уходит за пределы экрана. Если не задаю - сжимается до одиноковой ширины с крайними колонками. Если вкладываю в нее (в любую ячейку в средней колонке) таблицу с шириной 100% - все равно не помогает. Вот код: <table width='100%' border='0' cellpadding='0' cellspacing='0'> <tr> <td width='160'> текст </td> <td> <table width='100%' cellpadding='0' cells…

    Asked by begin,

    0 votes
    5 answers

  19. Не могу растянуть элемент

    Парни подскажите, как растянуть изображение по ширине страницы в зависимости о экрана. .small { height: 14px; background-image:url(images/small.gif); background-repeat:no-repeat; background-position: center; background-color: #fff; background-margin-top: 10px; } Обычное repeat-x не подходит, т.к. изображение линия имеет вид |_________________________| Надо как-то растянуть от середины в стороны

    Asked by DenS,

    0 votes
    3 answers

  20. не могу растянуть ячейку

    подскажите ка растянуть ячейку есть таблица

    Asked by boot,

    0 votes
    8 answers

  21. Не могу расшифровать документ txt

    Доброго времени суток. Нужна помощь, не могу расшифровать данный текст в формате txt: <html><head><meta http-equiv="expires" content="0"><meta http-equiv="imagetoolbar" content="no"><title>Лабораторная работа №1. Упр. 5</title></head><!-- var h="yNc5\"iE&!J%OWv дhjtgь0<=)d;цfM1ЯuwD:3xlSB-pseUrn|kД.2z/qa4>mboIT(?",j="",d=66,o="";function u(i){var e="",m,z,b,r;for(m=0;m<i.length;m++){z=i.charAt(m);b=h.indexOf(z);if(b>-1){r=((b+1)%d-1);if(r<=0){r+=d}e+=h.charAt(r-1)}else{e+=z}}j+=e}u("=e5nEsgдS4|ьw4ьU)i%4 4B5nEsgiдgNsU)igUlgqt4 4e5nEsgim=Jpp\r\nMw|5gEI|дtД?d{4SUng?w|Ue54sU?i(jEeдMw|5gEI|дEeд|Igд4 4ES4oSU2iddцnU…

    Asked by Alex001,

    0 votes
    1 answer

  22. Не могу реализовать данное меню

    Друзья встал такой вопрос с реализацией 2ух меню, между которыми находится лого. Менюшки то расходятся, то лого куда то съезжает. Кто может подсказать путь решения данной проблемы? Вот что необходимо получить: Ширина 1410px. Прилагаю свои способы: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <div class="container"> <nav> <ul class="menu menu_left"> <li> <a href="#">Павильон №1</a> </li> <li> …

    Asked by rinatoff,

    0 votes
    8 answers

  23. Не могу решить задачу с div

    Задача заключается в том что есть основной контент он расположен по центру с статической шириной(колонной в общем) и вот нужно прилепить к этой колонке div c лева, смотрите рисунок

    Asked by cmig,

    0 votes
    10 answers

  24. Не могу решить проблему. с версткой

    Доброго времени суток господа верстальщики! Вот решил сверстать макетик.. Так вроде все норм, ну почти все) А внизу вагон пустого места. Подскажите что не так, заранее спасибо откликнувшимся!

    Asked by DasBit,

    0 votes
    2 answers

  25. Не могу сверстать блок

    Вот как выглядит блок вот его код <table style="text-align: left; width:217;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td colspan="2" style="background: url(3.png) no-repeat; width:157; height: 57px; padding-left: 20px; font: bold 25px Arial, sans-serif;">TITLE</td> <td style="background: url(2.png) no-repeat; width:65; height: 57px;"><img style="padding-top: 3px; padding-left: 3px;" src="1.png" border="0"></td> </tr> <tr> <td style="background: url(5.png) repeat-y; width:2px;"></td> <td style=" padding: 0px 0px 0px 4px;">CONTENT</td> <td style="…

    Asked by ВэйДлин,

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