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. Помогите пожалуйста

    Вот отрывок, макета. Начинаю его верстать. Проблема: Как сверстать двойные линии, те что отметил в красную "Рамку", цвета: #ccc; - Верхняя, #fff; - Нижняя. Как сделать эту двойную линию, что бы соприкасалась с макетом!? Помогите пожалуйста, очень нужно! Заранее спасибо!

    Asked by 7hp,

    0 votes
    6 answers

  2. Шаблон с плавающей шириной и ВЫСОТОЙ

    Добрый день! Подскажите ссылкой али на пальцах как реализовать шаблон страницы, так чтобы при изменении размеров окна можно было рисовать границу страницы внутри границы окна, то есть умещать содержимое в видимой части страницы. При этом не появляются ни вертикальная ни горизонтальная полоса прокрутки, естественно до разумных минимальных пределов. Вот нарисовал, то что думаю: http://www.imagepost.ru/?v=schema.png Прошу ваши вопросы и советы.

    Asked by neuro_pro,

    0 votes
    2 answers

  3. Помогите объединить вкладки!

    Не могу никак убрать пробел между вкладками Models и New faces. Помогите, плз! Вот.

    Asked by Poptimistic,

    0 votes
    15 answers

  4. Фрейм

    Добрый день. Как правильно называется этот прием, когда одна страница появляется поверх другой? Например, как в "в контакте", когда нажимаю на фото появляется страница с обсуждениями и увеличенной фоткой.

    Asked by JAmaica,

    0 votes
    3 answers

  5. repeat-y на заданный промежуток

    Всем привет. Я подозреваю, что решение данной проблемы касается не CSS, а JS, но решил создать тему тут. Проблема вот в чем: Существует 2 блока. В одном бэкграунд высотой 128pх со свойством repeat-y, картинка сама представляет собой текстуру из шахматных квадратов (например), а второй блок - это что-то вроде футера, который имеет замыкающую текстуру. И при растягивании блока над футером - само собой тектура не повторяется каждые 128px, а повторяется в зависимости от размера наполнения блока. Соответственно вопрос: Возможно ли свойству repeat-y задать фиксированный "шаг" с которым оно будет повторять изображение? Заранее спасибо

    Asked by Morrag,

    0 votes
    2 answers

  6. проблемы с отображением меню в Opera 11.50

    Здравствуйте уважаемые форумчане, помогите пожалуйста решить возникшую проблему с работой плагина jQuery Vertical Mega Menu . В Opera 11.50 не отображается всплывающее меню. Вот ссылка на сайт http://testingweb.onlinewebshop.net/ . Помогите пожалуйста. Заранее благодарен

    Asked by msv_serg,

    0 votes
    1 answer

  7. Верстка бокового меню на джумла через ul li

    Бьюсь с css, не выходит сделать пункты меню с фоновым изображением одинаковой фиксированной ширины - или все ломается или делает по ширине текста. Может кто сталкивался? Настраиваю через ul и li Сейчас такая каша уже: .hlink li { line-height:42px; width:180px; text-align:right; font-size:16px;} .hlink ul li a {width:180px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image:url(../images/80.png); border:1px solid #999; padding:8px 25px; text-align:right; font-size:16px; text-shadow:#555; color:#000; text-decoration:none} .hlink li a:hover { background-image:url(../images/bluebtn.jpg); background-repeat:repeat-x; color:#FFF} hashimk…

    Asked by knowledge,

    0 votes
    3 answers

  8. растягивание как на яндексе

    Привет всем! Делаю сайт, но никак не могу сообразить каким образом сделать вёрстку как на яндексе — при растягивании экрана, расстояние от краёв браузера до содержимого сайта сильно меняется. А при сжатии - расстояние сокращается до минимума. Попробуйте сами порастягивать браузер. Изобразил для нагладности: Вёрстка блочная. Что делать? Очень расчитываю на вашу помощь.

    Asked by wolfandman,

    0 votes
    7 answers

  9. Изображения друг под другом без промежутков

    Подскажите пожалуйста разницу между 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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Изображения по вертикали</title> <style type="text/css"> DIV.img IMG { display: block; } </style> </head> <body> <div class="img"> <img src="images/ecctitle.png" alt="Название"…

    Asked by creaturee,

    0 votes
    2 answers

  10. mailto не работает

    Здравствуйте, подскажите сверстал html письмо тегом map возникла проблема в браузере opera, лиса (на yandex работает, а на gmail нет) в письме не работает mailto (то есть не активная кнопка) в the bat все работает! Подскажите как решить.

    Asked by Rubik,

    0 votes
    1 answer

  11. Рассылка СМС с сайта

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

    Asked by Mikhail555,

    0 votes
    3 answers

  12. Тег <select>

    Ребят выпадающий список <select> возможно отображать в несколько колонок?

    Asked by ShumNo,

    0 votes
    4 answers

  13. способы проверки вёрстки

    интересно знать кто какими способами проверки качества вёрстки обычно пользуется? можете к этому списку добавить что-нибудь важное?

    Asked by cyklop77,

    0 votes
    12 answers

  14. При нажатии на одну ссылку открывались 2-ве

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

    Asked by Artemis56,

    0 votes
    31 answers

  15. Запись формы с checkbox в БД

    Надо, чтобы отмеченные чекбоксы записывались в БД в одно поле "polecheckbox" (тип поля varchar(255)). Записывались в таком виде: option1, option2, option5 или a1, a2, a5 как правильно? Напишите, пожалуйста, правильный вариант формы с передачей отмененных значений в БД. И чтобы при выводе, если значение в БД записано (присутствует в поле polecheckbox), то оно было отмечено, если не записано, то не отмечено. <form method="POST"> <input type="checkbox" name="option1" value="a1">один<br> <input type="checkbox" name="option2" value="a2">два<br> <input type="checkbox" name="option3" value="a3">три<br> <input type="checkbox" name="op…

    Asked by qazibum,

    0 votes
    3 answers

  16. Жирные цифры в ul

    Добрый день! Возникла необходимость реализовать такой вот список: 1. Первый пункт 2. Второй пункт 3. Третий пункт Каким образом можно выделить цифры, и при этом не выделять текст. Пробовал так, не подходит: span {font-weight:normal;} <ul style="font-weight: bold"> <li><span>Первый пункт</span></li> <li><span>Второй пункт</span></li> <li><span>Третий пункт</span></li> </ul>

    Asked by moskalev_mihail,

    0 votes
    8 answers

  17. Подскажите с расположением элемента

    Добрый день, дорогие форумчани! Сразу извиняюсь за возможно корявый код, это мой самый первый сайт, и то что привожу его прямым текстом, а не даю веб-ссылку (да я прочел ваши пожелания). Помогите пожалуйста с написанием кода для данного хедера: Имеется следующее: сам сайт будет фиксированной ширины 1024px и располагаться по центру страниц, хедер решил сделать слегка резиновым), а именно картинки бабочек и печенек сделал repeat-x, но основная часть та, что на картинке, располагается по центру страницы. Проблема заключается в том, что не могу поставить поле поиска в нужное место, оно у меня уезжает вместе с расширением окна браузера. и собственно вот код: <!DOCTYPE h…

    Asked by venrt,

    0 votes
    6 answers

  18. div по центру

    здравствуйте есть html: <div class="head"> <div class="left"></div> <div class="center"></div> <div class="right"></div> </div> и css: .head { overflow: hidden; } .left { float: left; } .right { float: right; } как сделать <div class="center"></div>, по центру блока head? margin: 0 auto; не помогает. спасибо

    Asked by vvsh,

    0 votes
    8 answers

  19. Проблема с денвером

    Доброго времени суток. Суть проблемы: набираю http://localhost/Tools/phpMyAdmin/'>http://localhost/Tools/phpMyAdmin/ - попадаю верно и http://localhost - попадаю на свой сайт в интернете вида www.сайт.ru Разными браузерами - тоже самое. Переставлял денвер - работало, дальше опять та же проблема. Первый раз с этим столкнулся вчера на ноутбуке, теперь и на настольном та же фигня)) В hosts все по умолчанию. Кто нить с таким сталкивался?

    Asked by Non Stop,

    0 votes
    5 answers

  20. Div блок и прокрутка

    Есть всплывающий div блок, в который загружается текст для редактирования. Контейнер выставлен по центру left:50%; top:50%; Проблема: когда разрешение небольшое, контейнер вылезает за границы экрана, прокрутка появляется, но сам блок остается отцентрованным и прокрутка на него не действует. Как с таким бороться? Параметры контейнера: #popup { background-color: #FFFFFF; position: fixed; height:600px; left:50%; top:50%; min-width: 300px; z-index: 41; }

    Asked by Жуля,

    0 votes
    10 answers

  21. Как убрать двойные границы?

    border-collapse, как я прочитал только для таблиц. а что делать если граница проходит между меню и контентом? ведь может меню быть длиннее (когда контента мало), а может и контент. а граница должна быть до футера. height:100%; не помогает, у контента поставил границу, но все равно он бывает короче меню

    Asked by AquaGen,

    0 votes
    2 answers

  22. Подскажите с margin

    Есть кусок css и html: body { color: #fff; background: url("../i/bg.jpg") repeat top center; } #wrapper-body { background: url("../i/logo.gif") no-repeat top center; } #wrapper { width: 902px; margin: 0 auto; } #header { background: url("../i/line_alfa.png") no-repeat bottom center; } #h-top { height: 178px; } #content { background: url('../i/cn_padding_left.png') repeat-y left; } #cn-wrap { background: url('../i/cn_padding_right.png') repeat-y right; } #cn-menu { background: url("../i/line_gor.png") no-repeat bottom center; } #cn-menu-wrap { width: 782px; margin: 0 auto; background-color: #001e16; } #h-nav li { display:-moz-inline-stack;/*Fi…

    Asked by oke11o,

    0 votes
    0 answers

  23. Расположение ссылок на странице

    Здравствуйте! Столкнулся с задачей сделать красивое меню, картинка со сносками, как на примере Все подписи должны быть ссылками. Я пробовал делать фон для страницы с этой картинкой, и накладывал слои с ссылками на нужные места, то они привязываются относительно определенной стороны и при масштабировании окна браузера "уезжают", как можно расположить их фиксировано, или может быть я не туда шагаю?

    Asked by andreyvorobey,

    0 votes
    9 answers

  24. Второй шаг. Тянем резину

    Представляю свой второй сверстанный макет FirstOrange Прошу посмотреть, оценить, покритиковать и наставить на путь истинный в дальнейшем освоении этого увлекательного занятия

    Asked by MadMax,

    0 votes
    7 answers

  25. Проблемы с созданием карты изображений.

    Доброго времени суток, Уважаемые!) Помогите разобраться, если не трудно.. Суть в следующем: есть фотография, на каждом из персонажей которой спозиционированы гиперссылки и образованы области для щелчка. В FF и Google Chrome все работает на УРА, а в OPERA и IE проблемы - спозиционированные области ВНЕ изображения показываются и активны при наведении, а размещенные непосредственно на фотографии не активны. В чем могла бы быть загвоздка? Тут ссылка на эту страницу. Собственно, сам код: <!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&gt…

    Asked by herr.boyar,

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