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. mailto не работает

    Здравствуйте, подскажите сверстал html письмо тегом map возникла проблема в браузере opera, лиса (на yandex работает, а на gmail нет) в письме не работает mailto (то есть не активная кнопка) в the bat все работает! Подскажите как решить.

    Asked by Rubik,

    0 votes
    1 answer

  2. Manifest cashe HTML5

    Добрый день, кто разобрался в автономном режиме работы сайтов - подскажите. Если есть перечень страниц, указанных в разделе CACHE файла manifest, то они постоянно будут браться из кэша или только тогда, когда нет соединения?

    Asked by webmos,

    0 votes
    0 answers

  3. Map area в ячейке таблицы

    Столкнулся с невероятной трудностью: нужно сделать каноничным отображение участков рисунка в ячейке таблицы ссылками код, с которым корячусь: <tr> <td colspan="6"> <img src="headtop.bmp" width="100%" usemap="#karta1"> <map name="karta1"> <area href="link.html" coords="210, 224, 413, 315"> </map> </td> </tr> проблема в чем: участок для ссылки при наведении курсора не отображает вовсе, хотя картинка имеет размеры 1500 на 320. Как понимаю, при том, что моя картинка растягивается на весь экран в таблице, а расширение монитора 1024 на 768 - то и параметры точек для map area меняются (хотя по сути странно и нелепо). Это я к том…

    Asked by laird,

    0 votes
    1 answer

  4. map и area

    Недавно поручили администрирование сайта, сайт вроде делали профессионалы, но сколько их не просили исправить ошибку, так все и осталось... Проблема в следующем: на сайте навигация представляет собой карту-изображене. В opera и FF все отображается корректно, но в IE ссылки куда-то уезжают и находятся совсем не в том месте, где должны быть. Вот код: <div id="flash"></div> <script type="text/javascript"> var so = new SWFObject("assets/flash/flash2.swf", "flash", "527", "256", "9", "#FFFFFF"); so.addParam("wmode", "transparent"); so.write("flash"); </script> <div style="position:absolute;left:0px;top:0px;text-align:center;z-index:3;width:100%;"&g…

    Asked by zeff,

    0 votes
    4 answers

  5. map и position

    имеем изображение (img), карту к ней (map) и слой (div), который это все перекрывает <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <style> div{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; } img { position:relative; z-index:1; } </style> </head> <body> <div></div> <img src="http://img0.liveinternet.ru/images/attach/b/3/14/8/14008201_hm4_1_30_0_big.jpg" width="450px" height="450px" usemap="#map" /> <map name="map" id="map"> <area href="#" shape="poly" coords="50,50,400,50,400,400,50,400" title="hover" /> </map> </body> </html&g…

    Asked by jurassik,

    0 votes
    5 answers

  6. map-карта. Нестыковка в разных браузерах.

    Здравствуйте, у меня проблема. Создала сайт в Блокноте, в HTML. В Mozilla FireFox все ссылки на мар-карте (ссылки как части картинки) открываются, а как только открываю эти же страницы в Opera или IE - курсор даже не реагирует. Подскажите, как быть?... Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>ОДО "ЮнилайнПроект" - Интерьеры</title> </head> <body> <body bgcolor="#CC9966"> <TABLE WIDTH="100%" HEIGHT="100%"> <TR> <TD ALIGN="center" VALIGN="middle"> <img src="interjer.jpg" usemap="karta1" &gt…

    Asked by Carra,

    0 votes
    2 answers

  7. MapEdit интерактивная карта

    Делаю интерактивную модель человека. Все очень просто,нажимаешь на руку-открывается страницы с рукой. Но вот проблема,я сделал что при нажатии картинка увеличивается,если сделать для этой картинки интерактивность,то js отключается.Как исправить? может есть другой способ? Не очень нравится MapEdit . Посоветуйте что-нибудь)

    Asked by BeetleJuice541,

    0 votes
    0 answers

  8. Maps Google на сайте

    Здравствуйте! Подскажите, пожалуйста, как подключить карту гугла на сайт? Как загрузить в карту данные? Пробую, но выходит ошибка что-то с "c:" либо страна указана не правильно.. Может кто-то настраивал?

    Asked by banyman,

    0 votes
    1 answer

  9. margin

    Хочу запихнуть таблицу в центр экрана, прочитал что это делается примерно так: <head> <title>Новый Документ</title> </head> <body> <style type="text/css"> table {margin:0 auto;} </style> <table width="50" border="1" align="center"> <tr> <td> </td> </tr> </table> </body> </html> но, у меня не работает, подскажите плиз где я ошибся.

    Asked by sneg06,

    0 votes
    5 answers

  10. margin

    Эти варианты правильные? margin: 50px 20% 20px 20%; margin-top: 50px; margin-left: 50px; margin-bottom: 20px;

    Asked by Ururu,

    0 votes
    2 answers

  11. margin

    Есть часть кода <td align="center"><input type="submit" value="Кнопка"></td> который работает. Но я хочу чтобы align задавался в моём css файле с помочью идентификатора. В html файле примерно так <td><input id="td22" type="submit" value="Кнопка"></td> Как правильно написать код в css файле? Этот код не работает: #td22 { margin: 0 auto; }

    Asked by kenu,

    0 votes
    5 answers

  12. Margin

    Добрый вечер, у меня вопрос по поводу margin как я понимаю это отступ от границы текущего элемента до внутренней границы его родительского элемента, мне абсолютно непонятно почему, если вложить один блок в другой и дочернему выставить отступ, то отступ будет не от родителя а от границы предыдущего элемента, но если же родителя выставить border или же overflow то отступ уже будет от родителя. что это за мистика такая? живой пример: http://jsfiddle.net/fG6ZQ/

    Asked by WoW-rotfl,

    0 votes
    2 answers

  13. margin - padding в таблице

    Хочу получить нумерованный список в ячейке таблицы и установить отступ от границы ячейки до цифр 10px. Вообще не врубаюсь в логику IE 6, Mozilla, Dreamweaver 8 и как они соответстыуют рекомендации http://www.w3.org/TR/REC-CSS2/box.html. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style title="text/css"> ol{ /*margin-left: 10px;*/ /*Непонятно... в IE 6 цифры не входят в блок ol и заходят на границу ячейки Как считает Mozilla 2.0.0.4 тоже не понятно*/ padding-left: 10px; /*IE 6, Mozilla, Dreamweaver 8 - у всех поразному ...*/ border: 1px solid #00FF66;} li{ …

    Asked by jump,

    0 votes
    7 answers

  14. Margin (padding) для img

    Добрый вечер. Подскажите пожалуйста, вот такая схема: <ul> <li><span><img /><a></a></span><li> ... <ul> Почему если применять к img или a - margin или padding - смещаются оба элемента и img и a?

    Asked by Arinden,

    0 votes
    7 answers

  15. margin 0 auto

    Почему разработчики придумали значение auto а не center????

    Asked by DivMan,

    0 votes
    3 answers

  16. Margin inside div and responsive height

    Здравствуйте уважаемые форумчане. Есть такой пример кода https://jsfiddle.net/wodgtsdd/ Вопрос 1: Как сделать чтобы div class="content-wrapper" растягивался по высоте документа (т.е. доставал до нижнего края документа)? Сейчас он растягивается по высоте содержимого в нем контента. Я предполагаю что это можно сделать с помощью js типа получить высоту документа, получить координаты и высоту блока content-wrapper, и вычесть из высоты документа координату левого верхнего угла + высоту блока, а затем сложить полученную величину с высотой блока. Но можно ли это сделать с помощью css? Почему то мне кажется что с помощью css было бы правильнее. Вопрос 2: Почему пар…

    Asked by den4ik_,

    0 votes
    2 answers

  17. margin в %

    Всем привет! проблема в отсутсвии отсупов сверху для дочернего блока (ие6 только норм) #left{width:60%;height:200px;} #child{width:40%;height:100px; margin:25%} <div id="left"> <div id="child"></div> </div> и еще один вопрос—как выровнять дочерний резиновый блок внутри резинового блока по центру без использоания text-align:center для родака???

    Asked by dostel1,

    0 votes
    2 answers

  18. margin в %

    Здравствуйте. Я что-то потерялась и не пойму, почему задав margin в % блок с меню перекидывает последний пункт на новую строку. В примере сейчас в px, поставьте в % и оно съедет. Что не так? http://kattiperk.github.io/mps/index.html

    Asked by kattiperk,

    0 votes
    10 answers

  19. margin в mozilla не работает

    Вывожу новость в div, внутри этого div выводится div с рисунком. Вот этот див с рисунком имеет class=picture: div.picture{ float: left; width: 90px; margin: 6px; } Я так понимаю, что margin: 6px означает, что со всех чторон отступ от других элементов должен быть как минимум 6px, в ie и opera все так и работает, а вот в мозиле вложенный div вылазит из родительского. Добавлял в стиль родительского div'a padding-bottom, так вот этот отступ работает от вставленного текста, т.е. на вложенный div он внимания не обращает, подскажите как с этим бороться? Пример: www.xepb.ru/~roma/news.php там можно зайти в галерею там это очень четко видно. и текст наползает на див. Зараннее …

    Asked by losaped,

    0 votes
    2 answers

  20. Margin внутреннего блока не отталкивается от отцовского

    Подскажите п-ста по каким причинам блок делает отступ с помощью margin не от внутренней стенки своего родителя а от наружного элемента? (как показано на рисунке) Т.е. не так как указано здесь изображение

    Asked by Pumych,

    0 votes
    1 answer

  21. margin для текста(как называется?)

    В блоке находится текст который необходимо сдвинуть на 7px вниз(а то он прямо под потолком блока). Маргин обычный юзать нельзя так как отступ сверху действует на весь блок,а блок должен оставатся нерушимым.Пробовал гуглить,нашел text-indent,но отступы делаются только горизонтальные или на тег <p> который я использовать небуду так как остальные елементы с этим тегом поддадутся влиянию,а мне на 7пикс. нужно отодвинуть только эту строку. В общем цель такая:нужно что бы отступ текста сверху был 7пикс.(внутри блока). Код: <div class="update"> Последнее обновление: 02 Февраля 2013. </div>css: .update{ background:url("img/update.jpg"); height:35px; …

    Asked by pudge,

    0 votes
    5 answers

  22. margin и border

    День добрый. Подскажите, пожалуйста, почему если убрать бордер у #content, то бокс совпадает по высоте с .toolbar ??? А возвращаешь бордер и становится все нормально. <?xml version="1.0" encoding="UTF-8"?> <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>TODO supply a title</title> <style> body { background: #eff6fc; font…

    Asked by icp,

    0 votes
    2 answers

  23. Margin И Padding

    Дорогие друзья, добрый день! Я не могу разобраться в чем разница между margin'ом и padding'ом. Я конечно понимаю, вопрос глупый. Сам если использую, то, только копипастом. Я понимаю, что padding расширяет весь элемент, а margin - не элемент (как то так) Это можно увидет, если задать фоновый рисунок, или цвет. Но в принципе что лучше использовать, ведь отступ так и так есть. Хотелось бы услышать вашего ответа. Спасибо.

    Asked by Igorpurgen,

    0 votes
    8 answers

  24. margin не работает в ie

    Во всех браузерах отображается отлично, кроме всеми любимого ie, перерыл нет,но что то решения не нашел, но может и плохо искал. Помогите плиз сверстать шапку .сайта, что бы работало в ie. Для наглядного примера даю ссылку и код. Я только учусь, так что строго не судите. Сайт делаю для себя. http://perestroyka.at.ua/ У меня буквы съезжают в ie в право. <table width="900px" border="0" align="center"> <tr> <td> <div style="margin:20px 0 0 50px; float:left;"><img src="img/t2g.png" /></div> <div style="float:right; margin:30px 50px 0 0;color:#4e4e4e;">строительная газета выпуск № 1</div> <div style="margin:50px 50px 0 …

    Asked by cpstriker,

    0 votes
    3 answers

  25. margin неправильно работает

    Есть 3 блока каждый со стилем .socbutton{ padding: 0 0 0 24px; height: 24px; margin: 3px 0; border: 1px solid #DEDFE0; background-color: #DEDFE0; font-size: 13px; cursor: pointer; color: #444; } и по идеи сверху и снизу блока должен быть отступ в 3 пикселя, что и доказывает хром но на самом деле это не так Что делать и как исправить без margin: 6px 0 0 0; и подобного?

    Asked by T@NKIST,

    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