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. border-radius+box-shadow+opera=баги

    Если все это совместить то получается две тени у объекта. пример тут - kit-group42.ru (горизонтальное меню). Opera 12.11, в хроме все ок. Да и в опере до недавнего времени тоже было все нормально. Оказалось, что всему виной border-radius: 1/10. На участке 1/10 ... 5/10 тени медленно сходятся в одну, но мне не надо 5/10 мне нужно 1/10. Или я дурак или лыжи не едут.

    Asked by hazy17,

    0 votes
    0 answers

  2. border-right [help!]

    <table width="900" border="0" align="center" cellpadding="00" cellspacing="0"> <? include("blocks/header.php"); ?> <tr> <td width="200" valign="top" style="border-left: 1px solid #000000; border-right: 1px solid #000000;"> <table width="95%" border="0" cellspacing="0" cellpadding="00" align="center"> <? include("blocks/lefttd.php"); ?> </table></td> <td width="700" valign="top" style="border-right:1px solid #000000;"><? echo $myrow['text']; ?></td> </tr> <? include("blocks/footer.php"); ?> </table> Вот такой код. Никакие стили не подключены. Восьмая строка - сама ячейка. Прав…

    Asked by donkrat,

    0 votes
    5 answers

  3. border: проблема или нет

    Есть div, ширина которого изменяется в зависимости от расширения, а высота от контента в нем. этому диву я задал свойства: overflow: hidden; border-left: 1px solid #CECECE; border-right: 1px solid #CECECE; background: #FFF; отображается в обычном виде собственно все как надо, но при нажатии Ctrl - (+) может пропасть какая-либо из рамок. как с этим бороться? пробовал заменить на Не помогло Это явление происходит в Opere, у меня 10я версия. Протестировал в остальных имеющихся у меня браузерах: IE 8, Chrome 2,0 и Mozilla 3,5, Safari 4,0 - там все отлично. В опере пробовал на других разрешениях: по началу все норм, начинаешь увеличивать/уменьшать - какая-либо из рамок мож…

    Asked by theo_,

    0 votes
    1 answer

  4. Border. Самый удобный путь для достижения эффекта.

    В общем етсь у меня вот такая страница: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" > <meta name="description" content="Красивые картинки на рабочий стол и многое другое. Бесплатно, удобно, быстро." > <meta name="keywords" content="Красивые обои на рабочий стол, скачать обои, обои для рабочего стола, бесплатные обои" > <link href="design/style.css" type=text/css rel=stylesheet > <title>Красивые обои на рабочий стол</title> </head> <body> <img src="design/laminat.jpg" al…

    Asked by Dezmont,

    0 votes
    1 answer

  5. border'ы

    Как сделать чтобы размеры элемента не увеличивались при задании border'a ?

    Asked by kidar2,

    0 votes
    3 answers

  6. bottom... с position absolut и relative

    Доброго времени госопда, открыл простой урок по bottom, все очень банально, есть 2 div'a, 1ый является контейнером с фиксированной высотой и шириной 200px, в нем находится еще один div, с позицией relative и bottom суть такова если задаю абсолютное позиционирование (absolute) то как и положенно вложенный div относительно окна браузера делает отступ, если использую relative как-то не правильно работает, не как в уроке написанно, подскажите в чем моя ошибка? HTML <div class="di_img"> <div class="di_img_cont"> </div> </div> CSS .di_img { margin:100px; width:200px; height:200px; background:#F00;} .di_img_cont { background:#0F0; width:50px;…

    Asked by Arhidiablo,

    0 votes
    6 answers

  7. Bourbon

    Как подключить библиотеку Bourbone русское руководство есть ?

    Asked by lemitris,

    0 votes
    0 answers

  8. box-shadow + overflow:hidden

    Добрый день. http://jsfiddle.net/X4kbR/2/ Подскажите пожалуйста, как сделать так, чтобы была видна тень у правого, внутреннего блока справа. При этом желательно не увеличивать ширину внешнего блока. <div class="main"> <div class="left"></div> <div class="right"></div> </div> .main { width:200px; overflow:hidden; height:100px; } .left { float:left; background-color:red; width:50px; height:50px; } .right { float:right; background-color:blue; width:50px; height:50px;box-shadow: 3px 3px 5px 0px ; }

    Asked by Буллет,

    0 votes
    5 answers

  9. box-shadow inset и img

    Есть див в котором помещена картинка <div> <img src=""/> </div> К диву применена внутренняя тень CSS3 box-shadow : 0 1px 2px rgba(0, 0, 0, 0.6) inset; В итоге изображение перекрывает эту тень, как можно это побороть? Заранее благодарен.

    Asked by bookin,

    0 votes
    8 answers

  10. box-shadow в CSS3

    Синтаксис свойства: box-shadow: h-тень v-тень размытие протяженность цвет inset; На своей подопытной страничке http://prodpak.ru перебрав множество примеров из интернета, изменив немного значения методом тыка, мне удалось сделать внутреннюю тень как хотел, но знаний я так и не получил. То есть нет структурного понимания поведения своей же записи на сайте box-shadow: -4px 0 10px -2px #F0F0F0 inset; Например, не пойму почему, когда я сменю -4px на 4px, то тень у блока будет слева. Как же ориентироваться? Вообще поначалу я полагал, что нужно руководствоваться top right bottom left где относительно элемента тень будет смещаться в ту или другую сторону.

    Asked by Delat,

    0 votes
    3 answers

  11. box-shadow в IE 9-10

    К моему удивлению, в IE 9-10 свойство box-shadow не применяется к таблицам со значением border-collapse:collapse. В остальных браузерах отображение тени есть. Баг или так и должно быть?

    Asked by Dimitrows,

    0 votes
    1 answer

  12. box-shadow в IE с помощью PIE

    Добрый вечер! Подскажите пожалуйста если кто знает,как сделать тень по всем четырем сторонам блока с помощью PIE в IE. У меня тень во всех браузерах со всех сторон ,после подключения PIE в IE тень появляется,но только снизу и справа. Заранее благодарю!

    Asked by Indo,

    0 votes
    5 answers

  13. box-shadow для строки таблицы

    Здравствуйте. У меня похожая проблема пытаюсь сделать тень для строки таблицы: <html xmlns="[url="http://www.w3.org/1999/xhtml%22>"]http://www.w3.org/1999/xhtml">[/url] <head> <style> .gradient { background: #fefcea; /* Для старых браузров */ background: -moz-linear-gradient(top, #f5f5f5, #d2d2d2); /* Firefox 3.6+ */ /* Chrome 1-9, Safari 4-5 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#d2d2d2)); /* Chrome 10+, Safari 5.1+ */ background: -webkit-linear-gradient(top,#f5f5f5, #d2d2d2); background: -o-linear-gradient(top, #f5f5f5, #d2d2d2); /* Opera 11.10+ */ background: -ms-linear-gradient…

    Asked by valyan,

    0 votes
    2 answers

  14. box-shadow и border-radius

    Почему сервис проверки CSS от W3C выдает ошибки по css 3: box-shadow: 0 0 5px black; box-shadow: 0 0 20px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; Возможно потому что не поддерживается IE?

    Asked by Chernivtsi,

    0 votes
    8 answers

  15. box-shadow или background-image?

    Здравствуйте. http://savepic.su/2907326m.jpg' alt='2907326m.jpg'> Тень менюшки хочу сделать с помощью box-shadow, можно конечно просто наложить как фон через background-image, но это банальное решение. 1. Возник вопрос, есть ли какой-нибудь способ, чтобы узнав какой-нибудь параметр тени в PSD-макете, можно было сразу указать в box-shadow и получить желаемый результат? Т. е. я хочу чтобы тень в PSD-макете и в верстке были попиксельно идентичными. Можно конечно сидеть и экспериментировать/поиграть с радиусом размытия и rgba, но это займет немало времени чтобы добиться попиксельного соответствия теней. Или в данном случае background-image лучшее решение? 2. Понятие семант…

    Asked by the user,

    0 votes
    1 answer

  16. box-shadow на старых браузерах

    box-shadow на старых браузерах не работает (вот, если со зрением все ок то видно отлично полупрозрачный "бордер" http://xn--8-mtbvk1b.in.ua/) как сделать ему замену на старых браузерах? так как они ничего не показуют и это портит диз сайта +++++++++++++++++++++++++++++ Просто мне с ним ещё в соревнованиях участвовать а та нужна поддержка старых арбузеров

    Asked by T@NKIST,

    0 votes
    2 answers

  17. box-shadow не видно

    http://jsfiddle.net/V6KPv/ Как видно, у активного элемента меню (hover) ставится тень справа. Но тень не видно, возможно из-за наложения на тень другого меню-div. Я пробовал у hover ставить z-index больше, чем у не активного меню - толку 0. Почему когда я навожу на меню - не видна тень (box-shadow)?

    Asked by GuitarFan,

    0 votes
    5 answers

  18. box-shadow не проходит валидацию

    Здравствуйте. Пытаюсь приобщиться к CSS3, но не могу пройти валидацию. Имеется код: .box-shadowed {box-shadow: 2px 3px 4px 2px #888;} W3C ругается: Ошибка разбора [empty string]. Если убрать растяжение тени, то все ок, но тень растягивать мне нужно .box-shadowed {box-shadow: 2px 3px 4px #888;} Это баг w3c парсера или я что-то делаю не так? Если указать любой из параметров тени как ноль без размеров - тоже ругается. .box-shadowed {box-shadow: 0 0 4px #888;}

    Asked by hedgehog,

    0 votes
    3 answers

  19. box-shadow не работает в IE 10 с ячейками таблицы

    Хочу получить такую таблицу. Здесь на сером фоне внутренние белые линии (слева и сверху) Cделать через тень, короткое изящное решение http://jsfiddle.net/aykkwbss/ Работает везде, но как обычно IE в своем репертуаре (думал в 10-й версии глюков с тенью не будет). Здесь белые линии смещены на 1px вправо или вниз Вложил DIV в ячейку. У Мозиллы едет верстка, а IE не растягивает DIV http://jsfiddle.net/aykkwbss/5/ Можно решить без JavaScript?

    Asked by user89,

    0 votes
    1 answer

  20. box-shadow по параметрам юлюстратора

    Дизайне сдела в люстре дизайн, сдела черный квадрат и задал парметры ему прозрачности 45%, радиус 28 пикселей, т.е. Gaussian blur Как это на css3 сделать?

    Asked by okunev2,

    0 votes
    6 answers

  21. box-shadow проблемы в Опере

    Добрый вечер. Суть проблемы, у меня есть div шириной 100%, снизу нужно сделать тень, в CSS дописал «box-shadow: 0 1px 5px #000000;» тень появилась, во всех браузерах все прекрасно работает, а в опере появилась горизонтальная полоса прокрутки. И справа немного видно тень. Прошу вашей помощи. Спасибо. 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" /> <title>Документ без названия</title> <link type="text/css" rel="stylesheet" hr…

    Asked by DiMMK4,

    0 votes
    2 answers

  22. box-sizing

    Добрый день! Я новичок. подскажите почему браузеры могут зачёркнут селектор, всю голову сломал уже! -moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box; Спаибо

    Asked by Nank,

    0 votes
    5 answers

  23. box-sizing из bootstrap css наследуется на tables

    Здравствуте! Подскажите пожалуйста кто знает. Мне необходимо отменить box-sizing: content-box конкретно для таблиц (table), так как в таблице надо задать фиксированную ширину столбцаа это свойство не даёт это сделать, загружается из bootstrap.css (сайт на джумла 3) Если же его полностью закоментировать то ломается шаблон сайта, надо отменить конкретно для тега <table> Спасибо за внимание.

    Asked by sanyok911,

    0 votes
    1 answer

  24. box-sizing:border-box

    Зачем придумали box-sizing:border-box? В каких целях, его можно применить?

    Asked by DivMan,

    0 votes
    7 answers

  25. boxsizing.htc

    Появилась проблема в ie7 благодаря boxsizing.htc есть картинка которая обрамлена в div, этот div имеет float:left; после этого дива идет параграф <p>Ткст....</p> с текстом, текст должен обрамлять картинку но почему то текст становится справа от картинки столбиком причина это boxsizing.htc если убрать его то всё нормально хотелось бы понять почему так происходит. <style> html * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(css/htc-libs/boxsizing.htc); } .md_img {float:left;} .md_text p {line-height:20px;} </style> <div class="md_text"> <div class="md_img"> <i…

    Asked by aleksandr-n,

    0 votes
    0 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