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. Как сделать "резиновым" div по вертикали с прокруткой?

    Есть сайт с "резиновым" дизайном. Есть необходимость использовать div со скроллбаром. Если задавать фиксированные размеры для div'а, все нормально, "overflow: auto" создает скроллбар когда необходимо. Но если размер div'а не указан (или 100% - то что надо ), растягивает div так, что видно только 1 строку. Как сделать ризивой div по вертикали с прокруткой? height:600px; - сейчас в работе. (height:100%; или height:auto!important; - не работаю корректно) #mycustomscroll { width: 100%; min-height:auto!important;height:600px;max-height:100%; margin: 0 0 0 0; overflow: auto; } .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscr…

    Asked by DeathError,

    0 votes
    8 answers

  2. как сделать «full background горизонтальный слайдер»?

    Не знаю как правильно назвать,подскажите пожалуйста, как можно сделать «full background горизонтальный слайдер» как на этом сайте http://www.waterevive.com/ ? только мне надо сделать только горизонтальный, переходы вверх-вниз мне не нужны, и на этой сайте используют Ascensor.js – там все меню прописывается в нем, и редактировать его у меня не получается, очень все запутанно, так как все параметры меню целиком прописаны в скриптах, нужен другой способ похожей «навигации»…

    Asked by gumapumba,

    0 votes
    3 answers

  3. как сделать <input type="reset" ... /> изображением?

    Доброй ночи! Подскажите, пожалуйста, как сделать <input type="reset" ... /> изображением?

    Asked by Mr.Smith,

    0 votes
    5 answers

  4. как сделать 100% высоту?

    Я хочу сделать что бы левый и правый столбец были ограничены линией dotted 1px например... но блоки у меня не фиксированной длины а могут изменяться в зависимости от информации... @@@@@@@@@ @@@@@@@@@ @@ @@ @@ @@ @@ @@ @@ @@@@@@@@@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, Helvetica…

    Asked by allod21,

    0 votes
    5 answers

  5. как сделать 2 сайдбара друг под другом?

    Как можно и можно ли вообще создать 2 блока <aside> чтобы каждый следующий блок находился под предыдущим? У меня не получается, они располагаются горизонтально. Или проще с помощью div'ов реализовать это? <aside> <nav > <a href="index.html">Главная</a><br> <a href="blog.html">Блог</a><br> <a href="video.html">Видеоматериалы</a><br> <a href="obo_mne.html">О себе</a><br> <a href="file.html">Файлы</a></nav> </nav> </aside> <aside> 2 блок </aside>

    Asked by Mr. Kook,

    0 votes
    4 answers

  6. Как сделать 2 фона

    У меня есть фон основной он идёт во всю страницу но мне нужен ещё 1 фон по середине и туда засунуть 6 фотографий кликабельных и расставить их

    Asked by proxor1,

    0 votes
    0 answers

  7. Как сделать 2-колоночный резиновый контент?

    Здравствуйте! хочу сделать div content резиновым, а сайдбар фиксированным, но в этом div content в две колонки помещаю div'ы, но при сильном сжатии (явно больше указанных 200px) эти дивы уезжают друг под друга. Чтобы они ровно вставали сделал div'ы SubContent1,2. Вроде зафиксировал все координаты, но не получается... Что можете посоветовать? Или это надо делать таблицами =( ? CSS: #Content{ float:left; width:100%; min-width: 200px; margin-right: -250px; /*сайдбар там*/ } #SubContent1 { float:left; width: 96%; padding: 20px 1% 20px 0; max-height: 400px; } #SubContent2 { float:left; width: 96%; padding: 20px 1% 20px 0; max-height: 400px; } #DIV1 { float: …

    Asked by walaby,

    0 votes
    1 answer

  8. Как сделать 3 блока "одинаковой высоты"?

    Есть вот такой код: <div style="width: 108px; height: 100px;"> <div style="background-color:lime; width: 4px; height: inherit; float: left;">1</div> <div style="background-color:lime; width: 4px; height: inherit; float: right;">2</div> <div style="background-color:blue; width: 100px; margin-left: 4px; margin-right: 4px;"> asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br> </div> </div> хочется, чтобы блоки "1" и "2" занимали точно такую же высоту, какую занимает синий блок с "к…

    Asked by E5000,

    0 votes
    38 answers

  9. как сделать 4 уголка у слоя

    Подскажите, как можно сделать 4 скоса у прямоугольного текстового блока наиболее эффективным способом. (т.е. добавить картинки в каждый из углов). получается примерно следующее, только слишком громоздко: <td style="vertical-align: top; padding-bottom: 30px; background: #f7eedc;"> <div style="background: #f9e8d4 url(/images/center_top_fon.jpg) repeat-x top; height: 36px;"><img src="/images/center_top_left.jpg" align="left" alt="" /><img src="/images/center_top_right.jpg" align="right" alt="" /></div> <div style="background: #f9e8d4 url(/images/center_left_fon.jpg) repeat-y;"> <div style="background: transparent url(/images/cent…

    Asked by hitenok,

    0 votes
    14 answers

  10. Как сделать bg-color без цвета пока есть bg-img?

    Здравствуйте уважаемое комьюнити, я новичек в html/css и думаю, что данная проблема без использования php\js не решиться, но все же спрошу: Есть Div, у него задан bg-img. Сама эта картинка в .png и имеет прозрачность но большая часть это просто белый цвет. body имеет черную картинку и черный bg-color. Весь текст черного цвета расположен в Div'e о котором написано выше. Как только в браузере мы отключим картинки черный текст сольется с фоном. Мы не можем дать Div'у о котором говорилось выше bg-color так как нам нужна прозрачность в некоторых местах. Вопрос: Как сделать что бы bg-color включался только тогда, когда bg-img становиться выключенным?

    Asked by logicface,

    0 votes
    2 answers

  11. Как сделать border для всей строки <tr> при клике на форму ввода текста?

    Прощу помощи в оформлении! Не пойму как сделать border для всей строки при клике на текстовую форму Сейчас у меня все выглядит вот так: http://pastenow.ru/DCU7 Хочу чтобы tr выделялся таким образом : http://pastenow.ru/DCU5 Код : http://jsfiddle.net/kirill111/o0hx8sqb/3/

    Asked by kirill-,

    0 votes
    1 answer

  12. Как сделать Border как в инстаграмме?

    Чтобы эффект такой красивый был?

    Asked by RuslanHeYca4ev,

    0 votes
    2 answers

  13. Как сделать border как на рисунке

    Сложно объяснить, поэтому нарисовал просто рисунок и хочу поинтересоваться: как такое можно реализовать? И можно ли туда какой-нибудь внутрь текст запихать будет?

    Asked by ErUnDAK,

    0 votes
    4 answers

  14. Как сделать border на шрифте,(а не вокруг,как прямоугольник)

    Как сделать border на шрифте,(а не вокруг,как прямоугольник).Я хочу сделать белый шрифт,но с обводкой,не вокруг текста,как прямоугольник,а только вокруг шрифта. Заранее спасибо!

    Asked by saswat,

    0 votes
    1 answer

  15. Как сделать border-spacing между ячейками 20px, а вокруг 10px;

    Нужно сделать расстояние между ячейками 20px, а вокруг - 10px. Подскажите, пожалуйста, как это сделать.

    Asked by 6hall,

    0 votes
    5 answers

  16. как сделать border-top только для верхнего края

    Всем добрый день! Я сделала разделитель по низу за счет border-bottom, но не знаю как сделать для первого элемента border-top?

    Asked by Nailya,

    0 votes
    12 answers

  17. Как сделать CARDS в линию, по центру и bootstrapped?

    Как сделать CARDS в линию, по центру и bootstrapped? У меня будет 9 карт. А код здесь https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_cards_depth Если можно, то пришлите код. А то я снова накосячу Спасибо

    Asked by 123yes,

    0 votes
    0 answers

  18. Как сделать Checkbox плоским?

    Здравствуйте. Собственно сабж. Поясню, изначально у checkbox'a стиль под 3D, нужно чтобы он стал просто квадратиком обведенным черным бордером. Просто указание бордера решает проблему только в браузере Opera. Ктонибудь сталкивался с этой проблемой?

    Asked by Kichee,

    0 votes
    6 answers

  19. Как сделать CSS файлы независимыми

    Здравствуйте! У меня главная страница (index.php) и которую при помощи include я вставляю другой файл. У обоих файлов есть файл стиле. После того как добавляю файл начинаются проблемы на странице так как в стилях есть одинаковые теги с разными значениями. Можно ли как-то сделать чтобы они не конфликтовали. Чтобы файл стилей прикрепленного файла относился только к той части в которой используется заинклюденный файл, а всё страницу не затрагивал. Знаю один только выход: прописать тегам классы или идентификаторы. Хотелось бы узнать, может есть какой-либо ещё способ? Заранее благодарен.

    Asked by Gambini,

    0 votes
    0 answers

  20. Как сделать DIV c рамкой высотой 50% от высоты окна браузера?

    Хочу чтобы мой DIV стал высотой 50% от высоты окна браузера. Полопатил инет но не нашёл как. Это вообще возможно? Имею такой вот код: <!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> <style> <!-- div { border:1px solid #990000 } div.test { width:80%; Clear:both; float:left; background:#ffeecc; text-align: center; height:100%; } --></style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <div class=test&…

    Asked by generator2003,

    0 votes
    5 answers

  21. как сделать DIV высотой во всю страницу?

    как сделать DIV высотой во всю страницу как то читал про это но не помню где (((

    Asked by generator2003,

    0 votes
    1 answer

  22. как сделать div с закругленными углами только по левому краю,без картинки

    У меня Проблема с закругленными углами.Я сделал div с закругленными углами через css border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; Но я хочу что-бы закругленные углы были толь слева,а справа без. Как это сделать без картинок?

    Asked by saswat,

    0 votes
    2 answers

  23. Как сделать div с одной стороны...

    Как сделать div с одной стороны с закругленными уголками, а с другой нет? Мне нужен эффект "торчащего из-за окна браузера" блока... Вот скрин если нужно... На нем видно блок, который торчит из-за левого окна браузера... Как мне так сделать?

    Asked by htmlonline,

    0 votes
    5 answers

  24. Как сделать div ссылкой?

    Знатоки html, подскажите плз как сделать div ссылкой? у меня только 2 мысли: 1 это тупо сделать так <a href="adress"><div>blabla</div></a> и 2 вариант через онклик <div onClick="document.location.href='adress'" style='cursor: pointer;'>blabla</div> оба варианта работают, но не прокатывают по валидатору. Какие ещё есть методы?

    Asked by Kostyan,

    0 votes
    2 answers

  25. Как сделать DIV таким образом что бы он растягивался по высоте

    Как сделать DIV таким образом что бы он растягивался по высоте в процентном соотношении?

    Asked by Iskatell,

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