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. Проблема с наслаивающейся вёрсткой div'a

    Схематичное изображение проблемы: изначальное состояние сайта: Далее я хочу вставить ещё один div поверх предыдущих( относительно diva в котором лежат div1 и div2 - чтобы в случае разных разрешений и боковых отступов мой div3 всегда был на одном месте) вот так: Код css для моего "div3": div#phone { position: relative; top: 307px; left: 796px; z-index: 4; height: 48px; width: 204px; background: url("images/phones1.jpg"); } в итоге получается вот такая фигня: Помогите плз как исправить проблему или как по другому засунуть рисунок не изменяя положения остальных элементов.

    Asked by radon,

    0 votes
    8 answers

  2. Проблема с наследованием

    Привет ВСЕМ! Делаю генератор форм ... Столкнулся с проблемой верстки: При добавлении полей в форму - блоку bg_image передается длина.Он должен быть аналогичен форме, он-же вылезает за пределы... В чем может быть проблема ? вот код: <div class="scene-editor"> <form class="sr-box" method="post" action="https://smartresponder.ru/subscribe.html" target="_blank" name="SR_form" style="z-index: 1;width: 354px; border: 2px solid rgb(188, 188, 188); margin: 0 auto; margin-top: 60px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; "> <div style="position: absolute; display: bloc…

    Asked by vyaceslav.kr,

    0 votes
    0 answers

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

    httpd.conf: Единожды! скрипт сработал без ощибок. Далее что то изменил и опять все слетело. Помогите пожалуйста.

    Asked by mistic1282,

    0 votes
    0 answers

  4. проблема с нестандартным шрифтом

    ни у кого не бывало такой ситуации? находишь нестандартный шрифт .ttf(открываешь его, видишь, что все символы отображаются нормально). прогоняешь его через генератор и встраиваешь на страницу. но в результате русские символы не отображаются заданным шрифтом(иногда только в ie, иногда и в остальных браузерах). в чем причина такой проблемы может быть, скажите пожалуйста бывает скачиваешь шрифт из разных источников и повторяешь описанную последовательность действий, но проблема остаётся. вообще нередко сталкиваюсь с такой ситуацией(в каждом третьем проекте примерно). может быть я не учитываю какую-то особенность работы с нестандартными шрифтами? прошу телепатической помощи, …

    Asked by cyklop77,

    0 votes
    7 answers

  5. Проблема с нестандартыми шрифтами.

    Всем привет!Столкнулся с проблемой подключения нестандартных шрифтов,решил её подключением sIFR,НО,в опере и лисе всё как и положенно заменяется,а в ИЕ 6,7(в 8 не тестил,нету под рукой),вообще ничего не работает.Так вот вопрос: так и должно быть или я что-то не так сделал? P.S. sIFR устанавливал для движка WordPress.

    Asked by Cabalist,

    0 votes
    3 answers

  6. Проблема с нижней полосой прокрутки

    Всем здрасьте. Решил сделать собственную карусель, с гейшами и нардами, в итоге родил вот такую небольшую кодовёрстку: <!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=windows-1251" /> <title>Фотон</title> <script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { $("div.children").each(function() { …

    Asked by sifilis,

    0 votes
    0 answers

  7. Проблема с новостями

    Набераю опыт в вертске скажит как поднять блок новости выше.вот картинка код и ксс <!DOCTYPE html> <html> <head> <title>My verst</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <!--Верх--> <!--Верхняя строка--> <div class="hd">Вы вошли как:<font color="#FF0000"> admin</font> </div> <!--Верхняя строка(end)--> <!--Шапка--> <div class="hds">&</div> <!--Шапка(end)--> <!--Нижняя строка--> <div class="hdz">&</div> <!--Нижняя строка(end)--> <!--Верх(end)--> <!--Левый блок--> <div align=…

    Asked by azarkin7,

    0 votes
    6 answers

  8. Проблема с нудным браузером IE 6

    Здравствуйте! Такая проблемма, верстаю каркас на div-ах, всё отлично во всех браузерах, кроме упрямого IE 6 не могу добиться чтобы контент в центральном div-e растягивался от верхнего div-а до нижнего и соответственно появлялась прокрутка. Подскажите как можно исправить такую проблему ведь height: auto отсутствует у IE 6, пробывал разные ухищрения, но без толку, вот код страницы, вставьте в центральный блок текст так чтобы появился скролл и увидите, что IE 6 никак не хочет правильно работать. <!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="te…

    Asked by POMAH,

    0 votes
    11 answers

  9. Проблема с областью ссылки

    Дорогие, форумчане! Помогите, пожалуйста! Прописываю следующий CSS-код: div.button { background-image: url(/design/Command1.jpg); background-repeat: no-repeat; border: none; padding: 0px 0px 30px 0px; background-position: center; } div.button:hover { background-image: url(/design/Command2.jpg); background-repeat: no-repeat; border: none; padding: 0px 0px 30px 0px; background-position: center; } Прописываю следующий HTML-код: <a rel="shadowbox;width=640;height=505;player=swf" title="Василий Шукшин - Калина Красная" href="http://video.google.com/googleplayer.swf?docid=-1336173211077011168&hl=ru&fs=true"><div class="button"></div></a> Вроде…

    Asked by RuSS,

    0 votes
    1 answer

  10. проблема с обрамленим input'a типа text

    проблема заключается в том, что не могу поменять бордеры у input'ов типа text... как видно на скрине (хоть и плохого качества), но видно что на кнопке бордера нет, а вот на текстовом поле есть оранжевое обрамление... не подскажете от чего это может быть... ибо такого цвета бордеры нигде в CSS таблицах не прописывал...

    Asked by AmsTaFF,

    0 votes
    6 answers

  11. Проблема с обтеканием div-а

    Помогите, не могу понять. Вот такой html: <body><div id="header">Header</div><div id="content"><div id = "cnt">Content asdfasdf </div><div id = "menudiv"><ul id="menu"><li><a href="">Home</a></li><li><a href="">Products</a></li><li><a href="">Clients</a></li><li><a href="">Contacts</a></li></ul></div></div></body> Вот такой css: #header {width: 800px;height: 150px;background: #ccc;margin: 0 auto 10px;border-radius: 5px;padding: 10px;}#content{position: relative;width: 800px;background: #ccc;height: 500…

    Asked by tav8383,

    0 votes
    4 answers

  12. Проблема с обтеканием изображения текстом

    Вот какая проблема. Имеется такой css-кусок. div.catItemImageBlock {padding:8px;margin:0 0 3px 0; float:left;} span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;float:left;} span.catItemImage img {border:1px solid #ccc;padding:8px;float:left;} В Mozilla обтекание работает прекрасно, а вот в IE 6 - не работает. Хоть тресни. Подскажите, как переделать этот фрагмент для оного браузера.

    Asked by Koriolan,

    0 votes
    9 answers

  13. Проблема с обтеканием кнопки

    Здравствуте!Я вот начал верстать макет и столкнулся с проблемой тут ссылочка на скрин вот мне нужно чтобы текст обтекал как на скрине я все остальное написал вид блока и тд так что прошу только помоч с кодом обтекания!Заранее спасибо)

    Asked by Unicode,

    0 votes
    13 answers

  14. Проблема с обходом формы клавишей TAB

    Добрый день! На сайте http://1litr.elitmaster.com/ есть форма авторизации в правом блоке. Если поставить курсор в поле "Логин" и нажать tab, фокус переносится на форму поиска в левом блоке сайта, а не на поле Пароль ниже. С чем это может быть связано и как решить данную проблему?

    Asked by alexandr87m,

    0 votes
    2 answers

  15. Проблема с объединением ячеек сложной таблицы

    Добрый день! Помогите решить проблему. При объединении ячеек, остается пустой <tr>, без <td> внутри него и из-за этого не происходит объединения правильно. Вот пример, нужно объеденить в ряде 2 - ячейку 1 и в ряде 3 - ячейку 1. Пример - https://jsfiddle.net/ra9n2tu6/

    Asked by TEL,

    0 votes
    5 answers

  16. Проблема с Оперой :)

    Короче, при подключении листа стилей извне, во всех браузерах, кроме оперы, все отлично отображается. В опере же, как будто не существует стилей вообще. Что делать?

    Asked by donkrat,

    0 votes
    2 answers

  17. проблема с Оперой!

    есть div {overflow:hidden;} в нём - длинная таблица table ... tr td - a href="#img1" /a - /td td - img id="img2" / - /td td - a href="#img3" /a - /td /tr ... /table и содержимое tr-/tr полностью занимает окно div'а, позволяя переключаться между картинками с помощью ссылок и якорей (такая вот галерея на одном сухом html). проблема: в Opera переключения, при overflow:hidden, не работают, а тут, как Вы понимаете, прокрутка категорически не нужна... что делать? код валидный, xhtml 1.0 strict и css 2.1, но не работает эта пижня только в Opera %( хотя, IE7 и 8 не проверял, но если в 6 работает, то и там должно, я думаю

    Asked by brainless,

    0 votes
    12 answers

  18. Проблема с Оперой.

    Опера не понимает правильно растояние между колонками есть такое: #leftside {float:left; width:16.4%;} #centerside {float:left; width:66.2%; margin-left:0.5%; margin-right:0.5%;} #rightside {float: right; width:16.4%;} Три блока между правым и центром в опере появляется расстояние больше чем 0.5% хотя в мозиле и IE все нормально. Может опера как то не так понимает Флот. Кто то может подсказать как сделать правильно?

    Asked by dr_pasha,

    0 votes
    2 answers

  19. проблема с ослом!

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" href="menu.css"> <script language="JavaScript"> function startMenu() { if (document.getElementById) { nav = document.getElementById('menu'); for (i=0; i<nav.childNodes.length; i++) { node = nav.childNodes[i]; if (node.nodeName == 'LI') { node.onmouseover = function() { this.className = 'over'; } node.onmouseout = function() { this.className = ''; } } } } } </script> </head> <body onLoad="startMenu()"> <ul id=menu> <li><a style="background-image: url(img/triang…

    Asked by Gorik,

    0 votes
    10 answers

  20. Проблема с отбивками и отступами

    Приветствую. Тема такая: <div style='padding:20px; width:300px; height:100px; border:1px solid #000;'> <div style='padding:10px; width:200px; height:70px; border:1px solid #000;'> </div> </div> В итоге: - Хром - Ослик - Тормозилла Wtf и как с этим бороться?

    Asked by Just,

    0 votes
    3 answers

  21. Проблема с отзывчивой таблицей

    Добрый день! Подскажите пожалуйста, как исправить ситуацию? Есть такая таблица, на мониторе смотрится отлично. Когда просматриваю на телефоне, то получается это! Таблица выезжает за край, хотя должно быть видно два столбика - это так называемая отзывчивая таблица! <!DOCTYPE html> <html> <head> <meta name="description" content="Демонстрация отзычивая таблица"> <meta name="keywords" content="пример, демо, отзычивая, таблица, CSS"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> </title> <style type="text/css…

    Asked by АлександрDog,

    0 votes
    5 answers

  22. Проблема с отображение блоков в EI7

    Вот есть такая структура. Когда в 1м блоке мало текста, то Div и span стоят в одну строку, когда много то span сдвигается вниз. Все работает норм, вот только в IE7 div зажимает span и он не падает ниже, а просто становится уже (так что в строку помещается одно слово) и растягивается в высоту. что можно сделать? <div style=" display: block; float: none; margin: 0 4px 10px 0; overflow: hidden;"> <div style="float:left; border: 1px solid">text text text text text text text text text text text text text text texttext text text text </div> <span style="float:right;border:1px solid">11</span> </div> white-space - не помогает при д…

    Asked by Graf.Vampir,

    0 votes
    1 answer

  23. Проблема с отображение нестандартного шрифта

    Доброго времени суток! Нестандартный шрифт отображается размыто в браузере Mozila firefox,но в других браузерах работает вполне адекватно,подключаю шрифты через font-face,файлы шрифтов также хранятся в отдельной папке на сайте...всегда раньше использовал этот прием..работало везде В chrome: В мозиле так: @font-face { font-family: 'ProximaNovaBold'; src: url('../fonts/ProximaNovaBold/ProximaNovaBold.eot'); src: local('☺'), url('../fonts/ProximaNovaBold/ProximaNovaBold.woff') format('woff'), url('../fonts/ProximaNovaBold/ProximaNovaBold.ttf') format('truetype'), url('../fonts/ProximaNovaBold/ProximaNovaBold.svg') format('svg'); font-weight: normal; …

    Asked by jetfire2014,

    0 votes
    2 answers

  24. Проблема с отображением

    Короч, делаю сайт, примерный макет разместил пока что на народе - http://osw67.narod.ru Проблемы: 1) В ie не отображается на главной маркера списка (и не только на главной, во всем документе). 2) В ie и огнелисе, например здесь - http://osw67.narod.ru/cost.html под копирайтами дохрена свободного места. Перебрал css, код - все вроде нормально. Причем в опере и сафари отображается корректно. Подскажите: что делать с маркерами списков и откуда появляется пустое место? И да, почему ie не обрабатывает <br>? Использовать другой доктайп и <br />?

    Asked by YaD,

    0 votes
    13 answers

  25. Проблема с отображением

    Добрый день. Возникла проблема на одном из сайтов, которые я администрирую. Заказчик жалуется, что на этой странице (http://blagodatchrista.org.ua/muz-archiv/156-videoclip.html) навигация по страницам выводится коряво. В опере отображается как надо.

    Asked by ctpz,

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