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. Как сделать изображение в адресной строке(слева)?

    Как сделать изображение в адресной строке(слева)?

    Asked by nik2008,

    0 votes
    5 answers

  2. Загрузка определ?нного CSS файла, в зависимости от браузера

    Доброго времени суток! Пытался на форуме найти тему - не смог (а вроде где-то видел решение). В общем задача сделать так, чтобы в зависимости от того, каким браузером будет просматриваться сайт, грузилась свой файл CSS. style-ie.css style-ff.css style-opera.css Такое вообще реально реализовать или у меня ложная память, что я видел решение этой задачи?

    Asked by Boron,

    0 votes
    7 answers

  3. хотелось бы узнать о новых технолгиях в сайтосроении?

    Кто-нибудьзнаето новых тенденциях в сайтостроении?

    Asked by nik2008,

    0 votes
    9 answers

  4. расстояние между строками

    формирую страницу во фронтпейдже. печатаю текст, а между строками слишком большой расстояние. изменил стиль body на line-height: 100%. теперь расстояние между строками в пределах абзаца нужное, а между разными абзацами - по-прежнему большое. что делать? сделал границы margin-top: 0% нулевыми в стиле body - ноль результата. вот если задать границы в каждом абзаце, то линии выравниваются. но этого много лишних буков.

    Asked by Rilo,

    0 votes
    7 answers

  5. font size в заголовках

    применяю относительный размер шрифта в стиле заголовка, а получаются очень маленькие буквы даже если добавить +7 к тому же нет ясности, к какому числу прибавляются условные единицы в заголовках h1-h...

    Asked by Rilo,

    0 votes
    3 answers

  6. Изменение свойства DIV при наведении мыши и IE

    Есть вертикальное выпадающее меню (см. код ниже). 1) Как сделать так, чтобы при наведении мыши на пункт у него менялся цвет фона по всей длине и этот пункт был бы ссылкой. В FF и O работает, а в IE6 не совсем - цвет меняется только при наведении на текст. 2) Реализация этого меню в IE6 (в старших не проверял) выдает панель о небезопасном содержимом. Можно ли изменить это меню так, чтобы все работало (желательно валидно) и эта панель не появлялась? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Документация</title> <meta http-equiv="Content-Type" content="text/htm…

    Asked by Online,

    0 votes
    9 answers

  7. Как правильно использовать хаки

    Привет всем помогите разобраться как использовать хаки для борьбы против кроссбраузерного отображения, а точнее как их правильно прописывать для Mozilla Firefox у меня вот какая проблема расстояние от одной (ячейки) до другой смотреться нормально в Opere и Explorer вс? одинакова, а вот в Firefox не как не получается чтобы расстояние между палями было, как я хотел margin-left:3px; margin-top:5px; margin-right:3px; В Firefox у меня в с? это смотрится нормально как я хотел, толка когда прописано margin-left:7px; margin-top:5px; margin-right:7px; а в Opere и Explorer вс? с езжает подскажите пожалуйста что делать. Я читал, что есть специальный хаки для браузеров так вот воп…

    Asked by СSS,

    0 votes
    3 answers

  8. как обычно IE6 против Mozilla и Opera

    Страница нормально отображается в мазилле и опере , а в ие6 блок с выбором курса сползают куда-то вправо. С чем это связано? Не ругайте слишком сильно, я не волшебник я только учусь. Mozilla Opera IE6 Код 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" /> <title>Курсы</title> <link href="select curs.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .style1 {color: #003366} --> </style> </hea…

    Asked by savushka,

    0 votes
    3 answers

  9. Отступы в ие6 от блочных элементов

    Почему в ие6 появляются отступы, что стоит ли див в таблице или рядом с другим дивом. В фф и опере все нормально. вот простой пример: <div id="line"> <div class="til"></div> <div class="til2"></div> </div> #line { position:absolute; top:280px; width:100%; } .til { background:url(images/korp/titld.gif) repeat-x; width:172px; height:2px; margin-left:20px; _margin-left:10px; float:left; } .til2 { background:url(images/korp/titld.gif) repeat-x; width:172px; height:2px; margin-right:20px; _margin-right:10px; float:right; } Увидеть эти отступы можно добавив в конец каждого класса строчку border:1px solid black;

    Asked by BRK,

    0 votes
    3 answers

  10. Одинаковая высота блоков 2/1

    Добрый день. Застрял на такой схеме: Нужно чтобы высота блока "3" определялась относительно блока "4" и всегда заканчивалась одинаково с ним. Все блоки должны быть слоями Может кто сталкивался с таким уже?

    Asked by Rhema,

    0 votes
    5 answers

  11. проблема с отступами у IMG в TD в IE

    уважаемые пользователи форума, помогите плз решить проблему : скрипт выводит следующий код: <table border="0" cellpadding="2" cellspacing="2" id="t_block"> <tr> <td rowspan="2" valign="top"> <a target="_blank'' href=" ... "> <img src=" ... " style="border: none !important;" class="t_img" align="left" width="50" height="50" /> </a> </td> <td> ... неважно1 ... </td> <tr><td> ... неважно2 ... </td></tr> ... </table> скрипт я никак изменить не могу, оформление могу регулировать с помощью CSS #t_block td { padding: 0px; } img.t_img { padding: 0px 10px 20px 0px; } т.е. я хочу, чтобы у картин…

    Asked by capone,

    0 votes
    4 answers

  12. Подпись у картинки шириной с картинку

    Здравствуйте, есть код: <style> div.illustr { float:left; background-color:#f0f0f0; } div.illustr p { text-align:center; } </style> <p>Подрисуночная подпись ? текст, являющийся названием рисунка или описанием изображения.</p> <div class="illustr"> <img src="http://imgl.yandex.net/i/www/logo.png"> <p>Подпись Подпись Подпись Подпись Подпись Подпись Подпись Подпись</p> </div> <p>Подпись хоть и называется подрисуночной, но может располагаться не только под рисунком.</p> Размер изображения всегда разный и неизвестен. Реально-ли сверстать так, что-бы подпись переносилась при достижении края изображения? То…

    Asked by crond,

    0 votes
    0 answers

  13. свойство height, IE и ширина блока..

    Приветствую, уважаемые! Не могли бы вы просвятить меня, неразумного, каким образом IE считает ширину ДИВа? И каким образом ширина у него зависит от высоты? почему в этом случае, если не указывать высоту, вс? отображается правильно: <div style="display:block; position:absolute; left:200px; top:400px; border:1px solid black; width:auto;"> <div style="display:block; line-height:15px; vertical-align:middle; width:auto;"> #111 </div> <div style="display:block; line-height:15px; vertical-align:middle; width:auto;"> #222 </div> </div> а в этом, строчки растягиваются: <div style="display:block; position:absolute; left:200px; top:200…

    Asked by institoris,

    0 votes
    7 answers

  14. Помогите реализовать на css

    Доброго времени суток. Помогите реализовать следующую задачу: Необходимо сделать на css чтоб при наведении на пункт меню, например О КОМПАНИИ, он плавно подсвечивался определенныи прозрачным фоном или определенной картинкой. Причем,к примерму 5 пунктов меню и должно быть 5 разных подсветов или 5 разных путей к картинкам... Это для jooml'ы, если может кто то видел примерный шаблон, тоже буду очень рад! Жду вашей помощи, очень! Спасибо!

    Asked by sanyo,

    0 votes
    1 answer

  15. IE-6

    Приветствую. У меня IE-6 не отображает картинку: h1 { background-image: url(images/lef_t.jpg); background-repeat: no-repeat; background-position: 100% 100%; } body, html { margin:0; padding:0; background-color:#eff7d5; background-image: url(images/bac.jpg); background-position: 50% 0%; color:#000; } body { min-width:768px; } h1, h2 { font-family: Arial,Helvetica,Verdana, sans-serif; } #wrap { position: relative; background-color: #F5Ffd9; background-image:url(images/list.jpg); margin:0 auto; width:768px; border: 2px solid #ADD222; margin-top: 1px; } #masthead { border-bottom: 1px solid #8a2; } #masthead { background-color: #EFA; background-image: url(…

    Asked by Lobo,

    0 votes
    16 answers

  16. в IE и FF исходный текст (код html) открывается в новом маленьком...

    в IE и FF исходный текст (код html) открывается в новом маленьком окне, а в Опере на всю страницу. Можно ли настроить чтобы в Опере открывались в маленьком окне? как в IE и FF

    Asked by Давид,

    0 votes
    2 answers

  17. Нужна помощь с div в ие6

    Добрый день. Подскажите плз в чем проблема. Простой код во всех броузерах кроме ие работает отлично: <html> <head> <title>Div test</title> <style> body { margin: 0; text-align: center; } .container { width: 982px; margin: 5px auto; } .subcontainer { border: 1px solid black; float: left; width: 980px; } .header { background-color: red; height: 30px; margin-bottom: 5px; } .item { border: 1px solid blue; display: inline; float: left; height: 135px; width: 180px; margin: 0 7px 5px 7px; } </style> </head> <body> <div class="container"> <div class="subcontainer"> <div class="header"&…

    Asked by lebeden,

    0 votes
    2 answers

  18. Фон блока в Firefox

    Вот есть код, но в Firefox фон второго блока не отображается. Если их поменять местами, все ок. В IE6 фон всегда отображается. Как это исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div style="height:50px; background:#CCCCCC; border:1px solid"></div> <div style="height:28px; background:url('fone.gif') left top repeat-x fixed; border:1px solid;"></div> </body> </html>

    Asked by Online,

    0 votes
    11 answers

  19. Как прописать права файлам-папкам? (чисто ламерский вопрос)

    У мене стоит денвер. Уперся я в тупик - как прописать права файлам и папкам? P.s. Да, Я - ламер! но это временное явление, я росту на глазах!)

    Asked by Light_82,

    0 votes
    16 answers

  20. Перестали работать <a> при float=right

    Добрый день. Вот такая трабла возникла. Макет состоит из двух столбцов. Нужно, чтобы технически правый столбец реально в коде шел первым. Сделал его с float=right. После этого в опере и ФФ перестали работать ссылки, расположенные в этом блоке. Тоесть не нажимаются. Страничка находится здесь http://tour.topotels.com/gallery.html Класс правого столбца .content { text-align:left; float:right; width:600px; position:relative; display:inline; margin:0px; padding:0px; padding-right:25px; }

    Asked by MageMerlin,

    0 votes
    2 answers

  21. Выравнивание блочных элементов.

    Вот ресурсик мой: www.eds.gkng.ru. Проблема в чем. Вот есть там сейчас в области контента несколько элементов в виде фиолетовой карты. Надо его выровнять по центру. Самое инетересное, что текст выравнивается, а блок нет. Но это еще не все. Самое жесткое, что таких блоков может быть быть несколько (много даже). Я их всех прилепляю флоатом, как можете видеть. Т.е. в зависимости от разрешения монитора у юзера в строку будет влеплено столько блочков, сколько помещается, остальные все перенесены на след строку. И вся эта конструкция должна быть выровнена по центру. - вот с этим то и загвоздка. Если есть у кого мысли на эту тему, помогите. Заранее спасибо Да. Там только нарабо…

    Asked by shamahn,

    0 votes
    2 answers

  22. phpmyadmin не хочет включатся

    почему -то phpmyadmin не включатся , пишет проверьте пароль и имя(все сходится, но он всеравно не включается). Подскажите в чем может быть проблема?

    Asked by JENYTAVR,

    0 votes
    11 answers

  23. Тень блока без background: url

    Создание теней для блоков всегда происходит с помощю изображений. А кто знает как избежать использования какой-либо графики для решения этой задачи? Итак: <html> <style><!-- ... --></style> <body> <div class="blockwithshadow"></div> </body> </html>

    Asked by mamay,

    0 votes
    15 answers

  24. Выравливание по нижнему краю body

    Доброе время суток, уважаемые гуру. Подскажите пожалуйста мне, неучу, как выполнить выравнивание по нижнему краю ? Да ещ? так, чтобы при добавлении контента, предшествующая информация сдвигалась вверх, и скроллинг не появлялся. Спасибо.

    Asked by mp3frog,

    0 votes
    2 answers

  25. Переливание картинки

    Извините,если пишу не в тот раздел,подходящего не наш?л. Здравствуйте,а напишите пожалуйста ПРЯМ ПО НОТКАМ,как мне в Фотошопе( У меня Русская Версия) сделать так,чтобы картинка переливалась: Например из ч?рного в светлоч?рный,из красного в т?мно-красный и т.д Вообще мне надо сделать фон на сайте,тока чтобы было красиво,я хочу.чтобы он переливался)))

    Asked by psywalker,

    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