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. Проблема height 100%

    Проблема в том , что я не могу сделать следующую вещь. На рисунке есть два контейнера в контенте, у которых есть Img repeat-y. По мере увелечения контента они расширяются. Я задал им height: 100%. Логично что они растягиваются до конца окна браузера. Но как мне сделать, чтобы они растягивались до начала блока footer, и в то же время не было полосы прокрутки? и footer не уходил вниз...

    Asked by penchukov,

    0 votes
    11 answers

  2. Два DIV с рамкой, не выравниваются друг на друга

    Подскажите пожалуйста: Как сделать, чтобы блок с право, выравнивался к левому блоку (чтобы рамка правого блока была на ровне с левым) Макет вот здесь: JSFIDDLE (макет)

    Asked by AppleMacMy,

    0 votes
    3 answers

  3. Joomla 2.5

    А создание шаблона для Joomla 2.5 чем-то отличается от 1.7? Или все то же самое? И может лит-ра есть хорошая на эту тему кто в курсе? Или видеокурс какой...

    Asked by Imperil,

    0 votes
    2 answers

  4. Проблема с атрибутом id

    Не могу разобраться с лого, в его расположением, не могу переместить... Прошу помочь. index.html <!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" lang="en"> <html> <head> <title>Главная</title> <link rel="stylesheet" type="text/css" href="style/style.css" /> </head> <body> <div id="logo"></div> <a href="/"><img src="images/logo.gif" alt=""></a> <div id="info"> <h1>Главная страница</h1> <p>Привет дорогой др…

    Asked by Ergonav,

    0 votes
    5 answers

  5. Отступы из ниоткуда

    Написал вот такое: <header class="header"> <div class="wrap"> <div class="logoimg"><a href=""></a></div> <h1 class="logo"><a href="#">Environmental.com</a></h1> </div> </header> .header { height: 113px; width: 100%; background: url("../image/header-bg.png") repeat-x; } .wrap { position: relative; width: 1024px; margin: 0 auto; height: 100%; } .logoimg { float: left; margin: 32px 0 0 50px; width: 48px; height: 47px; background: url("../image/logo.png") no-repeat; } .logo a { font: 31px 'Centu…

    Asked by ShootingStar,

    0 votes
    11 answers

  6. Cufon

    Здравствуйте! При изучении различных св-в и методов подключения шрифтов через Cufon — столкнулся с проблемой понимания того, что же всё таки означают следующие методы и как их правильно прописать?(что бы они функционировали): 1) set 2) now 3) refresh вышеизложенные методы взяты от сюда: http://www.xiper.net/collect/html-and-css-tricks/typographics/cufon.html в дополнение к перечисленному, также хотел бы разьяснить для себя действие следующих св-в взятых из этой ссылки: https://github.com/sorccu/cufon/wiki/styling 1) cufon-active 2) cufon-loading 3) cufon-ready P.S. Перепробовав всевозможные комбинации и варианты, которые не дали результатов решил обратится за помощью сюда…

    Asked by Yamaradg,

    0 votes
    11 answers

  7. Авторизация

    Пацаны помогайте. Проблема с версткой кнопки в окне авторизации. Задал высоту кнопки "Войти" 130px, показывает эти 130px только фаерфокс, остальные бразуеры(исключая ИЕ, его не пробовал) ставят высоту по дефолту. С шириной таких проблем нет. Это просто практика поэтому больше интересна причина возникновения проблемы.

    Asked by 4ak,

    0 votes
    5 answers

  8. CSS

    В общем, сейчас делаю дизайн для сайта и в ксс сделал так, что если в тексте ссылка - <a href="">бла бла бла</a>, значит текст подчёркивается. Но Появилась проблема - теперь если в этой ссылке находится изображение - <a href=""><img src="" /></a>, то изображение тоже подчёркивается. А мне этого не надо. Как сделать так, чтобы подчёркивалось всё, кроме изображений?

    Asked by gbushmakin,

    0 votes
    2 answers

  9. Проблема отображения сайта в IE

    Проблема отображения сайта в IE (любом) , в остальных брозерах ок. Кавыряю уже дня два не могу понять где загвоздка ? http://site.novosibirsk.ru/ А вот еще только сегодня заметил http://www.sfera-trade.com/наша-продукция.html на IE превьюшек нет ?

    Asked by gariki,

    0 votes
    4 answers

  10. Блоки выпадают из потока

    http://ucpb.org/new/index.html Див content имеет два вложенных блока, но почему-то они из него выпадают, причем из body тоже выпадают. Как бороться?

    Asked by Sevkov,

    0 votes
    2 answers

  11. Кастомизировать select стрелку

    Есть ли возможность кастомизировать стрелочку "вниз" элемента select?

    Asked by Heartbeat,

    0 votes
    11 answers

  12. высота страницы не определяется

    Наверстал страницу. Новичок. Проблема в том, что браузер не понимает автоматически высоту страницы и обрезает ее. Ставил в body height 100%, в page ставил 100%, не помогает. Либо надо явно задавать высоту, что не всегда приемлемо, либо отображается криво как аттаче. Какие типичные ошибки могли к этому привести? В некоторых местах для дивов задавал margin-top:-200px; Может ли быть в этом проблема? вот например ссылка. страница кривая пока, но главное, что иллюстрирует проблему обрезания высоты. http://zgid.d-mir.ru/zgid/Tarif/ таблица обрезается. так происходит со всеми страницами((

    Asked by Vertex,

    0 votes
    2 answers

  13. checkbox внутри select

    Добрый день. Подскажите решение, необходимо в выпадающий список возле каждой строчки установить флажок. Заранее спасибо!

    Asked by stone86,

    0 votes
    2 answers

  14. textbox и круглые углы

    Привет! Пытаюсь сделать кроссбраузерные закругленные углы для textbox. Помогите пожалуйста, кто не занят. Проблемы такие: 1) div блок, содержащий картинку с левой границей не хочет растягиваться на всю высоту. 2) div блок, который рисует верхнюю границу, выезжает за пределы div блока, который содержит рисунок правого верхнего уголка. посмотреть можно тут Код: <!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="X-UA-Compatible" content="IE=8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />…

    Asked by Heartbeat,

    0 votes
    2 answers

  15. высота в %

    Добрый день, возник такой вопрос, есть например такая верстка <div id = "container"> <div id = "header" >Header here</div> <div id = "content">CONTENT CONTENT CONTENT</div> </div> Если указать высоту для container например 50%, или 500 px то указание высоты для дива с id=header в 20 или, например 50% будет менять высоту этого дочернего дива, т.к. она будет считаться относительно родителя. Но если не указать высоту родителя, то высота в дочернем диве будет вычисляться по своему контенту. Возможно ли как то не указывать высоту родительскому диву, но чтобы при этом указание высоты в 20% у дочернего дива действительно давало 20%. Т.е. так…

    Asked by shaci,

    0 votes
    4 answers

  16. позиционирование дивов как на pinterest

    Привет всем. Задался проблемой, как сверстаны блоки на сайте pinterest.com и ему подобных. Очевидно что простым флоатом там не обходится. При более детальном обследовании пациента выясняется что дивы они позиционируют абсолютом, с помощью скриптов. В скриптах я не силен, возможно есть готовые библиотеки или уроки, как таким образом организовать вывод контента. спасибо за внимание.

    Asked by barsmaster,

    0 votes
    4 answers

  17. Текст внутри формы

    Здраствуйте знатоки. Стоит такая задача нужно внутри формы поиска изменить текст не прибегая к JS. Все ничего но проблема в том что нужно два варианта: Первое серый текст атрибута placeholder должен остатса серым ; Второе когда user вводит или уже ввел текст поиска он должин быть чорным; Я новичок работаю только 2 месяца поетому не судите строго если вопрос очень простой но я не всилах разобратса сам. Код формы такой: <div id="search"> <form action="/search/index.html" method="get"> <input class="text" placeholder="поиск по товарам и брендам" type="text" value="" name="query" id="query" /> <input class="search-button" name…

    Asked by Max_Sheva,

    0 votes
    2 answers

  18. Верстка многоуровневого списка

    Извиняюсь, если вопрос такой был, поиском пользовался, честно :-). Есть список вида: <ul class="parent"> <li class="first"></li> <li class="second"> <ul class="child"> <li class="first-child"></li> <li class="second-child"></li> </ul> </li> <li class="third"> <ul class="child"> <li class="fourth-child"></li> <li class="fifth-child"></li> </ul> </li> <li class="fourth"></li> <li class="fifth"></li> </ul> Как правильно написать селектор, чтобы при наведении на second-child ме…

    Asked by xbreaker,

    0 votes
    8 answers

  19. синяя рамка у картинке в ие

    каа убрать на картинках-ссылках синию рамку в браузере IE? пс в других браузерах этой рамки нет. Заранее спасибо!

    Asked by frog163,

    0 votes
    3 answers

  20. Отключение скроллбара

    Доброе время суток! У меня появилась такая проблема - есть HTML-страница, внутри неё находится swf-приложение. Его добавление выглядит вот так: <DIV id=swf> <script id=ourSWF src="http://***.swf;" type="text/javascript"></script> </DIV> Мне нужно сделать, чтобы при работе с флеш-файлом при нажатии на кнопки "вверх" и "вниз" не скроллилась страница. <body onkeydown="return(false)"> Вот это сделал, теперь если тыкнуть не на сам флеш-объект, стрелки не вызывают скроллинг. А вот если тыкнуть внутрь объекта и потом жать "вверх" и "вниз", страница по прежнему скроллится. Что делать? =)

    Asked by GeneralHaos,

    0 votes
    10 answers

  21. Присоединение к вертикальной колонке другой колонки

    Подскажите, пожалуйста, как к вертикальной отцентрированной колонке присоединить прилепить другую колонку, так что бы отцентрированная колонка осталась отцентрированной?

    Asked by freeneutron,

    0 votes
    5 answers

  22. <select> <option> форматировать текст списка

    Есть список вида: <select> <option>1234 123 123</option> <option>123 1 1</option> </select> Нужно чтобы в выпадающем списке столбцы располагались друг под другом, прим: 1234 123 123 123 1 1 Но добавка пробелов ничего не дает, они просто сокращаются до 1 пробела. Если вместо пробелов использовать нижнее подчеркивание, то тоже не получается, ширина букв разная. Пробовал span`ами и pre, тоже не работает. Даже таблицу пробовал делать внутри тэгов option - не помогает Может еще какие варианты подскажите?

    Asked by Metallic,

    0 votes
    8 answers

  23. Ошибка при верстке

    Верстаю данный макет http://rghost.ru/36608820 (photoshop) Вот что выходит при просмотре в браузере http://rghost.ru/36608830 HTML <body> <div class="container"> <div class="top_container"> <div class="top_left"></div> <div class="top_right"></div> </div> <div class="gl_menu"> <div class="left_menu"></div> <div class="cp_menu"> <!--строка над меню с картинками--> <div class="up_men"></div> <!--главное меню с картинками--> <div class="menu_1"> <div class="img_1"></div> <div class="i…

    Asked by Requiem,

    0 votes
    1 answer

  24. Блок не тянется в высоту

    Здравствуйте! Есть сайт: http://frendlix.ru В правом нижнем углу над футером есть блок, так вот, я поднял его чуть повыше задав ему отрицательный маржин в 100px, и притянув его ближе к шапке сайта, что бы левый и правый блоки отображались на одном уровне. Но вот не задача, притянув этот блок к шапке сайта, снизу (как я и говорил выше) появился этот самый отступ в 100px, то есть сам блок тянется, в зависимости от кол-ва текста на странице, но этот отступ никак убрать не получается. Помогите если есть у кого время) Спасибо!

    Asked by chendger,

    0 votes
    4 answers

  25. Ромбовидное меню.

    Столкнулся с весьма интересной задачей - написать ромбовидное меню. Немножко почитав CSS3 собрал примерно такую штуку. Отлично работает во всех адекватных браузерах, но когда начал это оптимизировать под IE 7-8 возникла проблема. Если быть точнее - то фильтр DXImageTransform.Microsoft.Matrix работать адекватно со свойством overflow:hidden отказался напрочь. Если у кого-нибудь есть идеи как можно побороть данную беду - буду очень признателен. Не хочется из-за explorer'а пересматривать всю концепцию данного меню.

    Asked by gheljenor,

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