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

  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. hover для а с id

    Подскажите пожалуйста, как присвоить :hover для <a> с #id. Вот код, получается для тегов <a> нужен :hover. <div id="icons"> <a href="#" id="site_map_icon" title="Карта сайта"></a> <a href="#" id="cotact_icon" title="Контакты"></a> </div> div#icons { width:100%; height:25px; border:1px solid #f8f8f8; } #cotact_icon { width:12px; height:9px; background:url(../../img/cont_icon.png); display:block; margin:7px 40px 0 auto; } #site_map_icon { width:17px; height:9px; background:url(../../img/map_icon.png); display:block; float:right; margin:7px 10px 0 auto; }

    Asked by resoursa,

    0 votes
    6 answers

  2. Кросброузерное отображение управляющих символов

    В создаваемом тексте присутствуют символы, которые отображаются только в Akelpad при создании кода или в готовом варианте - в браузере "Opera v11.50". Пример (символы с 1-го по 32-й): Коды символов Вопрос: Как добавить возможность отображения данных символов в других браузерах?

    Asked by Walter_Stolz,

    0 votes
    6 answers

  3. Сайдбар по всей ширине

    Здраствуйте! У меня такая проблемка. Нужно сделать такую страничку. ...................(Хедер видс 100%)........................ ........(Контент 700пх по центру)..(Сайдбар с ценра......... ................(с сайдбаром)...........до края)............ ...................(Футер видс 100%)........................ Помогите пожалуйста, у меня проблемка с сайдбаром, просто искажаеться если именшать вылазит на контент. Может свой кто-то вариант предложите. Заранее блогодарен, с уважением, Андрей! ПС. Оч. Нужна помощь!

    Asked by Vendetta-V,

    0 votes
    6 answers

  4. Сайт рушиться в зависимости от разрешения экрана

    Сдравствуйте, возможно такая тема уже создана, но все же.Создаю сайт с использование "резиновой" верстки, направленной на то чтобы при изминении разрешения экрана структура сайта сохранялась, и мне это удалось: все блоки остаються на месте и в тех пропорциях в каких я и указал. Но загвозда оказалась в том что блоки сохраняються, но содержимое этих блоков розпадаеться, например: фоновая картинка одного из блоков при нормальном разрешении отображаеться полностью, а, например при разрешении 800*600 отображаеться только кусок, который влез в блок.У меня есть некоторые предположеия насчет этой проблеммы: картинки ведь определенного размера и их размер не зависит от размера окн…

    Asked by BART_VADER,

    0 votes
    6 answers

  5. разбиение фона

    разбирал одну страницу и появился вопрос. зачем фон(небо, трава) составлен из 4 картинок, а не из 2? наверняка здесь какая то мысль, но моего опыта не хватает чтобы понять

    Asked by cyklop77,

    0 votes
    6 answers

  6. Фон: растянуть и фиксировать!

    Извините, знаю что эта тема уже поднималась, но там не все ссылки работают. Я новичок, поэтому сразу прошу-подробнее!!! Надо растянуть автоматом фон под любое разрешение и зафиксировать. Недавно узнала про существование слоёв, очень понравилась идея, если можно сделать через них, то буду вообще в восторге!!! Ещё раз извините за тему, которую поднимает, наверное, каждый новичок, но я вам торжественно обещаю, что если вы меня научите, когда я подучусь, то напишу учебник и вас больше не будут мучать этим вопросом)))Заранее спасибо!! Всё бы ничего, но в ие вот это не работает: <html> <head> <title>Математика для народа</title> <style type="text/css…

    Asked by Matoka Kusanage,

    0 votes
    6 answers

  7. Проблема с input

    Я только начал изучать веб-разработку. Так что тонкостей еще не знаю. Вот сейчас озадачен таким вопросом: почему когда я добавляю в код страницы <div id="im_admin"> <input /> <div> ...у меня нормально добавляется поле для ввода текста. Но когда я либо-как редактирую его в сss: #im_admin {float:right;} ...пропадают все бекграунды с других div блоков. Отформатировано то правильно, но при этом выдает только цвет фона <body>.

    Asked by Karponter,

    0 votes
    6 answers

  8. как лучше сверстать

    Здравствуйте, подскажите, как лучше сверстать такой макет. Главные проблемы: 1. плавный переход в фон на краях 2. анимированый фон (блестят логотип и завитушки).

    Asked by oke11o,

    0 votes
    6 answers

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

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

    Asked by venrt,

    0 votes
    6 answers

  10. Проблема с отступом в Explorer 9

    Не могу понять, откуда берется отступ в 1 пиксель от всех краев браузера IE9. В других браузерах такого нет. Смотрим скриншоты: Explorer: Chrome и все остальные браузеры: Как видно на скринах, даже полоса прокрутки отступает на один пиксель от края браузера. Помогите с решением вопроса.

    Asked by murtukov,

    0 votes
    6 answers

  11. Помогите пожалуйста удалить "фон сайта"

    Всем доброго времени суток. Сейчас я делаю первый в своей жизни сайт, и столкнулся с трудной для меня проблемой - как можно удалить фон сайта как таковой, ну или же сделать размер страниц таким, чтобы он его полностью закрывал. Буду очень признателен за помощь. сайт - Моя ссылка фото - http://i066.radikal.ru/1108/98/fda585502ab6.jpg

    Asked by Screamermod,

    0 votes
    6 answers

  12. Помогите пожалуйста

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

    Asked by 7hp,

    0 votes
    6 answers

  13. Убрать блок из поля видимости

    Здравствуйте, когда я убираю блок из поля видимости методом position: absolute; top: 9999px left: 9999px Появляется скролл, как от нее можно избавиться?

    Asked by like2dev,

    0 votes
    6 answers

  14. Криво работает выделение

    Есть сайт проблема в том, что сложно выделить на нем текст т.е. к примеру если начать выделять e-mail и выделить чуток дальше, то выделение слетает. Тоже самое с остальными текстами. В чем может быть причина? Проблема в дивах?

    Asked by suliman,

    0 votes
    6 answers

  15. Проблема с высотой <div>

    Здравствуйте! Ситуация такая: блок #page, растянутый на 100% высоты страницы, содержит в себе два блока: #content и #footer. Блок #footer зафиксирован внизу блока #page, и его высота зависит от содержащегося в нем текста (текст, при этом, может быть различный, т.е. высота не фиксирована). Задача: нужно максимально растянуть #content по высоте, так, чтобы он не перекрывал #footer (по центру блока #content будет выровнено изображение). Иными словами, #footer растет вверх от нижнего края страницы, а #content должен занимать все свободное пространство от верха страницы до блока #footer. Подскажите, пожалуйста, как этого добиться.

    Asked by tardosmors,

    0 votes
    6 answers

  16. Как сделать верстку

    Имеется PSD макет: Как примерно сделать верстку? Разбить его на два блока? Интересует план верстки, при котором его лучше сверстать.

    Asked by Bryant-24,

    0 votes
    6 answers

  17. валидатор

    <link href="http://fonts.googleapis.com/css?family=Roboto:400,100,300|Roboto+Condensed&subset=latin,cyrillic-ext"rel='stylesheet'> подключаю этот шрифт, не проходит валидацию. вот что пишет валидатор w3c почему так и как можно решить проблему?

    Asked by raptor-dm,

    0 votes
    6 answers

  18. Javascript в HTML

    Здравствуйте! Поделитесь видео уроками как добавлять Javascript в HTML. немогу найти в инете в онлайн просмотре. И буду признателен если есть хорошая база видео уроков конкретно по HTML 4.01

    Asked by Didorri,

    0 votes
    6 answers

  19. Проблема Content-Slider в wordpress сайте

    Здравствуйте, уважаемые участники форума, у меня следующий вопрос: сайт www.agotido.ru сверху слайдер в шапке сделанный посредством плагина Content-Slider, весь шаблон до определённой степени обладает так называемой "резиновостью", а слайдер нет, как и его сделать резиновым? заранее спасибо

    Asked by astronautt,

    0 votes
    6 answers

  20. Проблема с @font-face

    Пытаюсь подключить нестандартный шрифт через @font-face. Если html, css файлы и шрифты лежат в одной папке, то отображается все везде как надо. Если файл со стилями и шрифты раскладываю по разным папкам (пути естественно тоже меняю), то Мазила всех версий перестает видеть этот шрифт. В чем может быть проблема? Или что я делаю не правильно? <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="../Css/test.css"> </head> <body> <h3>Etiam porta sem malesuada magna mollis euismod</h3> <p>Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vesti…

    Asked by Dinow,

    0 votes
    6 answers

  21. clear both

    Есть сайт: cbs-kurgan.com, сверстан на блоках. При вставке блока <div style="clear:both;"></div> Текст в центральном блоке опускается до уровня последнего символа в правой колонке. Подскажите, что поправить в стилях. Мне кажется это распространенная ошибка..

    Asked by muzhik,

    0 votes
    6 answers

  22. Нужен шаблон!

    Всем доброго времени суток! В общем мне нужна ваша помощь. Пожалуйста помогите найти мне шаблон/дизайн что то типа этого: Не реклама! В общем нужен слайдер на основе html/css с выбором. Типа как на этом сайте! P.S. Вот клевый сайт, но не слайдер к сожалению.

    Asked by ice72,

    0 votes
    6 answers

  23. Не отображается футер в FF 3.6

    На сайте есть блок bottom который не отображается в лисе 3.6, причину такого бага не понял. С остальными браузерами проблем нету, смотрел. У кого есть возможность могли бы глянуть и подсказать в чём может быть проблема.

    Asked by SkyTrace,

    0 votes
    6 answers

  24. Резиновый сайт по центру экрана

    Задача: сделать резиновый макет сайта, расположенный по центру. Сделать фиксированный макет по центру, например шириной 960 пикселей, не трудно. На мониторах с шириной 1024 и 1280 такой сайт будет смотреться хорошо, но вот на мониторах с шириной 1680, и тем более 1920, уже не устраивает. Хотелось бы, что бы на больших расширениях сайт растягивался допустим до 1200 пикселей (не будем трогать тему удобочтения длинных строк), а на маленьких (1280, 1024) 960. Или как-то пропорционально растягивался с ростом расширения. Недорешений несколько: 1. Как предлагают в большинстве статей: сделать сайт на всю ширину экрана. Такой вариант сразу отпадает. 2. Прописать свойства min-widt…

    Asked by bob_24,

    0 votes
    6 answers

  25. Выравнивание изображений

    Здравствуйте. Есть список ul, также изображения около каждого пункта, которые появляются при наведении курсора на пункт. Ниже css и список. div.firmwares ul li { position: relative; } div.firmwares ul li img { display: none; position: absolute; top: 0; border: 1px solid #228B22; left: 40%; } div.firmwares ul li:hover img { display: block; } <ul id="se"> <li><a src="/se_c510">Aino</a><img src="img/se/Aino.png" /></li> <li><a>C510<img src="img/se/c510.png" /></li> <li><a>C702<img src="img/se/c702.png" /></li> <li><a>C902<img src="img/se/c902.png" /></li> …

    Asked by Jonathan,

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