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. Почти меню, при наведении на блок, показывает другой блок

    Идея думаю будет понятна из кода, вот только как заставить не падать блоки вниз ? Блоки должны быть резиновыми, размеры дал просто для понимания что и где, вариант поставить координаты блоку не подходит. Сделать такое на яве делов 5 минут, вот только интересует вариант на 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"> <style> div { border: 1px solid; display:block; } .m1 , .m2 , .m3 { float: left; width:50px; height:50px; position: relative; border: 1px; } .s1 , .s2 , .s3 { display:none; position: relative; …

    Asked by iillyyaa2,

    0 votes
    21 answers

  2. Резиновая верстка в 3 колонки

    Можно-ли и как реализовать резиновую верстку блоками в 3 колонки, с условием, что если удалили 3 колонку, вторая тянется до правого поля броузера.

    Asked by johnson,

    0 votes
    18 answers

  3. Прозрачная картинка...

    В продолжение этой темы... Выключаю все слои, кроме того, что с нужной прозрач. картинкой (он серый и прозрачный), выделяю прямоугольным выделением, копирую с содержимым, вставляю в новый документ и сохраняю для Web и устройств в PNG... В итоге получаю непрозрачную картинку!! ( Что не так?? Как же добиться прозрачности??

    Asked by DrStrangeLove,

    0 votes
    28 answers

  4. Div background repeat-y

    Доброго времени суток! В новом проекте озадачился одной интересной проблемой. Суть проблемы та же что и у автора с этого буржуйского форума. Вот только решение меня не очень радует. Как-то не кошерно использовать JS для верстки. Верстка у меня примерно такая же, т.е. три дива один под другим и еще по три дива в каждом из них. У всех float: left. В дивах content_left_vertical и content_right_vertical есть только фоны с повторением по вертикали и нет контента. Чтобы появился фон, этим дивам нужно указать высоту, но высоту дива content, в котором, как следует из названия, лежит контент, заранее узнать невозможно. Выкурил кучу хаков выравнивания колонок по одной высоте, но вс…

    Asked by corsair,

    0 votes
    9 answers

  5. Не пойму почему создается оступ

    Добрый день! Никак не могу понять, каким образом у меня в верстке создается такой отступ: Сразу под заголовком "Шкафы" идут разделы, знизу идет отступ. dasma.ru/products/skafi/ margin и padding стоит 0, где возможно. Очень прошу помощи! Заранее благодарен.

    Asked by Artik20003,

    0 votes
    12 answers

  6. подчеркивание текста

    народ, есть вопрос, а можно ли сделать подчеркивание текста не на всю длинну текста, а задать ему свою длину?

    Asked by shtilev,

    0 votes
    3 answers

  7. Картинка валидации

    Добрый день уважаемые гуру! Страница-заглушка валидная как html 4.01 так и css, но в хроме 11, ie6 , опере 11.10 ссылка на сайт между этими 2-мя ссылками какое-то нижнее подчеркивание "_" ? В Фоксе 4 такого не наблюдается. Что это, глюк? Если картинки на разных строчках делать, то всё замечательно -- Заранее спасибо за Ваши ответы

    Asked by alexey_,

    0 votes
    1 answer

  8. позиционирование в CSS

    Время от времени на разных форумах при обсуждении вёрстки можно прочитать критику типа "всё висит на абсолютах" и т.д. А чем это плохо?? Чем плохо чрезмерное использование позиционирования?? На чём это может сказаться??

    Asked by DrStrangeLove,

    0 votes
    2 answers

  9. Всплывающее меню

    У меня вопрос про меню. Помогите, люди добрые. Как это горизонтальное всплывающее меню сделать шестиуровневым? Друг попросил, а я не умею. <HTML> <head> <title>hover</title> <style type="text/css"> UL {width:800px; list-style:none; margin:0; padding:0; font-family:Arial,sans-serif; font-size:10pt;} UL li {position:relative;display:inline-block;} li UL {position:absolute; display:none; top:20; left:0px; z-index:1;} li A {display:block; width:100%; padding:5px; text-decoration:none; color:#666; border:1px solid #ccc; background-color:#f0f0f0; border-bottom: none;} li A:hover {color:#ffe; background-color:#5488a…

    Asked by slava03,

    0 votes
    17 answers

  10. First-letter в Firefox

    Во всём кроме Фаерфокс эта конструкция корректно работает, а как её подружить с ФФ? <!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" /> <style type="text/css"> a { display: block; width: 123px; height: 114px; border: #505050 1px solid; text-decoration: none; position: relative; } a:hover { background-image: none!important; background-color: #eff4e7!important; text-decoration: none!important; } a span { di…

    Asked by Wak,

    0 votes
    5 answers

  11. создание меню

    привет. знает кто как реализовать такое меню: т.е. при наведении становится серый блок вместе с текстом.

    Asked by shtilev,

    0 votes
    4 answers

  12. Просто кнопка

    Пытаюсь повторить поле ввода по картинке, но не получается разметить нормально кнопку отправки. Она не хочет выравнятся по вертикали в центре. Что с ней не так? Собственно сам код

    Asked by Tmin10,

    0 votes
    4 answers

  13. Опять выпадающее меню

    Выручите /* удалил урл */ Вот тут на подменю нажать не получается, потому что оно пропадает. А на главной странице оно вообще не появляется. Вёрстка не моя. _http://sko.10401.aqq.ru/ Вот это я делал, здесь меню сделано точно так же - и работает. Где собака зарыта о_О?

    Asked by Gaspode,

    0 votes
    10 answers

  14. не работает ссылка

    Здравствуйте, у меня такая проблемка, делаю сайт http://filinajewelry.ru/ , точнее попросили доделать, не могу понять почему не работают ссылки на разделы .модели и дизайн .ремонт и обслуживание .партнеры .контакты, никак не могу понять что надо сделать?? если надо файлы какой-нить страницы html и файл css могу скинуть

    Asked by oledjiks,

    0 votes
    3 answers

  15. Помогите плз

    Народ такой вопрос , никак сам немогу вникнуть как сделать что бы текст находился на картинке по центру ( всё это было ссылкой , и картинка и текст ) и в одном диве , так же что бы при :hover на это всё , текст оставался таким же . а картинка изменялась. 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link type="text/css" href="lol.css" rel="stylesheet" /> </head> <body> <div class="gg"> <a href="#">te…

    Asked by MaferoK,

    0 votes
    2 answers

  16. Cкрытые br как их удалить

    Оч. странная вешь, Firebag показывает br а в блокноте и Dreamweaver их нет, а надо бы их удалить! Не подскажете в чем может быть баг? http://s41.radikal.ru/i091/1105/08/92376147cd72.jpg вот тут большое изображение Всем заранее спасибо за помощь!

    Asked by proud,

    0 votes
    8 answers

  17. маленький хелпик html and css

    Подскажите ссылочки на полные учебники. хочу перечитать и набраться новых знаний

    Asked by xotabb,

    0 votes
    4 answers

  18. Отступ после блока с clear: both

    Имеется контейнер, в котором несколько блоков с float: left. В завершении, чтобы убрать обтекание ставлю блок с clear: both; При этом появляется отступ после этого блока, т.е. блок с clear: both; растягивает контейнер по высоте. С подобнымстолкнулся впервые, исправить смог только overflow: hidden; у контейнера. Пример кода: <div style="width:100%;overflow:hidden; "> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test te…

    Asked by pav8909,

    0 votes
    5 answers

  19. ПО для создания "графических" макетов

    Всем хи... Подскажите плиз существуют ли в природе какие-либо програмулины ориентированные на создание графических макетов???(никогда не делал макетов, сразу верстал в HTML). То есть чтобы можно было быстро сделать набросок, а потом, когда определишься с примерным видом страницы, наводить красоту в фотошопе например.

    Asked by CoDy,

    0 votes
    1 answer

  20. Тег <collapse>

    Кто-нибудь знает как работает тег <collapse>? Мне нужно сделать разворачивающийся текст Допустим набираю: <collapse collapsed title="Этот текст будет разворачиваться"> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </collapse> на экране отображается только текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст Что я делаю не так?

    Asked by S-art1,

    0 votes
    6 answers

  21. Отправка формы в iframe на другой странице

    Привет, Нужна помощь, обыскал весь google, но нечего не нахожу. Задача такая, есть: 1) Страница #1 на которой форма (логин и пароль) 2) Страница #2 на которой iframe Реально ли передать данные формы из страници #1 в iframe на странице #2? Передавать данные со страници на страницу, умею, но реально ли это сделать в данном случае? Буду, очень признателен, если поможете.

    Asked by uncancelled,

    0 votes
    3 answers

  22. не получается прозрачный бэкграунд

    в бэкграунд ложится картинка, нужно средствами CSS задать ее прозрачность сделал так: .mainbg { background: url('../img/general.jpg') no-repeat; /* Internet Explorer */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5; } но почему-то прозрачным становится текст сайта вот как отработало _hххp://sbsg-consulting.com помогите плз

    Asked by SKM,

    0 votes
    10 answers

  23. Резиновое расстояние между картинками.

    Здравствуйте. Столкнулся с одной проблемой и не знаю как ее решить. Есть файл с рисунками меню и мне нужно это меню сделать на сайте, но что бы расстояние между рисунками было резиновое - изменялось пропирционально рассширению браузера. Меню ввиде рисунков я сделал, но c резиновым расстоянием у меня возникли проблемы. Как задать чтоб расстояние между рисунками было не фиксированным (word-spacing:) - а динамическим, вымеряемое у процентах. ?

    Asked by xunicornx,

    0 votes
    13 answers

  24. Как зафиксировать меню сверху экрана

    Есть меню, оно в середине экрана, при прокручивании страницы, когда скрывается это меню - его надо зафиксировать с верху браузера? Что-то похожее есть в яндекс почте.

    Asked by pixelranger,

    0 votes
    4 answers

  25. div'ы и ie6

    Приветствую. Имеем следущий код: #body { width:1000px; height:100%; margin:0 auto; display:block; } #left { width:62px; height:auto; -height:expression(this.scrollHeight < 221 ? "221px" : "auto"); min-height:221px; background:#e0e0e0 url(../images/index_06.jpg) no-repeat top; -margin:-13px 0 0 0; display:inline; float:left; } #right { width:937px; height:auto; -height:expression(this.scrollHeight < 221 ? "221px" : "auto"); min-height:221px; -margin:-13px 0 0 0; display:inline; float:left; } #right_top_left { width:286px; height:30px; display:inline; float:left; } #right_top_right { width:651px; height:30px; background-color:#e0e0e0; di…

    Asked by bobo,

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