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. Проблема с блоками в таблице

    Парни, помогите решить вот такую проблему http://prntscr.com/2oxuoi Зеленые полоски (что я указал красной рамокй) должна быть по высоте ячейки, в зависимости от height ячейки таблицы. Код вот такой: <table class="char-table-two" ><tr><td><span>Ширина</span></td><td><span>мм</span></td><td><span>646<br />646<br />646<br />646</span></td></tr><tr><td><span>Глубина</span></td><td><span>мм</span></td><td><span>530<br />530</span></td></tr> </table> .char-table-two { b…

    Asked by _Alexanred_,

    0 votes
    4 answers

  2. Проблема cо ссылкой

    Доброго времени суток друзья! Первый раз взялся что то пытаться сверстать. Естественно сразу проблема. Вот проблема: В правом нижнем углу фотографии - ссылка(будущий логотип) EnjoyTrip. Собственно проблема в том, что при нахождении курсора чуть ли ни на моём лице, он уже меняется на ссылку. Т.е. находясь очень далеко от ссылки, он её уже видит. Вот код: <!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="sty…

    Asked by fa_t,

    0 votes
    4 answers

  3. Выбор способа разметки двух колонок

    Имеется: два столбца, левый - фиксед, правый - резинка, обернуты контейнером. Требуется: подобрать способ разметки, желательно простой и удобный, или указать на достоинства и недостатки приведенных ниже способов, найденных мной в интернете. 1й: http://jsfiddle.net/2ydUW/3/ 2й: http://jsfiddle.net/2ydUW/2/ HTML: <!DOCTYPE html><html> <head> <title>var. 2</title> <link rel="stylesheet" href="css/main.css"> <script src=""></script> </head> <body> <div class="wrap"> <div class="leftColumn"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis odio odio, vel dignissim elit sodal…

    Asked by Kenshi24,

    0 votes
    4 answers

  4. Пока не нажата кнопка выполнять код

    $(document).ready(function() { while !( $('.div').click()) { какой-то код } }); что не так? весь код из-за этого отваливается...Не помогает // $('.div').click(function(e){break;}); и не while $('.div').click())=false какой-то код }

    Asked by romoga,

    0 votes
    4 answers

  5. font

    В каком именно файле шаблона надо искать, чтоб поменять цвет системных сообщений:http://truebooks.ru/newposts/? <font color="#FF0000"><b>Непрочитанных вами публикаций на сайте не найдено.</b></font> ???

    Asked by JohnBondlock,

    0 votes
    4 answers

  6. Маркер перед заголовком

    Здравствуйте! Столкнулся с проблемой - необходимо перед заголовком h2 сделать маркер в виде квадрата. Маркер я сделал, а вот правильно позиционировать его не могу. Помогите, пожалуйста, разобраться. Вот код - http://jsfiddle.net/GmRPE/

    Asked by volshebnyi,

    0 votes
    4 answers

  7. Глюки меню на iphone/ipad

    На сайте organic-box.ru с помощью css реализована смена меню и ее пунктов в зависимости от размера экрана. Почему-то в мобильной версии при входе с iPad или iPhone имеются глюки с главным меню, а также возможно с некоторыми другими элементами на сайте. При входе с пк и уменьшении браузера, а также с android или онлайн симуляторов все в порядке. К сожалению заказчик находится удаленно и объяснить толком не может что там происходит. А под рукой нету продукции apple. Буду благодарен за помощь, не очень хочется качать и ставить эмуляторы, но если так не получится исправить, то увы придется.

    Asked by Antonio4040,

    0 votes
    4 answers

  8. Про margin

    Чем отличается margin: auto; от margin: 0 auto;

    Asked by DivMan,

    0 votes
    4 answers

  9. Оцените CSS код трёх колоночного каркаса и как убрать толстые линии?

    http://jsfiddle.net/3j39P/ <div class="layout"> <div class="sidebar">Меню</div> <div class="content">Контент</div> <div class="sidebarR">Реклама</div> </div>.layout{ width: 1000px; margin:auto; position:relative; }.sidebar, .content, .sidebarR{ position: absolute;}.sidebar{ width: 150px; height: 150px; border:1px solid;}.content{ width: 150px; left:150px; width: 700px; height: 500px; border:1px solid;}.sidebarR{ width: 150px; left:850px; width: 150px; height: 150px; border:1px solid;}

    Asked by DivMan,

    0 votes
    4 answers

  10. Как реализовать подобный скролл?

    http://i.imgur.com/VW0ODIL.png http://i.imgur.com/xHmw0of.jpg

    Asked by posthack,

    0 votes
    4 answers

  11. С точки зрения кодинга

    имеется следующая конструкция $('a.ssilka1').click(function(event){ event.stopPropagation(); document.getElementById('frameAll').contentWindow.location.href="ssilka1i.html"; }); $('a.ssilka2').click(function(event){ event.stopPropagation(); document.getElementById('frameAll').contentWindow.location.href="ssilka2.html"; }); и так далее... и таких много ввиду того что я не больше не знаю как можно подгрузить во фрейм данные... ничего что так много функций или я нуб и должен молится великому КАА и переделать???

    Asked by romoga,

    0 votes
    4 answers

  12. Как разрешить выход за левую границу окна браузера

    В общем-то суть проста - заказчик хочет, чтобы сайт был размером 1920px в ширину, а при меньшем разрешении "уши" отрезались. Можно ли это реализовать средствами css? (как реализовать на js представляю, но хочу именно через css). По сути надо как-то разрешить дочернему элементу выходить за левую границу родителя, иначе он уезжает в правую сторону.

    Asked by seedofpanic,

    0 votes
    4 answers

  13. Сайт - таблица, устарело?

    Недавно мне пытались внушить, что сайт, построенный на основе таблиц, является устаревшим вариантом, и в дальнейшем будет очень не удобным из-за "модификаций" браузеров. Правда ли это? (http://truebooks.ru/ )

    Asked by JohnBondlock,

    0 votes
    4 answers

  14. Проблема с configuration.php

    Здравствуйте! Внезапно обнаружил косяк с сайтом. Дело вот в чем, если в браузере набрать адрес сайта www.ophmao.ru , то он отображается не правильно, т.е. выводит не Главную, а список материалов одной из категорий. Но если набрать в браузере (что я всегда и делал) просто ophmao.ru (т.е. без www), то все корректно. В файле configuration.php нашел следующую строку public $live_site = 'http://ophmao.ru'; Соответственно я попытался исправить ситуацию добавив тройное W в строку. Ситуация поменялась на противоположную. Т.е. без www отображается не корректно. Как победить? Что крутить и куда вертеть? Очень буду признателен за помощь.

    Asked by Jakov,

    0 votes
    4 answers

  15. Как убрать рамку в поле поиска в хроме?

    В мозиле рамка не отображается, а в хроме она есть и как её убрать?? пробовал через :active не помогает, может какой-то префикс надо использовать? <!DOCTYPE HTML><html> <head> <meta content = "text/html" charset = "Windows-1251" http-equiv = "content-type"/> <link rel="stylesheet" href="styles.css" media="screen" /> <script type="text/javascript" src="js/functions.js"></script> <title>Магазин</title> </head> <body> <div class="main"> <div class="header"> <a href="/"><img class="logo" src="images/logo.jpg" alt="Интернет магазин сотовых телефонов"/></a> <img class…

    Asked by DivMan,

    0 votes
    4 answers

  16. Что бы блоки не расходились ?

    Здравствуйте! Пытаюсь сделать резиновый сайт, но как-то не очень получается... Кроме проблем с размерами встретилась такая проблема: При уменьшении сайта (ctr + - ) у меня расходятся. Т.е. 2 div блока: float: left & float: right; Но, когда уменьшаю сайт - каждый улетает в свою сторону, при увеличении, оба сдвигаются на центр. Вообще, хочу сделать правую сторону фикированную (меню), а левую (конент) обычную, т.е. с прокруткой. - первый div: контент, второй: меню Как я понял, проблема в том, что меню у меня: position: fixed; Но жду Ваших советов.

    Asked by dsasda,

    0 votes
    4 answers

  17. Что с yandex картами? Как установить на сайт?

    вот ссыль http://api.yandex.ru/maps/tools/constructor/ здесь можно получить код карты и влепить себе его на сайт но код не пашет. кто сталкивался

    Asked by romoga,

    0 votes
    4 answers

  18. min-height не работает при float:left

    Всем привет, мучаюсь с min-height в двухколоночном макете. Буду очень благодарна за подсказку! Суть: в div вложены две колонки (у правой - float:left). Диву задана min-height, но он все равно "держит" высоту по той колонке, где меньше контента. То есть, получается так: А мне нужно, чтобы область с рамкой растягивалась в соответствии с кол-вом текста, но всегда была больше 100px. Если убрать float:left у сайдбара, сайдбар пропадает... зато все растягивается как надо ) В общем, запуталась. HTML: <div class="main"> <div class="maincontent"> <div class="bigpic"> IE8, Opera, Safari, Мозила - расчет ведется от body, т.е. если у не…

    Asked by brussnika,

    0 votes
    4 answers

  19. bxSlider вопрос по поводу функционала

    Захотелось запихать в страницу 2 слайдера разного внешнего вида. Используется bxSlider. Вопрос как это реализовать? Написать стили для второго слайдера в html коде, а первый берет стили из bxslider.css ?

    Asked by CroaToa,

    0 votes
    4 answers

  20. Подключение шрифтов

    Здравствуйте! Вот как я подключаю шрифты. @font-face { font-family: 'Elzevir'; /* Имя шрифта */ src: url('fonts/Elzevir.ttf'); /* Путь к файлу со шрифтом */ }Но тут попался css файлик с таким кодом @font-face { font-family: 'LearningCurveProRegular'; src: url('fonts/LearningCurve_OT-webfont.eot'); src: url('fonts/LearningCurve_OT-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/LearningCurve_OT-webfont.woff') format('woff'), url('fonts/LearningCurve_OT-webfont.ttf') format('truetype'), url('fonts/LearningCurve_OT-webfont.svg#LearningCurveProRegular') format('svg'); font-weight: normal; font-style: normal;}Подска…

    Asked by stan07,

    0 votes
    4 answers

  21. Границы внутреннего блока выходят за границы внешнего

    Вот тут блок с желтой рамкой не должен так выходить. У блока с желтой рамкой такой код: <p id="block">Содержимое блока</p> #block { padding: 10px; margin: 5px; width: 500px; border-style: solid; border-width: 2px; border-color:#faa21a; } У блока с черной рамкой такой: body { border: 2px solid #111111; padding:0; margin: 0 auto; width:500px; } Почему тот блок выходит за рамки? И как блочный элемент выровнять по центру?

    Asked by Омск,

    0 votes
    4 answers

  22. При наведении на ссылку, остальные должны темнеть (становится серыми) / JavaScript

    При наведении на ссылку, она должна оставаться такой-же яркой, а остальные должны темнеть. Вот код: HTML : <div class="menu_content"> <ul> <li class="home"><a href="#">Главная</a></li> </ul> CSS: .menu_content{ margin: 30px 0 30px 0;}.menu_content ul{ padding: 10px; vertical-align: middle; }.menu_content ul li{ margin: 3px 0 3px 0; list-style-position: inside;}.menu_content ul li a{ text-decoration: none; color: #404040; padding: 5px 20px; display: block; margin: 0 0 0 10px;}.menu_content ul li a:hover{ color: #010101;}.home{ background: ur…

    Asked by Dzvene,

    0 votes
    4 answers

  23. Переопределение свойств в bootstrap?

    Подскажите ребята, нужно переопределять в twitter bootstrap свойства, например .row-fluid .span9? если на моем макете ширина этого блока составляет 68,8%, основная часть, и сайдбар span3 - 26,8%, а в основном файле бутстрапа 75% и 23.4? Как работать с этими колонками, чтоб потом ещё сверстанный макет получился пиксель в пиксель?

    Asked by Sergey410,

    0 votes
    4 answers

  24. Как добавить элементу свойства фокуса?

    Как добавить любому элементу свойства фокуса с помощи css или html?Чтобы переключаться межу этими элементам с помощи кнопки "TAB" и можно было добавить псевдокласс :focus.

    Asked by myRoot,

    0 votes
    4 answers

  25. редирект в .htaccess

    Добрый день уважаемые разработчики. Есть вопрос по поводу редиректа. Прочитал кучу материала но до меня что то не доходит как реализовать такой редирект? *sait.com.ua/s-etogo/* -> *sait.com.ua/na-etot/* Спасибо!

    Asked by inik,

    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