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. Два вложенных дива в ie6

    <!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" xml:lang="ru" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <meta http-equiv="Content-Language" content="ru" /> <style type="text/css" media="all"> * {padding:0; margin:0;} #gor1 {border:3px solid green;} #gor2 {border:3px solid red; overflow:auto;} </style> </head> <body> <div id="gor1"> <h1><nobr>Длинный текст заголовка</nobr></h…

    Asked by clavin,

    0 votes
    2 answers

  2. Круговое меню на CSS

    Направьте верным путем. Хочу попробовать сделать макет, внешне похожий на этот http://www.free-lance.ru/users/somnambula/...hp?prjid=474595 Только в окружности у меня находится одна картинка, которую хочу разбить по секторам (6 штук). Из каждого сектора выходит "стрелочка-указатель" с названием меню. При нажатии на один из пунктов меню и на один из секторов (желательно чтобы он "загорался", например, становился ярче). Думаю, есть вариант реализовать это с помощью CSS. Тогда надо картинку нарезать, а как не знаю, на прямоугольники понятно как...а на треугольники как? (вернее сектора). Или с помощбю карт это можно сделать..?

    Asked by ola,

    0 votes
    16 answers

  3. нужно грамотно сверстать блоки, когда один расширяется, левый блок опускаетсяниже, как в youtube

    Здравствуйте. Такая задача: если посмотреть на Youtube, там блок видео может расширятся на ширину сайта, а сайд бар соответственно опускается ниже. Сверстать такое совсем не является проблемой, например так: http://www.jankoatwarpspeed.com/post/2009/...css-jquery.aspx структура только получается вот такая <div id="header"></div> <div id="main"> <div id="video"></div> <div id="sidebar"></div> <div id="content"></div> </div> <div id="footer"></div> но у меня проблема в том, что нужно (для SEO), чтобы блок #content был сразу за блоком #video, и затем следовал #sidebar. Если я так размещаю блоки, то н…

    Asked by relax,

    0 votes
    13 answers

  4. text-indent и тег <p>

    Здравствуйте гуры вёрстки Я давно верстаю сайты и у меня всегда есть проблема с отступами параграфов. Хочу использовать тег<p>, пишу: <p class="italic" style="text-indent:30px;"> В этом случае появляются отступы сверху и снизу. display:inline убирает все отступы, в том числе и те, что появляются от text-indent Как же быть? Использовать тег <div>?

    Asked by mff,

    0 votes
    5 answers

  5. Настройка отображения скролл бара

    Подскажите пожалуйста как реализовать схожую прокрутку как тут(внизу,где список страниц). Буду благодарен за быстрый ответ

    Asked by SunChase,

    0 votes
    10 answers

  6. подсветка текущего пункта меню

    Здравствуйте. Вопрос такой. Как на html сайте организовать подсветку текущего пункта меню? Не ручками прописывать, а что бы сам изменял цвет. Плюс ко всему не все пункты меню, а только пункты разделов. Заранее, спасибо за помощь. Очень надеюсь, что есть готовое решение, которое можно просто изменить под свой сайт.

    Asked by top-top,

    0 votes
    11 answers

  7. Изменение цвета у img

    Возможно ли с помощью css создать класс который деллал бы загружаемую картинку, если она цветная, в серых тонах? или это из области фантастики?><

    Asked by Mary_RND,

    0 votes
    6 answers

  8. Очередной глюк ие6

    Добрый день. Столкнулся с интересным, но непонятным глюком в ие6. В статичной верстке, при ресайзе окна пропадает часть блоков http://nird.kotkompot.ru/layout/datafox_layout/ Если страницу обновить - то они появляются. Как я понял, пропадают те блоки, у которых position:relative и не указан overflow:hidden; Но скрывать переполнение я не могу, потому что, например в горизонтальном меню есть выпадающие списки. В чем здесь кроется проблема: в хезлойаут или в пересчете размеров блоков? как можно решить?

    Asked by Nird,

    0 votes
    7 answers

  9. Подскажите пожалуйста, что подразумевает seo вёрстка

    Здравствуйте. Подскажите пожалуйста, какими критериями должна обладать se-оптимизированная верстка. На фрилансе иногда в профиле у верстальщиков стоят такие пометки, мол они так верстают. Но как определить, что они сверстали так, как пишут? Например я так понимаю один из критериев - это положение элементов. Санала шапка, затем контент, затем меню, затем футер.

    Asked by Sayitright,

    0 votes
    5 answers

  10. Помогите с тегом INPUT

    Добрый день(вечер) Я создаю свой сайт и у меня возникла проблема мне вот в эту кнопку надо добавить картинку сейчас тег выглядит так <input value="{postrow.POSTER_RANK}" type="submit"> а мне надо как то так <input value="{postrow.RANK_IMAGE}" type="submit"> поясню {postrow.POSTER_RANK} это название "Звания" а {postrow.RANK_IMAGE} это картинка "Звания" и когда я вписываю {postrow.RANK_IMAGE} в тег кнопка исчезает и мне выдается ссылка к картинке помогите сделать так чтобы выводилась именно картинка звания заранее благодарю за помощь

    Asked by frost444,

    0 votes
    17 answers

  11. Проблема с FLOAT в Опере 9.5

    Стандартно выстроил блоки в ряд с помощью свойства FLOAT:LEFT, но в Опере отображается с отступом (см. скрин). Макет резиновый, ширина блоков задана в процентах. Почти во всех браузерах нормально отображается, ну, немножко край выпирает (обведено красным), но не существенно. А вот, именно в Опере очень существенно! Подскажите, пожалуйста, есть ли какой-нибудь хак или способ исправить это глюк в опере? Заранее благодарен. скрин

    Asked by max999,

    0 votes
    10 answers

  12. вопрос всплывающей меню

    поднимал данный вопрос в другой теме но там он не был услышан в силу другого названия темы. на сайте skvend.ру/decman/ внизу сайта есть всплывающая меню. так вот при появлении вертикальной прокрутки а этого легко добиться выставив разрешение 1024 на 768 меню принимает свое стационарное положение а контент уходит далеко за него -получается что меню просто весит в воздухе. как прилипить меню постоянно к низу вне зависимости от длины контента по вертикали.?

    Asked by Deca,

    0 votes
    12 answers

  13. Нужна помощь при работе с изображением

    Здравствуйте, сразу перейду к сути проблемы я хотел бы сделать изображение с подписью к нему оформленное с помощью css. Применял такие коды найдены в интернете, немного переделав их под себя: .fode { position: relative; height:335px; width: 448; } /*Оформление фотографий */ .fode cite {background: #111; filter:alpha(opacity=55); opacity:0.55; color: #fff; position: absolute; bottom: -6; left: 5; width: 428px; padding: 10px; border-top: 1px solid #999;}/*Оформление фотографий */ <div class="fode"> <img src="d1.jpg" border="0" alt="Разрушения" class="shadow"> <center><cite>Описание.</cite></center> </div> Проблема заключается в т…

    Asked by Willi,

    0 votes
    9 answers

  14. Разное отображение margin-left в разных браузерах.

    Есть сайт: http://titanic-in-color.com/english/decks_one/boat.php Там на чертеже есть зеленые точки (не те, от которых идет "свет"), margin'ы которых заданы. Однако они по разному отображаются в браузерах. В IE8 и Opera - одинакого (правильно) а в Chrome и Fire Fox - не правильно. Как это предотвратить? Перепробывал уже все абсолютные и не абсолютные величины.

    Asked by Валериан,

    0 votes
    1 answer

  15. Проблема трёхколоночной блочной вёрстки

    Друзья, проблема у меня вот какая. Сделал резиновый трёхколоночный шаблон на дивах. Резиновым он получается за счёт того, что правая и левая колонка - плавающие блоки, а центральная - обыкновенный, но с отступами с левой и правой сторон, чтобы оставить место для боковых столбцов. В общем, принцип такой: <head> <title>Три колонки</title> <style><!-- body { margin: 0; padding: 0; } div { height: 500px; margin: 0; padding: 0; } .left_col { float: left; width: 200px; background: red; } .right_col { float: right; width: 200px; background: blue; } .middle_col { margin: 0 13em; background: green; } --></style> </head> <body>…

    Asked by StormMan,

    0 votes
    3 answers

  16. Проблема верстки. FireFox

    Есть страничка http://systems.ax3.net ...На таких браузерах как opera и IE отображается нормально...На Firefox получается смещение..вот ссылка на скрин http://systems.ax3.net/123.png ....На смещение из-за рекламы думаю не стоит обращать внимание...посмотрите пожалуйста исходный код через ваш браузер и подскажите где ошибка. Спасибо. Заранее благодарен..

    Asked by 2s-mode,

    0 votes
    7 answers

  17. ИЕ 6 и ИЕ 7, немного не понятное поведение input

    вот сайт тот же http://www.homeoclass.ru/index_new.html# верхняя темно серая линия в которой поля для ввода ЛОГИНа и ПАРОЛя, в 6 и 7 версии input в который вводятся данный улетает вниз 1 пиксель :-( не могу понять почему! возможно из-за того же vertical-align который 6 и 7 версия понимаю по другому нежели совр браузеры! эх, подскажите опять плиз

    Asked by TonKhaO,

    0 votes
    12 answers

  18. Моготи привести в порядок развращённый css код

    Здравствуйте. Я подстраивал css код под свои нужда и наконец сделав это вдруг понял, что с такой вёрсткой "профессиональной" остаётся ждать косяков. Пожалуйста помогите исправить сделать его более нормальным css кодом, а то я минусами в маргине пораскидался, а как сделать тоже нормальными средствами незнаю(. <!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> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> …

    Asked by Faran,

    0 votes
    7 answers

  19. Позиционирование блоков

    Я совсем недавно верстаю и у меня возник такой вопрос: как правильно позиционировать блоки? С помощью отступов (margin и padding) или с помошью left и top? Лично я привык использовать Left и Top. В принципе сайт выглядит как на макете, с кроссбраузерностью норм, но ведь не зря же остальные используют отступы В общем интересует ваше мнение - как правильнее и почему.

    Asked by SEObomj,

    0 votes
    11 answers

  20. Размер изображения

    Доброе время суток. Предположем, что есть изображение 1000х500 и весит 1000Кб. Я его вешаю на сайте и задаю размер 100х50. Что происходит при загрузке страницы, качаются все 1000Кб и потом изображение уменьшается или это происходит на сервере и пользователь загружает уже уменьшеное изображение, которое весит на порядок меньше ? Зараннее благодарен.

    Asked by dengunya,

    0 votes
    13 answers

  21. : Подскажите как сверстать такой поиск, не могу привести к кросбраузерности

    Здравствуйте! есть такой поиск, левая и правая сторона должна быть фиксированая, а сама строка поиска резиновая. Как я делал слева в фиксированую три слова, справа кнопку+чекбокс+лейбл, центральная была резиновая. Инпуту даю 100% он то растягиваеться вроде норм, но в остальных браузерах просто жесть. В фф норм, в ие6 даже норм, в ие7 и хроме не видна левая и правая сторона только центральный резиновый блок вообще не пойму почему, в опере тоже самое. Как можно сверстать его, таблицы юзать нельзя, может есть где пример был бы очень и очень благодарен. Жесть вроде все просто и нифига не выходит да и такие глюки именно в новых браузерах, фиг найдешь почему так происходит.

    Asked by voooodoo,

    0 votes
    1 answer

  22. Различное отображение таблиц в IE8 и Mozilla

    Объединил 3 ячейки в одну в таблице, но результат получил только в хроме и в мозилле, а в ие8 отображается как будто ячейки еще есть http://kikky.ru в самом конце <table class="tbl_send_pay"> <tr> <td class="td_send_pay_head_l"> <p>Сообщества</p> </td> <td> </td> <td class="td_send_pay_head_r"> <p>Скидки</p> </td> </tr> <tr> <td colspan="3" class="td_send_pay_text_l"><p></p> <p><img src="{$URL_THEME_OFFSET}/img/pay/vkontakte.png"> <img src="{$URL_THEME_OFFSET}/img/pay/odnoklassniki.png"> <img src="{$URL_THEME_OFFS…

    Asked by megagerz,

    0 votes
    3 answers

  23. Баг Safari и Chrome игнорируются свойства body указазанные в css

    Привет, всем. Решил поделиться решением проблемы с которой долго промучился. Если указать в css кодировку - << @charset "utf-8"; >>, то браузеры Safari и Chrome не будут воспринимать первый идущий следом за этой строкой селектор (обычно это body {} или html {})! Образец: <style type="text/css"> @import url(reset.css); @charset "utf-8"; body {background:green;}/*Это свойство не будут отображать Safari и Chrome*/ </style> Решение простое, нужно просто удалить строку "@charset "utf-8";

    Asked by Stason_on,

    0 votes
    10 answers

  24. помогите с меню навигации

    На многих сайтах, допустим, 10 статей идут вертикально, а под ними навигация типа 1|2|3|4|5|6| итд пример - вот http://free-templates.ru/ в них на 1-й странице последние статьи, а на последней - первые. а у меня на первой странице - первые, а на последней- последние вобщем, как сделать так, чтоб статьи шли в обратном порядке относительно навигации? заранее спасибо

    Asked by zhitkov,

    0 votes
    3 answers

  25. Ширина div увеличивается на padding

    Добрый день! не могу понять почему ширина слоя увеличивается когда я хочу сделать отступ слева, т.е. использую padding-left? код в станички: <div id="page"> <div id="header"><h1>header</h1> </div> <div id="content"><h1>content</h1> </div> <div id="footer_guarantor"><h1>footer guarantor</h1></div> </div> <div id="footer"> <span> © 2003-2010 Евгений Володин<br /> Техническая поддрежка <a href="http://www.prokopov-nikolai.ru" >Прокопов Николай</a> </span> </div> стили: * { margin: 0; padding: 0; border: 0; font-family:Tahoma, Geneva, …

    Asked by Prokopov Nikolai,

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