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. Неправильно работает меню на 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

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

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

    Asked by Avesha,

    0 votes
    2 answers

  3. Не могу разобраться с <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

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

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

    Asked by slo_nik,

    0 votes
    4 answers

  5. float-поведение без переноса

    Подскажите пожалуйста, как такого добиться. Если содержимое зеленого блока может обтекать синий - это стандартная ситуация, а так - я не знаю.

    Asked by leventov,

    0 votes
    7 answers

  6. Как подогнать картинку под определенный размер

    Как можно подогнать картинку под определенный размер блока (див или таблицы неважно). Что бы картинка как-бы вписалась в выделенную область с сохранением пропорций. Подробнее: есть область 100х100, и картинки 150х50 и 50х150. Если в ксс указать только ширину картинки, первая картинка (150х50) ужмется как надо, а вот вторая (50х150) вылезет снизу. Если указать высоту, вторая (50х150) красиво ужимается но первая (150х50) вылезает вправо. Если указать и ширину и высоту - всё влезает но теряются пропорции. Вот код реализации задуманного с использованием таблиц: <table> <tr> <td class="customimg"><a href="link"><img src="image" width="100px"><…

    Asked by alleclf,

    0 votes
    4 answers

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

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

    Asked by Arinden,

    0 votes
    19 answers

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

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

    Asked by borus,

    0 votes
    8 answers

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

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

    Asked by DImas95,

    0 votes
    2 answers

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

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

    Asked by vuler,

    0 votes
    4 answers

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

    при нажатии на кнопку цвет должен меняться цвет текста в диве на красный , но почему то этого не происходит???? <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

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

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

    Asked by maximusb,

    0 votes
    3 answers

  13. Редирект на мобильную версию сайта 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

  14. Курс по PHP

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

    Asked by Vanilnaya,

    0 votes
    4 answers

  15. объединить необъединимое

    Приветствую! Имеется старый сайт табличной трёхколоночной вёрстки: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <table> <tr> <td width="240px" valign="top"> <table border="0"> <tr><td><img src="http://gif-ramka.ucoz.ru/_ph/31/2/188836022.png" width="240px" height="250px" /></td></tr> <tr><td><img src="http://www.google.com.ua/images/srpr/logo3w.png" width="240px" /></td></tr> <tr><td><img src="http://www.…

    Asked by stalker_2000,

    0 votes
    12 answers

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

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

    Asked by borus,

    0 votes
    2 answers

  17. Перевод pt в px ?

    Размеры шрифта в макете заданы в пунктах (12pt). Нужно ли эти размеры при верстке переводить в px или em ? Если да , то как это сделать ? Спасибо.

    Asked by Melnik,

    0 votes
    15 answers

  18. Ну и куда мне податься?

    Вопрос к модераторам: Почему закрыты верхние 4 темы? Это же раздел для начинающих или полупрофи или профи? Я что-то не пойму. И потом. В программировании не бывает глупых вопросов, это сказал проф. на ютубе иа Гарварда. Вот, к примеру, я начал изучать программирование с нуля, практически не имея ни малейшего представления что это и как. Делаю только первые шаги, т.е. HTML-CSS-JScript. Ну и куда мне податься? То, о чем пишут в этом разделе для меня пока далековато, а другие разделы вообще за пределами понимания (пока). Может есть другие форумы для стартующиx в этом деле?

    Asked by www...,

    0 votes
    57 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. Проклятый height: 100%

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

    Asked by Freakmeister,

    0 votes
    11 answers

  21. Имитация консоли

    Делаю небольшую имитация консоли и появилось несколько вопросов: 1) Как убрать у textarea полосу прокрутки, сохранив саму прокрутку? 2) Как сделать, что бы прокрутка textarea была в самом низу, после вывода скриптом? 3) Что не хватает консоли до уровня киношных консолей из фильмов про хакеров? 4) Как добиться свечения текста в опере? 5) Сейчас консоль полностью резиновая, как ограничить ширину только до 1280 пикселей, чтобы до этого тянулась, но больше не растягивалась? Сама консоль: http://tmin10.net.ru/console.html

    Asked by Tmin10,

    0 votes
    3 answers

  22. Обесцветить фото

    Добрый вечер Подскажите пожалуйста, можно ли средствами css или javascript обесцветить изображение налету, сделать чёрно-белым?

    Asked by slo_nik,

    0 votes
    6 answers

  23. Неудачная попытка переделать готовый пример

    закрыто.

    Asked by soif,

    0 votes
    0 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. Как сделать, чтобы картинка в шапке менялась

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

    Asked by seer333,

    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