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

29542 questions in this forum

  1. Зачем нужны meta теги?

    Я вообще не вдупляю что такое мета, и что делают атрибуты. Пожалуйста объясните тупому.

    Asked by azbyka,

    0 votes
    1 answer

  2. Кто может помочь?

    Народ помогите кто сможет... Делал верстку трехколоночную с одинаковой высотой. Все хорошо. Все как надо. Но одно но... Высота этих колонок не уменьшается (((( Поэтому не могу закончить верстку. Посмотрите может я чето напутал... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Название страницы</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wrapper"> <div id="header"> <img src="img/logo1.png" height=200 width=766> <a href=#><img src="img/banner.png" class=ban2 height=82 width=209&g…

    Asked by Sp@wNox,

    0 votes
    0 answers

  3. Проблемы с кодировкой

    В принципе это не проблема вёрстки, не знаю куда написать. Сайт http://galant-tour.ru/, если открыть в мозиле, в форме поиска некоторые (?! O_o) слова ромбиками, а так жеещё в нескольких не распространнёных браузерах, в опере и в осле всё нормально, что это? Форма поиска работает с сайта exat.ru, у них всё нормально на их собственной форме, правда у них сайт в 1251 а у нас в UTF-8. Но почему только некоторые слова ромбиками, как быть? Если поменять кодировку в браузере на 1251 то всё наоборот =) зачем они присылают в разной кодировке непонятно, их службы поддержки в выходных нет, но в опере же всё работает, можно что сделать?

    Asked by SoFuWa,

    0 votes
    1 answer

  4. Трехколоночный резиновий макет

    Если проблема - http://img18.imageshack.us/img18/3449/96311259.png <html> <head> <title>blu</title> <style > * {margin: 0;padding: 0;} #log { border: 1px red solid;height: 25px;width: 100%; } #wrapper {border: 1px red solid;margin: 0 40px;} #head {height: 100px;border: 1px yellow solid;} #speedbar {width:100%;border: 1px black solid;height:20px;margin: 10px 0 0;} #content {overflow: hidden;width: 100%;} #left {float: left;border: 1px red solid;height:30px;width: 250px;margin: 10px 0;} #center {border: 1px green solid;height: 40px;margin: 0px 270px 0px 260;} #right {float: right;border: 1px red solid;height:30px;width: 250px;margin: 10px…

    Asked by Mr.Black,

    0 votes
    4 answers

  5. Центрирование блока без с учетом скроллбара

    Доброго времени суток! Подскажите, если кто сталкивался с подобным - нужно отцентрировать блочный элемент таким образом, чтобы при появлении вертикальной прокрутки не происходило сдвига этого элемента. То есть, к примеру, когда центрируется блок с помощью "margin: 0 auto" - то при появлении прокрутки блок смещается влево (т.к. ширина экрана уменьшается и блок принимает новый центр)

    Asked by shass,

    0 votes
    2 answers

  6. Правильно ли я делаю?

    Скажите правильно ли седлано? Есть какие то недочёты? Вот как разделён у меня документ по блокам : <div class='wrapper'> <div class='header'> </div> /*Здесь контент*/ <div class='push'> </div> </div> <div class='footer'> </div> Вот стили каждого из блоков: .footer, .push { clear: both; } * { margin: 0; } html, body { height: 100%; width:100%; min-width: 1024px; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; position: rela…

    Asked by new01,

    0 votes
    6 answers

  7. png для ie6

    1 Задача состоит вот так!!! припустим нада Body{background:url(file.png) repeat-x} КАк подключить прозрачность для ie6 так чтоб картинка repeat-x!!!???? 2.Задача нужно вставить картинку <img src='file.png' > Как подключить прозрачность

    Asked by bot87,

    0 votes
    3 answers

  8. очистка флоатов))флоат под флоатом

    привет еще раз! у меня очередная проблема —-очистка флоатов! КОД <html> <head> <style type="text/css"> *{ padding: 0;margin:0 } body,html{ height: 100%; background:black; } div.HH{ border:2px solid red; overflow: hidden; _overflow:visible; _height:1%; } div.ff{ width:300px; height:100px; background: yellow; float:left; } .aa{ clear:both } </style> </head> <body> <div class="HH"> <div class="ff">1</div> <div class="ff aa">2</div> <div class="ff">3</div> <div class="ff">4</div> <div class="ff aa">5</div> <div> </body> </html> хочу сделать фл…

    Asked by dostel1,

    0 votes
    2 answers

  9. Два блока

    Возник очередной вопрос, как правильнее сделать и проще такую задачу. Первое что пришло в голову. HTML <div id="header"> <div id="menu"> <ul> <li>Control Panel</li> </ul> </div> <div id="sub_menu"> <ul> <li>Settings</li> </ul> </div> </div> CSS #header { width: 100%; background-color: #000; } #header #menu { height: 30px; } #header #sub_menu { height: 30px; background-color: #dadada; } #header #menu ul { color: #fff; } #header #menu ul li { float: left; padding: 8px 0px 0px 30px; margin: 0px 0px 0px 0px; list-st…

    Asked by Simel,

    0 votes
    5 answers

  10. Глупый вопрос новичка

    Учу потихоньку css, возникла проблема: Как убрать то пространство, что обозначено на скриншоте? .top { background-image: url(img/top_panel.png); background-repeat: repeat-x; padding-top: 46px; background-position: 0% 0%;}

    Asked by Rise,

    0 votes
    3 answers

  11. Позиционирование

    есть пример проблемный в нем длинна div с поиском растягивается от длинны меню но если убрать меню поиск становится так как мне нужно помогите сделать их независимыми если можно то обьясните проблему

    Asked by Actticus,

    0 votes
    2 answers

  12. Отображение таблиц в разных браузерах

    Работаю над сайтом в одной из популярных CMS. Создал на странице таблицу. Вот так она отображается в Firefox: А в браузере Chrome отображается так: Понятно, что это CMS меняет стили таблицы, но какие именно - неизвестно. Скажите пожалуйста какие стили CSS могут отвечать за такое отображение в Хроме. Есть подозрения, что CMS делает разделительные линии настолько тонкими, что Фаерфокс видит их, а Хром уже нет. С помощью каких параметров можно это осуществить?

    Asked by IndigoHollow,

    0 votes
    6 answers

  13. Совет по верстке

    Добрый вечер друзья, есть макет, нужен совет по верстке основной части, как лучше сделать края основной части?

    Asked by Hol1killer,

    0 votes
    2 answers

  14. Валидность верстки

    В общем учусь верстать, пока сверстал пару шаблонов, не очень сложных. Один из них поставил на свой сайт (CMS uCoz), решил сделать его валидным. Сначала было около 180 ошибок, вот сейчас осталось только 9, которые я сам исправить не могу. Надеюсь на Вашу помощь. Скриншот с ошибками: http://savepic.net/3079081.png Спасибо за помощь.

    Asked by Hardwell,

    0 votes
    2 answers

  15. Стационарная фоновая картинка

    Всем джамбо друзья! Закинул фон картинкой..таким образом: ______________________________________________________________________________ body {background: url(http://6.arhis.z8.ru.../2013/04/25.jpg) fixed no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}; /* —————————————————————- Remove Shadows */ #feature, #feature .bottom_shadow, #feature .top_shadow, #page, #page_bottom, #footer { background-image:none; } ______________________________________________________________________________ Проблема в том что при изменении размеров окна браузера картинка тоже увеличивается. Дак вот как ее…

    Asked by CatInTheBread,

    0 votes
    7 answers

  16. Какой редактор текста лучше взять для своего блога?

    Пишу микро-CMS для своего блога, встал вопрос выбора редактора постов. Есть два варианта - либо как тут на форуме WYSIWYG-редактор, то есть сразу отображающий форматирование текста, либо вариант, когда plain-текст в редакторе, а при отображении по определённым правилам дополняется разметкой. Мне много форматирования не нужно, лишь самое базовое - ссылки, изображения, вставка кода, всякие жирные, курсивные начертания, зачёркивание/подчёркивание, списки, таблицы. Причём всё это нужно достаточно редко, в среднем на один пост у меня одна-две картинки и ссылки, и редко табличка или список. Так что я склоняюсь ко второму варианту с plain-текстом, потому что с ним набор текста в…

    Asked by thewizardplusplus,

    0 votes
    3 answers

  17. Непонятная ширина body

    Всем привет! не понимаю баг это или что. В общем ситуация такая. html: <body> <header id="header" class="cf"></header> <section id="content" class="cf"></section> </body> css: #header { width: 1026px; margin: 0 auto; padding: 0 127px; background: #d85055 top center; } #content { width: 994px; margin: 0 auto; padding: 0 143px; } У меня фиксированная ширина в 1280px. В расширении хрома ставлю размер окна 1280px, появляется скролл. ширина хедера и контента 1280px как и нужно. а вот у боди 1253px и появляется скролл. что делать не могу понять. помогает только overflow: hidden. но это не есть хорошо. Спасибо..

    Asked by s.schurov,

    0 votes
    3 answers

  18. ФОрма

    http://cssdeck.com/labs/a5aklqwo Как сделать реальную капчу и как сделать зеленые галочки ?

    Asked by rpmcmerphy,

    0 votes
    7 answers

  19. Сетка со скругленным уголками

    Как лучше сделать такую сетку? Количество ячеек может быть от одного до много

    Asked by chocolate_moles,

    0 votes
    5 answers

  20. положение masked-input

    помогите пожалуйста разобраться я использую для формы популярный qjuery-плагин masked-input. его действие заключается в том, что после получения полем фокуса в нём появляется маска для ввода телефона примерно следующего вида: (___) ___-__-__мне хотелось бы понять где в html находится эта маска. в атрибуте value или вообще поблизости элемента input, как показывает инспектор, ничего подобного нет

    Asked by cyklop77,

    0 votes
    1 answer

  21. Div прячется под картинку. Как это отменить?

    Здравствуйте! Все мозги сломал уже. Поднимаю с помощью margin блок div, содержимое блока идет сверху, а сам блок со своим бекграунд-колором прячется под картинку. https://www.youtube.com/watch?v=ZEmcwyijGLM&feature=youtu.be Понимаю, что вопрос плевый, и решение простое, но уже выбился из сил его искать. Помогите пожалуйста. Нужно что-бы блок полностью был на фоне картинки. Вот код (выбросил все ненужное, оставил саму суть): HTML <!DOCTYPE html><html> <head><title>qqq</title><link rel="stylesheet" type="text/css" href="styles.css" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> &l…

    Asked by Alok,

    0 votes
    2 answers

  22. Анимированое изменение числа

    В разделе js настолько нубских вопросов нет, поэтому сюда. Помогите, пожалуйста, с кодом. $({numberValue: 10000}).animate({numberValue: 5000}, { duration: 2500, easing: 'linear', step:function() { $('.count_text').text(Math.ceil(this.numberValue));}}); По идее он должен плавно опускать значение с 10000 до 5000, но конечная цифра всегда рандомная и никогда не совпадает с назначенной.

    Asked by Justus,

    0 votes
    2 answers

  23. Блоки с товарами одинаковой высоты

    Здравствуйте! Имеется перечень товаров. В каждом блоке 3 составляющих. Картинка, название и свойство. Картинка имеет фиксированную высоту. А вот название и свойства, конечно же, могут состоять из разного количества строк. Так как каждый блок имеет бордер, в результате получаются все блоки разной высоты. Подскажите, пожалуйста, правильный подход к решению данного вопроса. вот пример - https://jsfiddle.net/wdb2e0hy/ Заранее благодарю за помощь.

    Asked by volshebnyi,

    0 votes
    3 answers

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

    Здравствуйте. Как сделать чтобы блок масштабировался ,как картинка? (т.е. при изменении размера экрана менялась ширина блока и высота менялась пропорционально. и пропорционально менялся размер шрифта ) Верстаю html письмо, поэтому стили внутри тегов. https://jsfiddle.net/r73kpcjq/

    Asked by ishurgaya,

    0 votes
    1 answer

  25. Поделиться в соц. сети

    Здравствуйте. У меня такая проблема, хочу сделать кнопку поделиться в соц. сети на этом сайте http://www.plusnol.ru/ при нажатии на которую отправлялся текст только тот который находится в блоке. Код я прописываю такой: <li style="display: block; border: 1px solid #000; padding:5px; border-radius:3px; margin-bottom: 10px;">Здесь текст который надо отправить<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,twitter,viber,whatsapp,telegram" data-size="s"></div></li&g…

    Asked by nikoliasa333,

    0 votes
    0 answers
×
×
  • 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