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. Разъезжается содержимое блока

    <style type="text/css"> #text { width: 580px;} </style> </head> <body> <div id="text"><p> 22222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 </p> </div> Содержимое блока вылазит за его пределы, как сделать что бы о…

    Asked by Udyr,

    0 votes
    3 answers

  2. Помогите с версткой

    В верстке я еще новичок такшо если вопрос прозвучит странно то не пинайте) На изображении показано макет моего сайта. Вопрос в том как "Блок 2" переместить на "Место блока 2". Но при этом "Блок 1" должен остаться на своем месте а "Блок 2" должен прижиматись до футера. Буду очень признателен за любую подсказку или решение проблемы !

    Asked by vitaljaa,

    0 votes
    3 answers

  3. Помогите, пожалуйста, понять неправильное поведение в IE7

    Проблема в том, что блок "navigation" прячется под блок "content" даже не смотря на заданный ему z-index! Почему так происходит и как это обойти? проблема замечена в IE7 и ниже, заранее, спасибо! <!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" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> .header { position: relative; b…

    Asked by vikusik,

    0 votes
    3 answers

  4. как сделать прозрачный градиент?

    сабж. от черного допустим к прозрачному

    Asked by AquaGen,

    0 votes
    3 answers

  5. Несколько вопросов

    Есть несколько вещей, которые хочу реализовать, но такого еще никогда ни делал. 1. Есть кнопка - сделать стартовой, нужно чтобы она делала стартовой в IE, а в остальных перебрасывала на страницу со справкой. 2. Хочу сделать смену фона(изображение) страницы, чтобы юзер сам мог выбрать изображение из доступных. Много пишут о том, как цвет изменить, но это немного не то. 3. Еще хотелось бы сделать смену цветовой схемы на сайте: есть кнопка, юзер жмет и она переключает один css файл на другой. Вот как это все сделать? Еще же нужно для двух последних, чтобы видимо через cookie пользователя запоминал на какое-то время...

    Asked by onsite,

    0 votes
    3 answers

  6. Изчезает слайд в ИЕ

    Вот сайт Проблема в том что в ИЕ8 третий слайд просто напросто изчез

    Asked by NeoMurderer,

    0 votes
    3 answers

  7. Кнопка в виде текста

    Здравствуйте. Вот мне понадобилось сделать кнопку (Элемент <button> или <input type="submit" > в теге form), но чтобы она была в виде текста. Ну я сделал из текста png картинку и вставил её <input type="image">,но чую такое способ сродни штанам через голову, посоветуйте как грамотно делать такую штуку. Гуглить гуглил, он по запросу кнопка, текст submit и прочее выдаёт очень много и совсем не того.

    Asked by prowoke,

    0 votes
    3 answers

  8. Ширина макета

    Прочитал кучу тем, везде разные мнения на счет ширины макета. Макет под фиксированную ширину. Под 1024 нашел три мнения: Ширина 960 или 990 или 1000. Что выбирать и почему? А под 1280 какую ширину нужно делать?

    Asked by Rustick,

    0 votes
    3 answers

  9. выравнивание текста по вертикали в гор. меню, проблемы с ие

    Всем добрый день, вертсаю гризонтально меню, выравниваю текст по вертикали, текст есть в одну строчку, есть в две <li> <div class="box"> <div class="box2"> <a href="#">some text 1</a> </div> </div> <div class="box"> <div class="box2"> <a href="#">some text <br /> some text 2</a> </div> </div> <div class="box"> <div class="box2"> <a href="#">some text 3</a> </div> </div> </li> в css li{float:left;} box{ display:table; float:left; height:100px; } box2{ display:table-cell; vertical-align:middle; }…

    Asked by sergey81,

    0 votes
    3 answers

  10. Как сделать так что бы таблицы стояли рядом

    <table cellspacing="0" width="200" height="800"> <tr> <td> </td> </tr> </table> <table border="1" cellspacing="0" width="600" height="800"> <tr> <td> </td> </tr> </table>

    Asked by skoch244,

    0 votes
    3 answers

  11. Растягивать ячейку по высоте

    Нужно сделать таблицу что бы когда ми вставляли бы текс неизвестного размера то она бы растягивалась в высоту. Ширина таблицы - фиксированная. Ограничивал ширину ячейки и всей таблицы, но результат один и тот же- текст выходит за пределы ячейки. Подскажите как такое сделать пожалуйста. На картинке показан желаемый результат

    Asked by evgeniy123,

    0 votes
    3 answers

  12. таблица в таблице

    есть страничка типа <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HEAD> <title>data</title> <meta http-equiv="Content-Type" Content="text-html; charset=windows-1251"/> <style type="text/css"> a { color: #0058B0; text-decoration: none; } a:hover { text-decoration: underline; } .report, .zal { border-collapse: collapse; } .report .row td, .report .row th { border: 1px solid #000; padding: 2px; } .zal th, .zal td { border: 1px solid #000; padding: 2px; } .zal th { border-top: none; } .zal td { border-bottom: none; } </style> </hea…

    Asked by Anime,

    0 votes
    3 answers

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

    Доброго времени суток. Кратко по делу: Это в Опере, Хроме, ИЕ8. А вот так в фф5, если не ошибаюсь, стало после обновления с 4го: Все это дело лежит на сайте

    Asked by Non Stop,

    0 votes
    3 answers

  14. Не получается

    Макет Скриншот Весь текст должен быть справа от картинки. А он у меня туда не влезает. Почему так может быть?

    Asked by Rustick,

    0 votes
    3 answers

  15. html5 + <nav>

    Источник: http://htmlbook.ru/html5/semantics Раздел: Навигация В статье указан пример навигации в HTML5: <nav> <div id="nav"> <ul> <li><a href="#">главная</a></li> <li><a href="#">блог</a></li> <li><a href="#">галерея</a></li> <li><a href="#">обо мне</a></li> </ul> </div> </nav> и прочитав этот код возник вопрос: А разве так нельзя? <nav id="nav"> <ul> <li><a href="#">главная</a></li> <li><a href="#">блог</a></li> <li><a href="#">галерея</a></li> <li>&…

    Asked by klierik,

    0 votes
    3 answers

  16. Резиновая шапка с картинкой

    Здравствуйте. Есть резиновый сайт. У него есть резиновая шапка. Шапка состоит из 2-х частей. Левая с логотипом имеет фиксированный размер, её не трогаем. Правая же часть шапки должна тянуться под текущий размер окна. Проблема заключается в том, что эту часть шапки целиком должна занимать картинка. Картинка имеет размер примерно в 500пкс, её спокойно можно повторять в шапке. Однако если сделать повторение свойством css repeat-x, то в броузере появляется горизонатльная прокрутка. Есть ли способы не показывать полосу горизональной прокрутки, показывая картинку под обрез? Overflow-x позволяет не показывать ту часть картинки, которая не помещается, но этот вариант мне не подх…

    Asked by sptica,

    0 votes
    3 answers

  17. Перенос слов в таблице

    Есть таблица, ячейка которой формируется кодом <td class="views-field views-field-field-addition-newnode-value"> <?php $node->field_addition_newnode[0]['view'] ?></td> Этой ячейке задана ширина .views-field-field-addition-newnode-value {width: 11%;} И в Opera она строго соблюдается: ширина 11%, не умещающиеся слова переносятся на следующую строку. Но Firefox и Chrome слова не переносят и растягивают ячейку, а с ней и всю таблицу, пока не поместится полностью всё [самое длинное в строке] слово. Фиксированная ширина, word-wrap, text-overflow не помогли. Чем заставить FF и Chromium переносить слова?

    Asked by vkapas,

    0 votes
    3 answers

  18. Как так сделать?

    Как так сделать? Я знаю один вариант, задать для blue - position: absolute; и спозиционировать куда-нужно. Или отрицательными margin А как еще можно?

    Asked by Rustick,

    0 votes
    3 answers

  19. Фон под соседний блок

    Народ, есть проблема с блоками небольшая... Делаю тему по этому шаблончику: http://csstemplater.com/result/layout_xhtmls_fix_lcr_s2_fb_1.zip Кратко - прижатый подвал постоянно книзу... если окно сужать - будет повышаться пока не упрется в контент, если контента больше, чем на страницу - подвал будет изначально ниже окна и появится перемотка вниз... Все хорошо, но вот потребовалось чтобы на фоне подвала была картинка и чтобы она вела себя также как и подвал, но при доходе контента до подвала чтобы картинка на 100 точек уходила под контент... Реально ли это сделать и как? Пробовал по всякому... картинка либо лезет и выше - не останавливается когда подвал останавливается, уп…

    Asked by Nikolas,

    0 votes
    3 answers

  20. Резиновый макет с контентом в центре с полосой прокрутки

    Подскажите как реализовать такой макет правильнее? Этот неправильно отображается в старых IE, мобильных браузерах, возможно где-то ещё.. http://jsfiddle.net/QeW7E/ <!DOCTYPE html> <html lang="ru" > <head> <meta charset="utf-8" /> <style> * { margin:0; padding:0} body { width:100%; height:100%; background:#CCC;} #wrapper { width:1000px; height:100%; margin:0 auto;} #header { width:100%; height:200px; position:absolute; top:0; background:#EEE;} #content { width:1000px; position:absolute; top:200px; bottom:200px; background:#999;} .sidebar-left, .sidebar-right {float: left; width: 200px; height: 100%;} #center { width:600px;…

    Asked by Munk,

    0 votes
    3 answers

  21. автодобавление ссылки cайта на картинки

    помогите пожалуйста! строю свой сайт на Ucoz. Вот он . Мне нужно сделать так чтобы на каждуюю загружаемую картинку на сайт налогался бы адрес моего сайта как вот тут: видите в нижнем углу? мне так же нужно.. я честно в нэте искал ничего не нашел... Помогите..

    Asked by digo112,

    0 votes
    3 answers

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

    Здравствуйте! Помогите мне решить проблему с кроссбраузерностью. Вот так у меня выглядит меню в Opera: А вот так в остальных браузерах: То есть в последнем случае появляется в заголовке лишние пиксели и фоновая картинка начинает дублироватся. <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="50" valign="middle" class="menu2"><strong class="toptext2">База вещей</strong></td> </tr> <tr> <td valign="middle" class="menuBody"> тут ссылки меню </td> </tr> </table> .menu2 {background-color:#887b56;background-image:url(ссылка на фоновое изображение);font-size:16px;…

    Asked by _ZheKA_,

    0 votes
    3 answers

  23. позиционирование фона

    Есть фоновое изображение, необходимо прикрепить его таким образом, чтоб при ресайзе окна привязка была была к центру документа, а фон просто подрезался... Вот тут пример _http://forum.eve-ru.com Я честно говоря уже голову сломал, второй день вожусь. Пробовал передирать цсс, не работает. Премного благодарен.

    Asked by resoursa,

    0 votes
    3 answers

  24. С чего начать?

    Задумал создать сервис на подобии gradus.mobi, каких он требует вложений и с чего стоит начать?

    Asked by Doka_79,

    0 votes
    3 answers

  25. Как правильно

    Здраствуйте, у меня вопрос по rel = no index no follow. Первое это как правильно писать и ли можно для каждой ссылки отдельно указать этот тег. И как я читал в Интернете, они блокируют унос тИЦ и PR вместе с ссылками, да? Ответьте плз, буду очень признателен. Заранее благодарю. © Постоянный попрошайка ответов Shader P.S. Не отказывайте постояльцам

    Asked by Shader,

    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