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. нужна помощь при работе с текстом и фоном

    Доброго времени суток. Я часто пользуюсь сайтом www.amalgama-lab.com, это сайт с переводом песен. Меня интересует вот какая деталь, когда заходишь на перевод песен там есть 2 столбца с текстом и при наведении на любую из строчек фон текста меняется, как это сделать? Я хотел бы понять как оно работает, ведь это будет очень полезно при чтении на сайте большого количества текста. Woldzlo,

    Asked by Woldzlo,

    0 votes
    5 answers

  2. Звук при наведении на ссылку...

    .

    Asked by bob_24,

    0 votes
    6 answers

  3. ссылки под готовый header

    как настроить ссылки под готовую шапку сайта со слайсами с эффектом hover. пример есть header 950х150 с предпологающими ссылками обо мне, фото,контакты. буду очень рад за оказанную помощь.

    Asked by tony,

    0 votes
    5 answers

  4. отступы в IE8

    Тема закрыта

    Asked by V0yager,

    0 votes
    1 answer

  5. Как должен работать font-weight

    Здравствуйте. font-weight работает почему-то только в двух режимах: обычный (от 100 до 600) и жирный (от 600). По идее шрифт ведь должен и при других значениях? Пробовал в опере, хроме, фаерфоксе на разных шрифтах. И еще не по теме. Что такое с кодировкой?

    Asked by maceraty,

    0 votes
    11 answers

  6. Не могу понять.

    Добрый вечер! Вроде всё просто, но я не могу понять действительные минусы от прописывания цветов как #fff, вместо #ffffff или #f00, вместо #ff0000. Вижу только один плюс, экономия 3 знаков с каждого цвета. Подскажите пожалуйста, чем это чревато? Спасибо...

    Asked by Arinden,

    0 votes
    19 answers

  7. Резина

    Здравствуйте! Я сделал так что б картинка была на весь экран, но при добавлении большого количества текста в "центр", текст выходит за пределы картинки, как сделать что б центр растягивался в зависимости от текста. тоесть изначально картинка подгоняется под размер экрана, а потом если текста много то центр растягивался. Куда копать? <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>резина</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="rezina.css" media="all" /> </head> <body> <div class="kartina_up"> …

    Asked by Petro21,

    0 votes
    0 answers

  8. Как правильно объединить картинку и текст в одну ссылку?

    Здравствуйте. Мой вариант: <a href... class="my"> <img ... > <span>Текст ссылки</span> </a> где .my{ display:block; align:center; } чтобы картинка и текст были отцентрированы Это будет правильно?

    Asked by borus,

    0 votes
    8 answers

  9. Подскажите в чем ошибка

    Доброго времени суток уважаемые форумчане! Прошу помощи у знающих) Буду благодарна за помощь-подсказку. Подскажите пожалуйста, почему появляется вертикальная полоса прокрутки вот тут: http://jsfiddle.net/2GfY9/. Как-то сама, увы, дойти не могу) Заранее благодарю за всяческую помощь.

    Asked by Avesha,

    0 votes
    2 answers

  10. Неправильно работает меню на SSI

    Неторопливо готовится простенький сайтик на чистом html: http://profi-agit.ru/ Он наполовину пустой, не обращайте внимания. Вопрос в меню. Сейчас его код присутствует в каждой странице, что не очень удобно. Возникла нехитрая мысль вставлять его через SSI, пример тут: http://profi-agit.ru/index1.htm (сейчас только одна эта страница), где в index1.htm подставляется меню из menu1.htm. Всё работает, но есть проблемка - не подсвечивается пункт текущей страницы, как в index.htm. Прочитал это: http://htmlbook.ru/webserver/ssi/ssi-na-praktike => Выделение текущего пункта меню и сделал index2.htm, куда подгружается menu2.htm, где каждый пункт меню выглядит так: <!--#if expr…

    Asked by Pinguin,

    0 votes
    0 answers

  11. "обтекание" блока меню

    Доброй ночи. Есть сайт Пытаюсь переделать под маленькое разрешение монитора, приблизительно 750px по ширине. Надо добиться того, что бы левая часть контента (фотографии) "обтекали" правый блок навигации, при этом, чтобы пока не закончился блок навигации фото шли по 3-и штуки в ряд, а под блоком навигации по пять штук. Желательно без кардинальной переделки вёрстки. Дело в том, что при разном разрешении экрана будут подключаться разные файлы css. И если разрешение будет более 1000px, то сайт должен возвращаться в исходное состояние Подскажите, как решить данную проблему? Сам не могу додуматься... Заранее благодарю откликнувшихся.

    Asked by slo_nik,

    0 votes
    4 answers

  12. Не могу разобраться с <div class="...">

    вот мой код html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css"> <title>Анкета</title> </head> <body> <div><div class="block1">11</div></div> <div></div> <div></div> </body> </html> и вот код сss body { background-image: url(images/back.jpg); } div { width: 100%; } .block1 { width: 80%; …

    Asked by Glamik,

    0 votes
    1 answer

  13. Проклятый height: 100%

    Столкнулся с такой проблемой как блоки внутри таблицы. Как сделать блок #second высотой в 100% от родителя? http://jsfiddle.net/rDfgW/

    Asked by Freakmeister,

    0 votes
    11 answers

  14. Блок поверх других

    Делаю выпадающее меню. Структура такая: Код HTML: <div class="top_container"> <div class="menu"> <ul class="nav_menu"> <li>Item1</li> <li>Item2</li> <li>ItemN</li> </ul> </div> <div class="mask"> </div> </div> <div class="main_container"> </div> Мне надо, чтоб элементы из ul выводились поверх всего, в т.ч. и блока "main_container". В таблице стилей у меня прописано Код: ul.nav_menu { position: absolute; overflow: visible; disaply: block; z-index: 1000; } .mask { position: absolute; disaply: block; z-index: 500; } .main_container { position: absolut…

    Asked by aronsky,

    0 votes
    8 answers

  15. Проблема с позиционированием блочных элементов

    Здравствуйте. У меня возникли небольшие проблемы с изображением блоков, помогите плиз. В общем центральную страницу я делю на 3 блока. 1-й блок левый плавающий, 2-й по центру статический, 3-й плавает вправо. В центральном блоке хочу сделать 2 блока, чтобы они делили область пополам. один делаю - плавать влево, второй - вправо. но блоки вытесняют друг друга, если weidth:auto, когда ширина фиксирована, все нормально, но это не вариант, т.к. при маштабировании они могут смотреться просто ужасно(пустое поле между блоками). Помогите примерно как задать чтобы они грамотно рассположились, и каждый из них занял 50% от центральной области. Заранее спасибо. Есть идея конечно размес…

    Asked by vuler,

    0 votes
    4 answers

  16. Плавающий блок не хочет плавать

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

    Asked by DImas95,

    0 votes
    2 answers

  17. Редирект на мобильную версию сайта c помощью htaccess

    Здравствуйте. Ситуация следующая: есть основной сайт (к примеру www.site.ru) и мобильная версия www.m.site.ru. Необходимо, что бы происходил редирект через htaccess на мобильную версию сайта, если мы зашли на него через телефон. Еще проблема в том, что на мобильной версии сайта используются абсолютные ссылки на основную версию сайта. Поэтому редирект должен работать так же и на внутренних страницах. К примеру, www.site.ru/contacts должно вести на www.m.site.ru/contacts. Заранее спасибо

    Asked by htaccess,

    0 votes
    4 answers

  18. не работает мой первый скрипт:(

    при нажатии на кнопку цвет должен меняться цвет текста в диве на красный , но почему то этого не происходит???? <form> <input type="text" size=20 value="" id="firstOperand"> <input type="button" value="vivesti" onClick="document.getElementById('rez').innerHTML=document.getElementById(' firstOperand').value"><br> <input type="button" value="цвет" onClick="document.getElementById('rez').color='red'"> </form> <div id="rez" >здесь будет текст </div>

    Asked by olechic,

    0 votes
    2 answers

  19. В любом браузере нет растягивания по всей ширине ячейки

    Всем, привет! Столкнулся с такой проблемой. Вот код: <table border="1"> <tr> <td height="100%" style="border:1px solid #FF0000;"> <table height="100%" style="border:1px solid #00FF00;"><tr><td> ddsf asdf adsfd sf<br> ddsf asdf adsfd sf<br> ddsf asdf adsfd sf<br> </td></tr></table> </td> <td height="100%" style="border:1px solid #FF0000;"> <table height="100%" style="border:1px solid #0000FF;"><tr><td> ddsf asdf adsfd sf<br> </td></tr></table> </td> </tr> <tr> <td height="100%" style="border:1px solid #FF0000;"> <table he…

    Asked by stasrj,

    0 votes
    2 answers

  20. Курс по PHP

    посоветуйте БЕСПЛАТНЫЙ ВИДЕО курс по PHP, пробовал у Попова учиться он старый ииии.. кароче не смог по нему. ну на крайняк можно и книжку.

    Asked by Vanilnaya,

    0 votes
    4 answers

  21. Вопрос по jQuery

    Начит так. http://docs.jquery.com/Downloading_jQuery#Download_jQuery - спер от сюдова 1.7.1 (Release Notes) Minified http://professorcloud.com/mainsite/carousel.htm и по этому уроку сделал замечательную карусельку. счастью моему небыло предела. я радовался. Но вдруг горе! jquery.mousewheel.min чтобы карусельку крутить калесеком мышки надо вставить этот скрипт. но фак, она не крутиться. я провел расследование и выявил следующие: во всем виновата библиотека jquery без ней всё робит ок ок. Внимание вопрос "Дзынь" как сделать так чтобы и jquery было подключено и колесом мыши крутилась каруселька.

    Asked by Vanilnaya,

    0 votes
    8 answers

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

    Ребята, обнаружил недавно, что сайт разъезжается по вертикали в разных браузерах. http://www.rumax.ru/ Обратите внимание, что в Firefox футер не достает до низа. А в IE лучше, но в центральной части какое то белое пространство широкое какое-то. Буду очень благодарен помощи и советам.

    Asked by maximusb,

    0 votes
    3 answers

  23. Как сделать, чтобы картинка в шапке менялась

    Подскажите как сделать, чтобы картинка в шапке менялась при переходе со страницы на страницу. Допустим у меня три картинки (header.jpg, header2.jpg, header3.jpg), куда и какой внести код чтобы они по порядку сменяли друг друга? Если это важно, то тема "Selalu".

    Asked by seer333,

    0 votes
    4 answers

  24. button - при нажатии настройка стиля

    Подскажите пожалуйста: <button>Супер кнопка</button> button { background: transparent; border: 1px solid #DDDDDD; font-family: arial,sans-serif; font-size: 11px; font-weight: bold; color: #666; margin: 0px; height: 25px; border-radius: 3px; padding: 0px 6px; } button:hover { border: 1px solid #999999; } button:active { padding: 0px 6px; margin: 0px; } Во всех браузерах при нажатии (то есть это стиль button:active) по разному проявляется свойство padding, текст сдвигается (в ie вроде padding: 1px 1px 0px 0px, firefox - влево уезжает текст,opera тоже куда уезжает, один Chrome - понимает меня с полуслова )…

    Asked by AppleMacMy,

    0 votes
    1 answer

  25. как добраться до выделенного тега img?

    Здравствуйте. Пытаюсь добавить свойства: .categories-list .category-desc img{ display: block; border-radius:20px; width:620px; } к выделенному синим первому тегу img, но получается, что свойства применяются и ко второму тегу img, выделенному ниже. Как можно выбрать только первый тег img?

    Asked by borus,

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