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. Проблема с background

    Здравствуйте! Есть бэкграунд: сайт в 1000px, нужно что бы сайт располагался между этими картинками по центру... у меня получается вот так: есть небольшой отступ справа... а должно быь так: html,body{background:#edeeed url(../images/bg.png) repeat-x; color:#313f4a; font-weight:normal; word-wrap: break-word; font: 11px Arial, Helvetica, sans-serif;}

    Asked by Sprime,

    0 votes
    3 answers

  2. Проблема с background

    У меня проблема с размещением изображения. В опере все показывает отлично. А вот в хроме и мозиле 0. Если убрать left или bottom +..px - показывает. Может кто-то знает в чем может быть причнина или как по другому можно написать? Заранее спасибо. background: url(img/12.png) no-repeat bottom left, url(img/13.png) no-repeat bottom+15px left+100px, url(img/14.png) no-repeat bottom+15px left+230px, url(img/11.png) no-repeat bottom+5px left+350px; }

    Asked by assd18,

    0 votes
    2 answers

  3. Проблема с background

    Добрый день!Проблема такая сегодня хотел поменять стандартный белый фон на свой но когда я это сделал фон встал не на всю страницу а проблема с низу.Когда я меняю padding-bottom всё вроде бы хорошо но это для главной странице когда перехожу на страницу со слайдами где у меня показан товар,снизу огромное пространство после всего контента,когда делаю padding-bottom поменьше на главной опять белая полоса а на странице с товаром если в слайде большая картинка то он увеличиваеться и появляеться опять она же та самая белая полоса), вот сайт nezhnost-luh.ru вот скрины 1 2 3 а вот css http://jsfiddle.net/WGvZm/ Да и еще такой вопрос можно ли сделать что бы на страницах вообще не …

    Asked by denisok,

    0 votes
    5 answers

  4. Проблема с background в IE

    Здравствуйте всем! Необходимо на фон страницы поставить градиент(сверху фон светлее). Я вырезал 2 картинки(фиксированной высоты первую, где градиент и вторую просто для фона) Вставляю следующим образом: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <meta name="author" content="" /> <title></title> <link href="css/style.css" rel="stylesheet" /> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> </body> </html> *{ margin:0; padding:0; } body { background: url(.…

    Asked by Lrad,

    0 votes
    15 answers

  5. Проблема с background сайта

    Здравствуйте, столкнулся с такой проблемой, а точнее с бэкграундом: И никак немогу догнать как его правильно сверстать, чтоб он тянулся и по горизонтале и по вертикале (получается только чтоб тянулся по горизонтале) А вот по вертикале проблемка: <div id="cont_hbg"><div id="cont_bbg"><div id="cont_lbg"><div id="cont_rbg"><div id="cont_h_l"><div id="cont_h_r"><div id="cont_b_l"><div id="cont_b_r"> тут контент </div></div></div></div></div></div></div></div> #cont_h_l {background:url(../images/profile/cont_h_l.png) no-repeat top left;} #cont_h_r {background:url(../images/pr…

    Asked by Sprime,

    0 votes
    3 answers

  6. Проблема с background часть 2)

    После того как решил данную проблему http://htmlforum.ru/index.php?showtopic=46671&hl= у меньшение маин дива появилась другая скрин как сделать что бы курсоры слайдера были на своих местах?сайт и всё остальное в прошлой теме.

    Asked by denisok,

    0 votes
    2 answers

  7. Проблема с background-attachment в Firefox

    Имеется div с прокруткой overflow-y: scroll; и фоном-картинкой. чтобы фон прокручивался вместе с содержимым, устанавливаю background-attachment: local; в опере, хроме и IE работает, в FF - нет. Как быть с FF?

    Asked by me_alex,

    0 votes
    6 answers

  8. Проблема с background-image

    Пытаюсь сменить фон на своем форуме phpbb3. Но так как постоянно с него меня посылают на ваш сайт - пишу тут. открываю colours.css в html, body делал и так: html, body { color: #536482; background-image: url(images/bg.jpg); background-color: #FFFFFF; } и так: html, body { color: #536482; background-image: (images/bg.jpg); background-color: #FFFFFF; } и так: html, body { color: #536482; background-image: images/bg.jpg; background-color: #FFFFFF; } но фон так и не появился. что не правильно я делаю?

    Asked by pazel,

    0 votes
    4 answers

  9. Проблема с background-image

    Здравствуйте. Я начал верстать макет и столкнулся с небольшой проблемой с background-image. По ТЗ картинка сердца должна быть на одном уровне с текстом, а у меня она получается выше: http://jsfiddle.net/VKycA/ Как бы я не пытался это исправить - картинка все равно остается выше нужной позиции.

    Asked by Samsonoff,

    0 votes
    2 answers

  10. Проблема с background-image в IE

    Здравствуйте. Почему в IE так показывает линейный градиент : .line-top:before { content: ""; position: absolute; bottom: -1px; left: -1px; top: 0px; width: 1px; background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#01a4a4), to(#104387)); background-image: -webkit-linear-gradient(#104387, #01a4a4); background-image: -moz-linear-gradient(#104387, #01a4a4); background-image: -o-linear-gradient(#104387, #01a4a4); background-image: linear-gradient(#104387, #01a4a4); }А если нужно его сделать влево или вправо , то не показывает : .line-right:after { content: ""; position: absolute; bottom: -1px; left: -1px; right: 0px; height: 1px; backg…

    Asked by ishurgaya,

    0 votes
    2 answers

  11. Проблема с background-image в диве

    Стоит фиксированная ширина, картинка как фоновая, а почему-то изменяется в ширине от размера текста. Как исправить? Скрин вот картинка под фон для блока Вот css div#G { position:absolute; min-width: 215 px; top: 416px; left: 584px; height:344px; right:auto; background-color:#d9f5ea; background-image:url(images/frame1.png); background-repeat:no-repeat; } вот код html <div id="G" > Ggggg </div>

    Asked by Cheweyk,

    0 votes
    7 answers

  12. проблема с background-size в Firefox

    Здравствуйте, коллеги! Есть блок отображения рейтинга в виде сердечек. Сверстан просто: блок шириной 75px заполняется бэкграундом-картинкой-сердечком с background-size: 15px 12px. Т.е. 5 сердечек шириной 15px полностью заполняют блок шириной 75px: #ratingbox { display: table-cell; text-align: right; width: 75px; height: 16px; background: url('/images/icons/empty.png') 0 0 repeat-x; background-size: 15px 12px; position: relative;}Проблема в том, что в фаерфоксе 5 сердечек фактически занимают больше 75 пикселей, на каждое сердечко добавляется по 1 лишнему пикселю ширины, и блок ползет. В остальных браузерах все в норме. Вживую посмотреть можно здесь: http://vkruzhev…

    Asked by Elflight,

    0 votes
    4 answers

  13. проблема с background-size в ie

    есть блок, ему устанавливаю задний фон и растягиваю(background-size:100% 100%), для ie делаю({ /* IE8 */ -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fon-1.png',sizingMethod='scale')"; /* IE < 8 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='img/fon-1.png', sizingMethod='scale'); background-image: none; /* IE ? 9.0 */ }), Все работает хорошо, только текст находящийся в этом блоке в IE начинает искажаться. Кто знает как можно решить эту проблему

    Asked by Marat,

    0 votes
    0 answers

  14. проблема с background'ом

    background не выводится! CSS #id1 { overflow: auto; height: 460px; width: 460px; background-image: url('images/design/flag60.jpg'); background-repeat: no-repeat; background-attachment: fixed; } HTML <div id="id1">бла-бла-бла</div>

    Asked by .:K.e.I.j.I:.,

    0 votes
    9 answers

  15. Проблема с background'ом

    Приветствую. Помогите разобраться. Имею такой код: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title></title> <style type="text/css"> .main{width:760px;margin:0 auto;} .left{width:499px;float:left;} .right{width:258px;float:left;border:1px solid black;border-top:0px;font-family:Arial,sans-serif;font-size:14px;} .line{background-image:url(image/line.jpg);background-repeat: repeat-x;font-family:Arial,sans-serif;color:#fff;font-weight:bold;font-size:18px;padding-left:5px;} </style> </head> <body> <div class="main"> <div class="left"> <div class="…

    Asked by San4ezz,

    0 votes
    2 answers

  16. проблема с border

    http://jsfiddle.net/TStFU/1/ Как сделать границу снизу под меню так, чтобы между пунктами меню была граница, но под самим пунктом не было, заранее благодарен.

    Asked by bboyRook,

    0 votes
    1 answer

  17. проблема с border

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <div class="conteiner clearfix"> <div class="logo"> <a href="#">Smallapps</a> </div> <div class="nav"> <ul> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> <a href="#">Gallery</a&g…

    Asked by Daniyar,

    0 votes
    1 answer

  18. Проблема с border в Mozilla

    Всем добрый день, только что завершил довольно простой макет, но появились трудности с верхним меню, а именно с нижней границей/подчеркиванием. Готовая верстка тут - http://cssmaniac.com/site7/index.html Проблема состоит в том, что в мозилле нижняя граница .top_menu вылезает на пару пикселей вправо, а по идее должна заканчиваться вместе с последним пунктом меню. Для наглядности: Нужно, чтобы не было лишнего серого подчеркивания справа. Буду очень признателен, если кто поможет. Всем заранее спасибо!

    Asked by ikilldog,

    0 votes
    7 answers

  19. Проблема с border при верстке

    http://sfasdgas-hsdhsd.narod.ru/123123.rar (40 кб) вот мои "старания". Скажите пожалуйста как сделать обводку для меню снизу, и убрать ее для файла ins.gif (между левым и правым меню тонкий прямоугольный блок). Заранее спасибо огромное!

    Asked by Начинающий веб строитель,

    0 votes
    3 answers

  20. проблема с border-bottom в браузерах отличных от OPERA

    Доброе время суток. Сделал свой первый макет сайта, но то что я задумал, нормально работает только в Opera. В остальных браузерах ни как не могу сделать. вот адрес по которому можно посмотреть страничку. Проблема в следующем. Есть навигация, при наведении курсора на ссылку, под картинкой должна появиться красная линия, но это происходит только в Opera, а в Safari v.3.2.1, Chrome v.3.0.196.0, IE 7/8 линия не видна, в Mozilla v.3.5.1 линия появляется, но ломает вёрстку. Подскажите, пожалуйста, как решить проблему.

    Asked by slo_nik,

    0 votes
    11 answers

  21. Проблема с border-radius в IE

    При установке патча pie.htc проблема с отображением "border-radius" в IE исчезла везде, - кроме главной странице, где отображаются спец-предложения. Не как не хочет отображаться как следует. На сайте faksal[точка].ru можете посмотреть подробно! Подскажите в чем проблема? p.s код стиля: .totalPrice { border-color:#a3620a; background:#f9800f; background:-moz-linear-gradient(top,#ff9a22 0,#f46e01 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a22),color-stop(100%,#f46e01)); background:-webkit-linear-gradient(top,#ff9a22 0,#f46e01 100%); background:-o-linear-gradient(top,#ff9a22 0,#f46e01 100%); background:-ms-linear-gradient…

    Asked by zoombo,

    0 votes
    1 answer

  22. Проблема с border-right

    Добрый день! Столкнулся с проблемой в CSS, надеюсь на вашу помощь! Имеем код CSS: #cols { clear: both; margin: 0 0 40px; border-bottom: 1px dashed #ddd; background: url(../files/images/shade.png) no-repeat center bottom;}.col { float: left; width: 239px; margin: 0 25px 0 0; padding: 0 15px 15px 0; border-right: 1px solid #ddd;}.col.last { margin-right: 0; border: 0; padding-right: 0;} Имеем код HTML: <div id="cols"> <div class="col"> <h2 style='font-variant:small-caps;'><img src="./files/images/arrow.png"> быстро</h2> <p>текст текст текст текст текст текст текст текст текст текст текст тек…

    Asked by postoianniy,

    0 votes
    6 answers

  23. Проблема с border'ом в ::before/::after

    Здравствуйте, В ближайшее время я наверное вас замучаю. Мой первый вопрос будет касаться размещения border в псевдоэлементах. Хочу заверстать вот это меню Здесь у кнопок двойная граница (серая и черная). Моей основной проблемой сейчас является разделение кнопок. Пытался сделать с помощью box-shadow, border etc, ничего не получилось. Т.к. разделение кнопок получается суммой двух border, что неправильно. Теперь решил раздвинуть кнопки между собой margin'ом и вставить туда с помощью псевдоэлемента border. Не могу понять почему он становиться ПОД кнопкой. Подскажите, пожалуйста. И вообще, моя стратегия решения верна или есть какая-то альтернатива? Код - http://js…

    Asked by Delagardi,

    0 votes
    4 answers

  24. Проблема с border'ом в ::before/::after

    Здравствуйте, В ближайшее время я наверное вас замучаю. Мой первый вопрос будет касаться размещения border в псевдоэлементах. Хочу заверстать вот это меню Здесь у кнопок двойная граница (серая и черная). Моей основной проблемой сейчас является разделение кнопок. Пытался сделать с помощью box-shadow, border etc, ничего не получилось. Т.к. разделение кнопок получается суммой двух border, что неправильно. Теперь решил раздвинуть кнопки между собой margin'ом и вставить туда с помощью псевдоэлемента border. Не могу понять почему он становиться ПОД кнопкой. Подскажите, пожалуйста. И вообще, моя стратегия решения верна или есть какая-то альтернатива? Код - http://js…

    Asked by Delagardi,

    0 votes
    3 answers

  25. Проблема с bower

    Когда пишу bower i jquery Выдает вот это bower EINVALID name must be lowercase, can contain digit , dots,dahes "@" or spaces

    Asked by Daniyar,

    0 votes
    1 answer

  • Обсуждения

    • 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