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. Верстка под OperaMini

    сайт zareadka.ru емулятор оперы мини http://www.opera.com/mobile/demo/ показывает ужос. что не так с версткой?

    Asked by sympler,

    0 votes
    10 answers

  2. Проблема с шириной DIV элементов в IE и FF

    Здравствуйте. Наткнулся на такую проблему. Есть следующий код для страницы <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Audit Log</title> <style type="text/css"> html {font-family: arial; font-size: 9pt} table {font-size: 9pt;} h1,h2,h3 {font-style: bold} div.container {display: inline-block; border: 2px solid black; padding: 4px;margin-bottom: 32px;background-color: #f6f6f6} h1 {font-size: 14pt;margin: 4px 0px 4px 0px}h2 {font-size: 12pt;margin: 12px 6px 6px 26px} h3 {margin: 0px 4px 4px 4px;font-size: 10pt;font-style: italic} table.itemHeader td {border: 1px solid black;padding: 2px 4px 2px 4…

    Asked by VladislavLysov,

    0 votes
    5 answers

  3. ширина макета

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

    Asked by maxsnw,

    0 votes
    5 answers

  4. inline-block vs float

    Не мало раз видел советы использовать inline-block вместо float (к примеру, для каталога товаров). Но почему? Вот, например, есть у меня такая страничка, там каталог с товарами. Следовать друг за другом приказал с помощью float: left, и всё нормально. Способ же с inline-block подразумевает также ещё сброс font-size и line-height для ликвидирования отступов.

    Asked by monsterr,

    0 votes
    12 answers

  5. Логотип

    Доброго времени суток. Помогите пожалуйста. Не могу поставить логотип. При нормальном масштабе логотип стоит на месте: , когда меняется размер окна, логотип сдвигается в центр: . Вот код: <style type="text/css"> html, body { margin: 0px; width: 100%; } #background { position: absolute; width: 100%; } #body { position: relative; width: 100%; height: 100%; z-index: 1; } </style> </head> <body > <img id="background" src="http://s54.radikal.ru/i146/1104/7a/87d90093aa7a.jpg" /> <div id="background"> <a href="http://csk.biz.ua/"> <img src="http://i030.radikal.…

    Asked by ATNC,

    0 votes
    4 answers

  6. переход окна на новую позицию

    возможно сделать так чтобы при нажатии ссылки например в шапке сайта текущая позиция окна опускалась бы на футер или куда нибудь ещё или же наоборот чтобы внизу сделать кнопку "вернутся наверх"?

    Asked by KapSuLa818,

    0 votes
    3 answers

  7. Javascript-ом получить текст из cgi

    есть 2 поля (id="in", id="out") вводим в поле "in" текст "tt" и при клике по "out" надо передать из "in" в cgi скрипт ("../cgi/test.cgi?text=tt"), а ответ вставить в "out". Подскажите с javascript-ом.

    Asked by ErshKUS,

    0 votes
    5 answers

  8. Как включить повтор в embed плеере?

    Здравствуйте, я поставил на сайт плеер <object style="WIDTH: 400px; HEIGHT: 90px" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" viewastext="" width="400" height="60"> <param name="url" value="1.mp3"> <param name="rate" value="1"> <param name="balance" value="0"> <param name="currentPosition" value="0"> <param name="defaultFrame" value=""> <param name="playCount" value="1"> <param name="autoStart" value="-1"> <param name="currentMarker" value="0"> <param name="invokeURLs" value="-1"> <param name="baseURL" value=""> <param name="volume" value="100"> <param name="mute" value="0"&gt…

    Asked by Maskca,

    0 votes
    4 answers

  9. Странные отступы между блоками.

    Добрый день уважаемые форумчане! Делаю сайт визитку. Движок Joomla 1.5. Когда создаю меню и позиционирую его в написанный мною блок, появляются странные отступы между ними...., не могу разобраться почему.., подскажите, что не так? Вот код блока: <div id="block1"></div> <div id="block2"></div> <div id="block3"></div> #block1 { background-image:url(../images/z1.png); background-repeat:no-repeat; width:305px; height:22px; } #block2 { background-image:url(../images/z3.png); background-repeat:repeat-y; width:305px; } #block3 { background-image:url(../images/z5.png); background-repeat:no-repeat; width:305px; h…

    Asked by arthyrgrex,

    0 votes
    5 answers

  10. Адресная строка

    Здравствуйте. Как сделать так, что бы в адресной строке выводился не полный путь, а только название сайта. Напр. вместо www.maysite.com/news/1/..., просто www.maysite.com. Я не прошу мне полностью объяснять, просто подскажите в каком направлении "копать".

    Asked by Alex&R,

    0 votes
    16 answers

  11. вопрос по шрифтам

    Всем привет!! Что означает Font:100%/1.4 Arial???! И что означает Font-size:100.01%!! Зачем их используют??? Пасиб

    Asked by bot87,

    0 votes
    4 answers

  12. footer залазиет на блок

    Здравствуйте. Делаю сайт, возникла проблема, блок-растяжка (у меня в коде id="text") налазиет на контент, а не идёт после него, из-за этого футер закрывает часть контента. Ниже скрин: - Тут видно, как распорка ушла под блок с цифрами "454", если эти три блока (зелёные и синий, с цифрами "454") продолжить в высоту они будут идти поверх распорки и зайдут под футер. Подскажите, пожалуйстка, как это исправить? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ru" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>КРЕПОСТЬ РУСЬ</title> <meta http-eq…

    Asked by Flashton,

    0 votes
    1 answer

  13. Фон фикс. макета

    Если макет фикс. ширины (1000px), и фон (который будет виден, только на широких мониторах) не предусмотрен дизайном, как вы обычно поступаете в таких ситуациях?? как делаете такой фон??

    Asked by DrStrangeLove,

    0 votes
    1 answer

  14. Проблема с текстом в блоках в ИЕ

    Добрый день уважаемые гуру и мега ГУРУ Я начинающий сайтостроитель, так сказать по необходимости ваяющий небольшие простенькие сайты, да пытающийся их еще и верстать в разных браузерах, но вот падла ИЕ сует палки в колеса, суть проблемы: НЕПРАВИЛЬНОЕ Отображение текста в ИЕ ПРАВИЛЬНОЕ Отображение текста в Фаерфоксе код в ie.css #rollover1 { text-align:center; font-weight: ; vertical-align:middle; background: url(/images/m101.gif); display: block; width: 132px; height: 39px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; } #rollover1:hover { text-decoration: none; background-position: 0 39px; } Ну вроде бы все, буду очень признателен за подс…

    Asked by proud,

    0 votes
    8 answers

  15. тег <p> в диве

    Приветствую! Сегодня столкнулся с необычной для себя проблемой. Страница сверстана с контентом в центре. Разбита на 4 блока дивами. В двух блоках находятся ссылки в столбик. Так вот в чем суть. Если я в верхнем блоке ставлю ссылки в тег <p> то при разрешении 1024 появляется 1 пиксель справа от контента. Т.е. сам контент не разъезжается, а появляется именно отступ справа. В нижнем блоке применение этого же тега проходит без проблем. хотя блоки одинаковы. В разных браузерах отображается по разному. У меня во всех, кроме Оперы лезет этот пиксель, в Опере нормально. У кого-то и в ФФ все ок. Я даже не знаю в каком направлении думать уже. Код прилагается. <!DOCTYPE H…

    Asked by Softlink,

    0 votes
    41 answers

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

    Всем привет Имею вот такое безобразие Изображения в штате 250х250, лого 195х54. Захотелось заказчику сделать это чудо резиновым. Соответственно вопрос в том, чтобы логотип оставался на месте и никуда не ездил по ширине, а остальные 8 картинок, вместе с ссылками в таблице под ними, ездили под разрешение экрана с остальными нижеследующими таблицами. Причем каждая ячейка таблицы под картинкой должна быть вровень со своей картинкой. Что-то подобное ниже нормально более-менее отображается только в лисе при 1600х900, кое-как заставил ИЕ8 дружить наполовину, но стоит уменьшить разрешение, как верхняя таблица с картинками уплывает в море с горизонтальной полосой прокрутки в любо…

    Asked by anon1,

    0 votes
    11 answers

  17. "alt" у <input type="submit" />

    Часто для кнопки используют картинку (в основном из-за сложных градиентных надписей). Как лучше сделать так, чтобы для пользователей с отключенными картинками отображался на месте картинки текст. Эдакий alt для button. Можно конечно img засунуть и ему указать alt, но не люблю такие извращения. Есть другой способ?

    Asked by monsterr,

    0 votes
    2 answers

  18. Фон страницы по центру

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

    Asked by antonzol,

    0 votes
    2 answers

  19. float ячеек таблицы в ie7

    Пытаюсь встроить содержимое одного из канала youtube на сайт с помощью гугловского же видеобара. http://www.google.com/uds/solutions/wizards/videobar.html В настройках можно установить вертикальную и горизонтальную ориентацию бара. Скрипт выводит картинки с ссылками на видео в однострочной таблице (при горизонтальной ориентации бара), в каждой ячейке по изображению. Однако мне нужно было устроить что-то по типу видео галлереи: чтоб все не влезающие в строку ячейки переносились на следующую. Попробовал так сделать: для бара установил горизонтальную ориентацию, а так же, чтоб он выводил все видеозаписи канала, а не последние четыре. В стилях ячеек таблицы поставил float: l…

    Asked by Adlaran,

    0 votes
    3 answers

  20. Internet Exploler

    Всем привет, если можно хочу получить ответ на два вопроса по IE6, искал в гугле но ничего толком не нашел. Сылка на дропбокс сайт - https://dl-web.dropbox.com/get/Public/polo/index.html?w=5ff8d33e В общем все хорошо, вот только в IE 6 при position: absolute; блок не смещаеться влево а остаеться по центру как бы с display: block; (class .slider-glow) Второй вопроc IE и background-position, на сайте в слайдере есть спрайт для скругления углов(хотел использовать border-radius, но увы картинка не скруглялась везде), все было бы хорошо если б не IE 5,5 и 6.Там все не так как нужно https://dl-web.dropbox.com/get/Public/IE.png?w=eeb3ad9d P.s кто может скинуть ссылку как установ…

    Asked by Mr.Black,

    0 votes
    3 answers

  21. @font-face

    Здравствуйте, никак немогу побороть font-face ,никак не работает.Может ошибка в коде или где то ище,но не нашел.Шрифт Perfo.Ссылка на сайт http://melofon.ms/.

    Asked by Mr.Black,

    0 votes
    15 answers

  22. float и overflow

    Всем привет! Есть код: <!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="text/html; charset=utf-8"> <title></title> <style> .block { background-color: #CCC; } .float { float: left; width: 50px; height: 50px; background-color: #0F0; } </style> </head> <body> <div class="block"> <div class="float"></div> <p>текст текст текст текст текст текст текст текст текст текст текст текст</p> </div> </body> </html> Ситуация такая: чтобы div.block захватил …

    Asked by vikusik,

    0 votes
    27 answers

  23. Меню

    Научите пожалуйста верстать горизонтальное меню.

    Asked by Leeda,

    0 votes
    8 answers

  24. Adaptation of the subscription form

    Hello! Could you help me figure out how to adapt? .subscribe-form{ display: flex; justify-content: end; width: 100%; height: 90px; margin-top: 46px; border: none; } input[type="email"]{ background: #fcc302; color: #ffffff; padding: 17px 25px 17px 36px; font-size: 25px; font-weight: 300; } .section-button{ background-color: #00bec9; padding: 27px 37px 27px 39px; height: 90px; border: none; cursor: pointer; }

    Asked by Lesia,

    0 votes
    6 answers

  25. Проблемы с бэкграундом

    Доброго времени суток, возникла проблема и не могу понять как её решить. И так есть Сайт на первый взгляд с бэкграундом всё нормально, тянется и всё такое, но если окно браузера не развёрнуто полностью, то появляется горизонтальная полоса прокрутки и если её подвинуть, то мы увидим как бэкграунд как бы срезало. Для наглядного примера есть картинка. Подскажите как быть...

    Asked by yujin11,

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