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. Проблема в Safari (mac os)

    Уже день мучаюсь, мозг себе сломал но так и не понял почему такое происходит. Есть сайт http://nt-work3.bl.ee/ там если покрутить страницу вниз - появляется клон верхнего меню и прикрепляется сверху. Где то посередине сайта есть горизонтальный слайдер с прокруткой мыши. Во всех браузерах все работает нормально, где то без анимации, где то с анимацией, не суть. Суть в том, что в Safari если наводить мышью на пункт Новинки (в клонированном меню) то не показывается выпадающее меню. До тех пор пока не покрутишь мышью слайдер.. Как только покрутил и меню открывается.. Меню клонирую кодом $(document).ready(function () { $(".heading-wrapper").before($(".heading-wrapper")…

    Asked by Нарек,

    0 votes
    2 answers

  2. Проблема в авторизации php

    Проблема с авторизацией, я так понял, что я не правильно пишу запрос $query = mysqli_query($con, "SELECT * FROM users WHERE login='$e_login'") Фул php код: if(isset($_POST["submit"])){ $username = $_POST['username']; $login = $_POST['login']; $password1 = $_POST['password1']; $password2 = $_POST['password2']; $email = $_POST['email']; if ($password1 == $password2){ $password1 = md5($password1); // $query = mysqli_query($con, "SELECT ('',$username,$login,$password1,$email,'') FROM users ORDER BY id"); $query = mysqli_query($con, "INSERT INTO users VALUES ('','$username','$login','$password1','$email','')"); if ($quer…

    Asked by purple/ocean,

    0 votes
    1 answer

  3. Проблема в адаптивной верстке

    Подскажите пожалуйста в чем может быть проблема! Макеты уже проверстаны и везде все нормально отображается(браузеры и мобильные устройства) кроме одной проблемы. Почему то на Iphone 4 и Galaxy SII и иногда ipad 2 не загружается малая часть картинок. Бывает что со второго загруза страницы подряд, все загрузится. На странице мало графики и должно за раз загружаться. В чем может быть проблема? Везде работает а вот пару картинок на айфоне и самсунге подгрузить, неподгружается. Спасибо большое!

    Asked by teremok,

    0 votes
    2 answers

  4. Проблема в адаптивной верстке

    Здравствуйте, я новичок в сайтостроении и у меня возникла одна проблема при адаптации страницы, она состоит в том ,что в max-width ,при заданной ширине, не хочет работать изменение отступов (padding и margin), хотя flex-direction: column; работает. Жуткое ощущение глупой ошибки ,которую не могу найти. Заранее спасибо за помощь. Ниже HTML и CSS код: <header> <div class="header"> <div class="wrap"> <div class="logo header_left"> <a href="#"> <img src="images/logo.png" alt="Логотип"> </a> …

    Asked by Masya,

    0 votes
    0 answers

  5. проблема в блочном элементе как ссылке

    Есть блок ссылка, всё работает, но ни как не удаётся поместить текст ссылки в правый нижний угол. <html> <head> <meta charset="utf-8"> <title>блок-ссылка</title> <style> #projects { width: 300px; height: 200px; background: #0f0; } #projects a { display: block; text-decoration:none; text-align: right; height: 100%; color: #666; } #projects a:hover { background: #00f; } </style> </head> <body> <div id="projects"> <a href="1.html">текст ссылки</a> </div> </body> </html>

    Asked by skv_stels,

    0 votes
    1 answer

  6. Проблема в браузене Сафари

    <!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" /> <title>Untitled Document</title> <style type="text/css"> #nav_ct { float:left; height:33px; width:920px; } #content_all { overflow:hidden; padding:20px 0; width:100%; } .center { height:100%; margin:auto; width:936px; } </style> </head> <body> <div class="center"> <div id="nav_ct"> Navigation </div> </div> <div id="content_all"> …

    Asked by Mal4ishnik,

    0 votes
    11 answers

  7. Проблема в браузерной стратежке

    Начал писать онлайн браузерную игрушку - стратежку. Графика 2.5D . Для каждой DIV отвечающую за 1 ячейку прописана к примеру: .item0_0{ position:absolute; left:368px; top:0px; z-index:0; } В каждом такой DIV имееться DIV отвечающий за рисунок к примеру: .tile1{ background-image:url(../images/town/tile1.png); position:relative; left:0px; top:-16px; width:93px; height:64px; }} Соотвествено вся карта выглядит в виде блоков примерно так: <div class="item0_0"> <a href="?action=event&x=0&y=0"> <div class="tile0"> </div> </a> </div> какие есть идеи реализации ссылок? Т.е. чтобы если шелкнули по зданию переходило им…

    Asked by ZyManch,

    0 votes
    4 answers

  8. Проблема в вёрстке

    Доброго времени суток коллеги! Проблема заключается в следующем. Именно в браузере опера, при заходе на две ссылки, main div в котором расположен весь контент сайта, падает пикселей на 50 по вертикале. Не могу понять в чём проблема ибо сайт полностью адаптирован под PHP и всё, везде одинаково, но именно на двух страницах у прилагаемого ниже сайта проблема такая существует. http://81.200.23.210/project ссылки - "Девушки" и "Юноши".

    Asked by oscora,

    0 votes
    10 answers

  9. Проблема в верстке меню

    Всем доброго времени суток! Смотрите, проблема вот в чем. Есть меню, вертикальный аккордеон, несколько уровней. Все хорошо работает, но только вот есть проблема в css. Проблема в том, что открытые серые <li>(те, что светлее) по высоте больше, чем надо. И главное, что в коде пэддинг стоит только для верха и левой стороны этого <li>, но почему-то он и вниз растягивается, что и не очень выглядит, потому что сами эти <li> больше главных лишэк. Вот css: .topnav { background: #d3d3d3; width: 268px; padding:0; list-style:none; } .topnav ul{ padding: 0; margin: 0; font-size: 1em; line-height: 0.5em; list-style: none; } .topnav li { width:268px; list-style: no…

    Asked by dartwlad,

    0 votes
    3 answers

  10. Проблема в верстке, не вмещается меню и поиск

    Сверстал сайт, но 1 проблема Если размер окна браузера неочень большой то поиск невлезает и сползает вниз и невлезает все меню. Как это исправить помогите плз? http://mir-animasiya.ru/

    Asked by vova1212,

    0 votes
    1 answer

  11. Проблема в верстке, при уменьшении размера браузера

    Здравствуйте, вот пример моей проблемы http://arm.zz.mu/ При уменьшении размера окна меньше чем 1200 пикселя, с права появляется полоса. Я знаю в чем проблема. Проблема в том что есть класс "width", из-за которого все это получается. может кто подскажет решение данной проблемы... https://pp.vk.me/c424420/v424420357/94a5/fjA8J-ZA_eg.jpg

    Asked by gameviktor,

    0 votes
    2 answers

  12. Проблема в верстки карточки товара

    Добрый день. Есть карточка товара. Подскажите как ее сверстать ее, так что бы когда изображение отсутсвует часть с описанием сдвигалась влево. на данный момент у меня сверствано float и картинке задана ширина если ее нету то ширина = 0 и соответствено описание сдвигается влево, но тут возникает проблема когда описание больше по высоте чем картинка то текст попадать под картинку , таковы уж правила работы float Верстать не нужно подскажите в каком направлении двигатся, может ссылку а то у меня ни чего не получилось найти

    Asked by chiffenok,

    0 votes
    9 answers

  13. Проблема в верстки с footer( Первая верстка).

    Решил узучить Html. Начал свою первую вертску и у меня возникла проблема с footer. Проблема в том что у меня у меня как-о не рабоет margin и мне приходить ставить большие числа(px), чтобы опустить элемент вниз. Также у меня почему-то footer вылазиет поверх фото, хотя должен быть внизу их ТУТ. Помогите. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Burning man</title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Anton&family=Open+Sans&display=swa…

    Asked by Stomi,

    0 votes
    1 answer

  14. Проблема в вставки картинки в html коде

    Ребята, я попробовал скачать исходники(картинки) для сайта чтобы потренироваться в html css верстке. Скачал, картинки были в папке img(по дефолту), а когда пытаюсь вставить эту картинку на html страницу выдает значок, что мол этой картинки нет(ну вы поняли какой значок) и рядом пишет что было указано в alt="" пишу эти команды, все перепробовал <img src="./img/logo.png" alt="logo"> <img src="img/logo.png" alt="logo"> <img src="../img/logo.png" alt="logo"> ". Использовал Notepad++ Visual Studio Code Sublime везде один и тот же результат, если нужно будет скину весь html код( прошу заметить, что если я копирую в браузере(копировать URL КАРТИНКИ) все вста…

    Asked by xxxxx,

    0 votes
    1 answer

  15. Проблема в заводском шаблоне

    Есть сайт: http://lit-book.ru Там стандартный шаблон, выбирал именно его, чтобы не было ошибок в css и html ... Нооо... проверял через cвалидатор, всё равно ошибки есть Помогите исправить пожалуйста

    Asked by ArseniyP,

    0 votes
    0 answers

  16. Проблема в загрузке страницы

    Добрый вечер, помогите разобраться. Есть сайт easy-diplom.ru вверху находится модуль карусели. При открытии главной страницы сайт грузиться абсолютно нормально. Но при переходе в раздел доставка или любой другой, модуль карусели падает вниз и страница грузиться очень долго. Помогите исправить проблему

    Asked by n1zee,

    0 votes
    1 answer

  17. Проблема в ИЕ с первым дивом

    Проблема с отображением пачки дивов, идущих друг за другом, имеющие идентичный код. Проблема только с первым... и только в ИЕ! .messages { min-height: 100%; margin-left:214px; margin-right:10px; _margin-right:7px; _margin-left: 8px; background-color:#C1EEC7; padding:3px; } .letter { background-color: #F9FDFA; height:24px; margin-left: 5px; margin-right: 5px; margin-top:1px; position:relative; overflow: hidden; } <div class="messages"> <div class="letter"> <table width="100%"> <tr> <td align="center" class="chckbox"><input type="checkbox"/></td> <td class="name">Вася Пупкин</td> <td class="sub…

    Asked by Narlie,

    0 votes
    1 answer

  18. проблема в ИЕ7 с флоатами

    Добрый день. Есть два блока: <div style="float: right; margin-bottom: 20px; text-align: center; width: 50%;"> <div style="margin-right: 10px; min-width: 400px; float: left;"> В ИЕ 7-ом второй блок опускается вниз. Как исправить? Спасибо.

    Asked by Cubka,

    0 votes
    2 answers

  19. Проблема в ИЕ8 и выравнивание :after

    Как надо http://divhack.com/d...s/study/3/html/ Как получается у меня(смотреть только на вернюю часть, остальное пока наброски) http://troshka.hut4.ru/ 1)Можно как-нибудь сделать чтобы мои уголки в меню центрировались ровно по середине относительно слов? Под пунктом FAQ так вообще криво выглядит. 2) В ИЕ 8 стили для меню вообще похоже игнорирует, как исправить? 3) Большую картинку под меню возможно выполнить через стили(белое свечение на фоне текста) и стоит ли вообще таким заниматься ли оставить просто картинку?

    Asked by ВикторТрошка,

    0 votes
    4 answers

  20. Проблема в картинке или в браузере

    вот такую штуку наблюдаю в ие оверлей идет пнг картинкой на сам блок стоит эффект квери .fadeIn везде нормально обрабатывается в ие вначале такое потом появляется прозрачность может трабла в самом пнг его както по хитрому сохранять? помню в CS2 пнг не корректно отображались в IE браузере надо было хакать pngcrushgamma

    Asked by WalkMan,

    0 votes
    3 answers

  21. Проблема в кириллице подключаемых шрифтов

    Проблема c кириллицой, семейство helvetica cyrillic condensed, белка не справилась, какой костыль придумать?

    Asked by soltx,

    0 votes
    4 answers

  22. Проблема в кроссбраузерности сайта. Нужно решение

    Здравствуйте! Надеюсь на этом форуме найду помощь.. У меня два вопроса. 1. В прикрепленном фото поймете о чем я. В общем в firefox'e отображается как нужно сайт, но в остальных браузерах съезжают немного блоки влево, тем самым нарушая внешний вид. Просидел весь день и не смог понять так как в кроссбраузерности не очень понимаю, а точнее каким браузерам не подходят какие настройки... взгляните на "бесплатную доставку" под кофтой в Firefox и во остальных браузерах - разница огромная. В общем фото прилагается и вот адрес сайта, сразу на то место где эта проблема: http://www.cotton-lu.../aimee-me-green 2. В ie8 пропала вертикальная затенённая окантовка сайта. в общем беда с к…

    Asked by mors,

    0 votes
    1 answer

  23. Проблема в меню

    Здравствуйте, прошу вас помощи. Мне один человек сделал шаблон, но кое-что, видимо, не учёл. <a href="/" class="a_box"><div class="linkbox"> Главная страница</div></a> код ссылки в меню div.linkbox {width: 182px;padding: 0px;padding-top: 4px;padding-bottom: 4px;border-top: 1px solid #3C3C3C;border-bottom: 1px solid #171717;text-align:left;font-size: 8pt;} div.linkbox:hover {width: 182px;padding: 0px;padding-top: 4px;padding-bottom: 4px;border-top: 1px solid #3C3C3C;border-bottom: 1px solid #171717;background: url("../img/block/linkbox_hover.png");background-repeat: repeat-y;text-align:center;} .boxfoot {padding: 0px;width:212px;height:15px;backgr…

    Asked by neyronpro,

    0 votes
    3 answers

  24. Проблема в микроразметке

    Вот проблемный код: <figure itemscope itemprop="image" itemtype="http://schema.org/ImageObject"> <picture> <img itemprop="url contentUrl" src="http://nebo.top/data/_index-block/bg-index.jpg" srcset="http://nebo.top/data/_index-block/bg-index.jpg" alt="небо" title="небо"> </picture> <meta itemprop="width" content="100"> <meta itemprop="height" content="100"> </figure> Яндекс вебмастер выдаёт ошибку по всем картинкам в таком виде и не индексирует их: Валидатор выдаёт вот такое сообщение по этому коду: Помогите пожалуйста разобраться в чём тут проблема.

    Asked by alleclf,

    0 votes
    2 answers

  25. проблема в опере

    исчез курсор в последней опере в текстовых полях таких как input[type=text] и textarea, текст при этом печатается и показывается. в мозилле все нормально пробовал css стилями менять по разному - не помогло, весь прикол также в том что во время загрузки все нормально, как только сайт до конца загрузится - появляется эта проблема. код приводить для примера думаю нет смысла но если надо могу часть <input type="text" style="color:#444" size="40" name="user" id="autor" value=""/> помогите если кто сталкивался с такой бедой.

    Asked by sympler,

    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