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. Отступы в форме

    Доброго времени суток. Подскажите пожалуйста, какой отступ между элементами формы установлен по умолчанию. Даже не совсем так. Есть форма: текстовое поле, а под ним селект и кнопка. Нужно что бы селект с кнопкой занимали такую же ширину, как текстовое поле. Скажем, текстовое поле имеет ширину 200рх, тогда ниже расположенные селект и кнопка шириной по 100рх, НО между селектом и кнопкой небольшой промежуток, из-за этого самого промежутка нижние элементы уродливо выпирают. Пробовал для селекта margin-left: 0px но промежуток остался, можно конечно и отрицательное значение задать, тогда они впритирку будут, что тоже некрасиво. Подскажите как их выровнять?

    Asked by UNIX,

    0 votes
    5 answers

  2. Отступы в форме

    Никак не могу справиться с формой. С лева и сверху текст прилепился к краям формы и не могу найти в стилях где этот параметр, подскажите плиз http://www.kinoextreme.ru/?page_id=746

    Asked by dimdimin,

    0 votes
    2 answers

  3. Отступы внут. блоков.

    Доброго времени суток! Есть проблема с отступами блока внутри блока, при попытке сделать отступ внутреннего блока вот так Html <div id="osnova"> <div id="content"> </div> </div Css #osnova { width: 1280px; min-height: 1900px; } #content { width: 1024px; min-height: 900px; margin-top: 80px; } Отступ идет от края окна браузера а не от родительского элемента. Но если добавить верхний бордер к #osnova то отступ будет нормальный (от родительского элемента) но я понимаю что это не правильно. Варианты с position: relative; top: 80px; мне не очень нравятся т.к. появляются проблемы с …

    Asked by Alex.zh,

    0 votes
    2 answers

  4. Отступы внутри блока DIV

    Здравствуйте! Я в блочной вёрстке новичок, поэтому не сочтите за наивность мой вопрос (ну и вообще исходный код))). Посмотрите, как должна выглядеть страница: картинка Обратите внимание на подвал, там где краска из банки а на ней адресный блок. Я попытался это реализовать блоком DIV с фоновой картинкой и с соответствующими margins для позиционирования текста внутри этого блока. Но у меня не получилось вот, что получилось. Картинку сначала было видно, а когда стал экспериментировать с текстом, то она пропала, а текст никак не встаёт на место. Помогите грамотно решить эту головоломку.

    Asked by Iguar,

    0 votes
    2 answers

  5. Отступы внутри блока DIV

    Прошу извинить за предыдущий корявый свой пост. Описываю суть своих вопросов более ясно. Вот, взгляните, как задумана страница дизайнером. Обратите внимание на адресный блок слева внизу: большая картинка, а на ней текст. Я попытался реализовать это с помощью такой конструкции: <div id="foot_main"> © 2010 «Декор-Лайт» – краски, штукатурка, лепнина<br /> Екатеринбург, ул. Ленина 66. Тел. (343) 365-87-03<br /> info@decor-lait.ru</div> Соответствующая запись в файле CSS: #foot_main { background-image: url(/img/main_bottom.png); background-repeat: no-repeat; background-position: left bottom; height: 500px; padding-top: 430px; } И вот что у меня п…

    Asked by Iguar,

    0 votes
    4 answers

  6. Отступы вокруг изображений в Opera 9.23

    Если в документе прописан доктайп, то в Opera 9.23 вокруг изображений появляются отступы в 2 пикселя. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Отступы...</title> </head> <body> <img src="res/button011.jpg"> <img src="res/button021.jpg"> <img src="res/button031.jpg"> <img src="res/button041.jpg"> <img src="res/button051.jpg"> </body> </html> margin:0, hspace="0", vspace="0" не помогает... В Opera 9.21 и Firefox 2.0.0.6 - то же самое, в IE все нормально. Раньше я никогда докт…

    Asked by DoS,

    0 votes
    8 answers

  7. Отступы вокруг изображений и текст под ними

    Здравствуйте.Ломаю голову не могу понять как сделать оступы слева справа одинаковыми отступ от текста сверху примерно 10px и под изображением текст в моём случае название колекции.кто нибудь может дать нормальный рабочий код.вот скрин ссылка на горе страницу nezhnost-luh.ru/svp.html. мой ксс http://jsfiddle.net/hz8nu/

    Asked by denisok,

    0 votes
    6 answers

  8. Отступы вокруг картинки в опере/мозилле

    У меня возникла проблемка, вставляю картинку в слой, но появляются вертикальные отступы В IE отступов нету, в опере и мозилле где-то по 2px сверху и снизу слоя ————-! ! картинка ! опера и мозилла ! ————-! ————-! картинка ! IE ————-! пробовал margin: 0px - не помогло

    Asked by kkthx,

    0 votes
    7 answers

  9. отступы для блока в IE6

    Нужно просто поместить прямоугольник на страницу, но не на всю высоту, а чтобы сверху и снизу были фиксированные отступы, скажем по 100px. Рисуем div и делает для него #list{ background-color:#FFFFFF; position:absolute; width:80%; top:100px; bottom:100px; } Так вот, в Opera и Mozilla все нормально отрабатывает, а в IE6 высота блока сжимается. Прочитала, что можео задавать для IE так: height:expression(document.body.offsetHeight-200); Да, вроде отрабатывает, но я боюсь это использовать, потому что JavaScript может быть отключен и тогда весь дизайн полетит...Я права? Помогите, please, верстаю слоями первый раз и не знаю, как это правильно делается...

    Asked by Kat,

    0 votes
    24 answers

  10. отступы для внутреннеого блока

    у меня такая ситуация - сверстал снала главную страницу, сверху рисунок, сбоку меню - по центру - красивые графические кнопки. все сверстано целиком в таблице, с жескими размерами. чтобы было по центру, всю таблицу целиком заключил в див: #centerLayer { width: 828px; /* Ширина слоя в пикселах */ margin: 0 auto; /* Отступ слева и справа */ background: #ffffff; /* Цвет фона */ padding: 0; /* Поля вокруг текста */ text-align: center; /* Выравнивание содержимого слоя по левому краю */ } сейчас стал делать другие страницы, на них верх и левая часть остается точно такой же, а в центре вместо кнопок - текстовое наполнение. я взял за основу код главной страницы, удалил все …

    Asked by dangler,

    0 votes
    0 answers

  11. Отступы для интерактивных элементов на яндекс картах

    Доброго времени! На странице есть встроенная карта, часть её перекрывается блоком с фильтрами и списком объектов. Как задать отступы или сместить все интерактивные элементы на карте таким образом, чтобы они не перекрывались этим блоком? Для setBounds() нашел параметр zoomMargin, что позволяет сделать отступ от краёв для группы меток. А как поступить с балунами? Параметр autoPanMargin задает отступы со всех сторон.

    Asked by konfuji,

    0 votes
    1 answer

  12. Отступы заголовка таблицы

    Почему Chrome и Safari обрабатывают верхний отступ элемента caption отлично от всех остальных браузеров (пример)? Существует ли возможность в такой ситуации задать марджин кроссбраузерно?

    Asked by troll,

    0 votes
    2 answers

  13. Отступы и паддинги в <a href>

    Народ всем привет , столкнулся при очередной верстке сайта вот с такой проблемой, представляю вашему внимаю 2 скрина Проблема возникает в ИЕ, а именно взгляните на синюю выделенную область (такое впечатление что у ссылок стоит какой то margin-top: ...px), вобчем по идее ее быть не должно, так у ссылок отсутствуют отступы по умолчанию, тем боле что у меня в css * {margin: 0px; padding: 0px;} в лисе и в опере такой проблемы нет, есть у кого нить идеи??? CSS: * {margin: 0px; padding: 0px;} html, body { height: 100%; } body {background: #ffffff;} a {border: 1px solid green;} a:link {color: #b4002d; font: 12px arial;} a:visited {color: #b4002d; font: 12px arial;…

    Asked by TonKhaO,

    0 votes
    12 answers

  14. отступы и ширины

    можно ли во всяких элементах типа: width top paddinng задать размеры в таком формате: 25% + 30px если да то как это сделать?

    Asked by z700i,

    0 votes
    3 answers

  15. Отступы из ниоткуда

    Написал вот такое: <header class="header"> <div class="wrap"> <div class="logoimg"><a href=""></a></div> <h1 class="logo"><a href="#">Environmental.com</a></h1> </div> </header> .header { height: 113px; width: 100%; background: url("../image/header-bg.png") repeat-x; } .wrap { position: relative; width: 1024px; margin: 0 auto; height: 100%; } .logoimg { float: left; margin: 32px 0 0 50px; width: 48px; height: 47px; background: url("../image/logo.png") no-repeat; } .logo a { font: 31px 'Centu…

    Asked by ShootingStar,

    0 votes
    11 answers

  16. Отступы между div в всех IE

    Похоже, что столкнулся с популярным багом - отступы в 3пх между дивами, правда, во всех версиях ИЕ. Естественно, первым делом полез читать в Гоогле, нашёл дофига разных статей с решениями, типа: 'margin-left:-3px;', 'zoom:1;', 'padding:0; margin: 0;', 'display: inline' и т.д. Много чего перепробовал, но проблема не решилась. Не пробовал только через position: absolute; top:0; left: ?;, но думаю с абсолютом всё будет нормально работать, меня лично интересует как профиксить эти баги в ИЕ при использовании float: left/right. Где именно я наоставлял сорняков? Вот ссылка на сайт: http://relaxzone.ts6.ru (да бы не читать здесь плохочитабельные куски кода)

    Asked by MrKoKo3,

    0 votes
    0 answers

  17. Отступы между блоками

    Я не могу убирать отступы между блокам сайта http://codmws.game-pack.net Код я использую <div class="block"> <div class="bt"><span>Меню</span></div> <div class="dcont arch"> $SMENU_1$ </div> <div class="bbut"> </div> </div> <div class="block"> <div class="bt"><span>Мы в контакте</span></div> <div class="dcont arch"> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?47"></script> <!-- VK Widget --> <div id="vk_groups"> </div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width:…

    Asked by GhostNiniga,

    0 votes
    2 answers

  18. отступы между ячейками

    Проблема в ie и мозилле, при добавлении текста в центральную колонку больше чем определенная высота, слева в колонке с меню, ячейки разъезжаются по вертикали. В опере все впорядке.

    Asked by Barry,

    0 votes
    1 answer

  19. отступы между ячейками таблицы

    Как их можно убрать средствами css?

    Asked by Тёмыч,

    0 votes
    5 answers

  20. отступы над/под меню

    Проблема с меню, вставляю код меню к себе на сайт, над и под менюшкой появляются отступы примерно 10px - 15px - не могу понять где мне это исправить. Подскажите может еще что нибудь добавить или убрать нужно, вот коды: css: #dropdown_nav {width:1076px;padding-left:0px;padding-top:0px;display:inline-block;list-style:none;border-radius:5px;border-bottom:0px solid #777;-moz-border-radius:5px;-webkit-border-radius:5px;background: #DCDCDC url(../img/menu.png);-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;} #dropdown_nav li {padding:12px 0px 12px 0px;float:left;position:relative;display:inline-block;} #dropdown_nav li a {text-decoration:…

    Asked by HarPy,

    0 votes
    4 answers

  21. Отступы от div при разбиении на блоки в CodeIgniter

    Доброго времени суток! Зашел на online генератор шаблонов HTML,CSS. Скачал 2 файлика html и css файлы. Порезал html на кусочки: 1 - header 2-top_navigation 3-maintext 4-leftblock 5-rightblock 6-footer для того чтобы через php автоматически гинерить страницы(все куски обрамлены тегами div c именами указаными выше). Когда файл один все пучком, когда разрезаю получается отступ порядка 10px перед всеми дивами. Проблемму с отступами от footer top_navigation решилась тем что начальный тег div помещал в верхний блок. А вот с хедером и вертикальной навигацией ступор, кстати отступ появляется перед блоком div и теперь имею отступ перед header и от него и до top_navigation. Через …

    Asked by Андрей Прохоров,

    0 votes
    3 answers

  22. Отступы от картинок

    У меня вот такая вот проблема. У меня 3 мини фотографии должны располагаться в линию и чтобы расстояние между ними было n пикселей. Так вот я думал, что я это решу также как и с тегами ul li, как делал отступ между словами, но не получилось. Между словами я делал так: #navigation li { display: inline; margin-right: 25px; padding-left: 20px; } Картинки у меня расположены в 1 диве, те <div id="kartinka"> <img src="1"></img> <img src="2"></img> <img src="3"></img> </div> Я чуть погуглил, но я фиг его знает, как описывать проблему в поиске. В общем помогите. Верстальщик тока начинающий.

    Asked by prowoke,

    0 votes
    3 answers

  23. Отступы от краев таблицы

    Всем доброго времени суток! Проблема заключается в следующем. После установки на сайт таблицы jquery, отступы от краев таблицы до текста уменьшились. Это просматривается на скринах: (внешний трафик) ДО: ПОСЛЕ: Как это исправить? Быть может можно что то добавить в css файл, что б потом нужную таблицу просто заключить в div? <div class="otstup">ТАБЛИЦА</div> Заранее благодарен!

    Asked by Eviral,

    0 votes
    5 answers

  24. отступы от тегов h

    Имею таблицу в ней встречаются переодически теги h2 Возможно ли в css сделать так, чтобы отступ по низа ячейки не был слишком большим т.е. хочу чтобы горизонтальная линия была маскимально близко к тексту. h2 { font-size: 12pt; text-align: center; } table.CDs { border:5px; width: 300px; text-align: center; margin: 0 auto; } Жду вашей помощи ))

    Asked by dima4321,

    0 votes
    2 answers

  25. Отступы от текста

    Здравствуйте, подскажите пожалуйста как избавиться от отступов в тексте, чтобы границы блока обтекали текст пиксель в пиксель. Все padding-и разумеется убрал, но непонятный зазор между границей блока и текстом все ровно остался.

    Asked by Valery Subbotin,

    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