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. Стиль font и свойство inherit

    На странице http://htmlbook.ru/css/font запись font: [font-style||font-variant||font-weight] font-size [/line-height] font-family | inherit Что означает "| inherit"? - inherit может быть указан вместо задания font-family? - или вместо всех параметров?

    Asked by skvor,

    0 votes
    3 answers

  2. стиль html в css'е

    1) Ребят, поведайте, пожалуйста, полному нубу откуда повелось переопределять тэг html в css? html { background-color: #FFFFFF; background-image: url("../../Img/bckgrnd.jpg"); background-position: center top; background-repeat: repeat; min-height: 400px; } Дело в том, что, подобных приемов в уроках я не встречал. Вроде как всегда приучали работать с body. Но на практике очень часто вижу подобное. 2) Никак не могу понять назначение height: 100% применительно к тому же html: html { ... height: 100%; } - что это дает? Каким образом происходит растяжение по высоте? Пробовал экспериментировать, убирая данное свойство, но никакого изменения не выявил... В общем, подск…

    Asked by The_Immortal,

    0 votes
    4 answers

  3. Стиль активной кнопки. Проблемы с заменой канртинки

    Здравствуйте! Возникла небольшая проблема с вёрсткой. Есть html: <div class="best"> <div class="slider"> <img src="img/food.png"> </div> </div> Есть css: .slider:active > img { background-image: url("../img/block.png") } Моя цель, чтобы на картинку, которая из html загружался сферху фон из css (block.png) по клику. Но выходит так, что фон (block.png) загружается за картинкой из html (food.png) и ощущение, что ничего не происходит.

    Asked by Jo_Sky,

    0 votes
    8 answers

  4. Стиль блока при :hover

    Здравствуйте! Нужно чтобы при наведении на блок 1 менялось оформления блока 2. Это всё происходит на одной странице, но блоки не вложены друг в друга, они в разных частях документа. Есть ли у кого готовый скрипт? Спасибо!

    Asked by FitTech,

    0 votes
    9 answers

  5. Стиль бордюра

    Скажите как коротко записать чтоб, верхней границы бордюра не было, а право, лево и низ было чёрным цветом 1 пиксель? border:право лево низ solid black; Вот так не получаеться .menubordur{border:1px 1px 1px solid black;}

    Asked by people2010,

    0 votes
    2 answers

  6. Стиль внутри страницы

    Как внутри страницы (вне <head>) прописать CSS класс? Именно класс, а не стиль для элемента (<tag style=""></tag>).

    Asked by Kenshi45,

    0 votes
    5 answers

  7. Стиль для Select

    Помогите пожалуйста! Как изменить размер и цвет маленьгкой стрелки тега select.

    Asked by lilush,

    0 votes
    4 answers

  8. Стиль для активной ссылки

    Доброго времени суток. Возникла проблема с отображением активной ссылки. В CSS она у меня по дизайну похожа с стилем наведенной ссылки, но она отображается, помогите что не так... #mainlevel a:active { color: #a40707; display:table-cell; height:41px; vertical-align:middle; background-image:url(../images/put_button.jpg); text-decoration: none; background-repeat: no-repeat; font-family: "Tahoma"; font-size: 15px; } Заранее благодарен.

    Asked by romko,

    0 votes
    4 answers

  9. Стиль для всех таблиц на сайте.

    Сама таблица выводится при помощи php, так же задаются некоторые параметры. Но во всех таблицах очень много общего. Хочу все это объеденить в css. Как это нарисовать для всех таблиц сразу? Только через класс?

    Asked by Ururu,

    0 votes
    14 answers

  10. стиль для кнопки

    есть кнопка в виде текста , текст должен менять цвет при наведение мышкой. в Ie6 не работает hover для кнопки. Подскажите как быть. чтобы hover воспринимался

    Asked by duffny,

    0 votes
    6 answers

  11. Стиль для ссылки с rel

    В общем, есть ворох ссылок с попапами в виде Rokbox (разновидность Lightbox'а), рокбокс определяет свое поведение по атрибуту rel="rokbox" в теге ссылки. Есть желание менять курсор на кастомный при наведении на такую ссылку, чтобы было понятно, что можно развернуть картинку по ссылке. Очень не хочется этим ссылкам прописывать классы, потому как данные хранятся в CMS в базе данных и в ручную это делать мне совсем не улыбается. В связи с этим вопрос - по атрибуту rel никак стиль не зацепить? Что-то мне подсказывает, что никак..

    Asked by d0ublezer0,

    0 votes
    6 answers

  12. Стиль для текста

    Здравствуйте, верстаю шаблон для новичков . Я хотел дать шрифту который побольше <h4> и применить к нему стиль, но так как там нужно давать два разных стиля для <h4>, этот вариант не подходит. Как правильно применить стиль для этого текста? Дать абзацам класс или можно сделать правильную выборку?

    Asked by ShootingStar,

    0 votes
    5 answers

  13. Стиль для ячеек таблицы

    Ребят, подскажите пожалуйста, как можно сделать так, чтобы ячейки были все с бордерами у определенной таблицы. Как писать бордеры я знаю, а вот как реализовать вот это что то не получается. Например у меня таблица с классом special, как можно сделать для нее, еще один стиль приминимый для ее ячеек. Вот пример. Все сделал, а как написать класс для td'эшок не знаю. При чем так чтобы, не приходилось, подписывать каждую td'эшку: <style> .special {margin-bottom: 24px; width:80%; border-collapse: collapse; border: 1px solid;} .t1 {text-align:center; background-color: #e6abb2; font-weight: bold;} </style> <table class="special" cellspacing="0" cellpadding="5"> …

    Asked by Igorpurgen,

    0 votes
    3 answers

  14. стиль дополнительного меню

    Здравствуйте! Подскажите, пожалуйста, как задать стиль доп. меню, отличный от главного? Чтоб ссылки меню "наши кобели" и "наши суки" сделать не такими как в верхнем главном меню? Сайт: http://baykara.ru/nashi-sobaki <a href="http://pixs.ru/?r=7262308"><img src="http://i5.pixs.ru/storage/3/0/8/YbwfRPskjp_5508095_7262308.jpg" border="0" alt="Image Hosted by pixs.ru" /></a>

    Asked by Zeeeya,

    0 votes
    4 answers

  15. Стиль кнопки

    Подскажите пожалуйста как можно стиль кнопки задавать?

    Asked by nik1524,

    0 votes
    7 answers

  16. Стиль кнопки

    Как <input type="submit"> сделать таким, как на второй картинке? Т.е. как избавиться от этих краев?

    Asked by aquapasha,

    0 votes
    3 answers

  17. стиль нумерованного списка

    Здравствуйте! У меня вопрос по стилям списка, по статье http://www.htmlbook.ru/content/?id=58 А можно ли задать цвет и шрифт только для цифр списка (1. 2. ...) а сам текст чтобы оставался таким же, как и вне списка? Конкретно, я хочу, чтобы цифры были шрифтом Тахома серого цвета, а пункты списка - это ссылки, шрифт такой же, но цвет другой, заданный стилем. При этом еще над списком ссылок название, оно таким же шрифтом, того же размера и цвета, но жирное. сейчас я сделал так: <span class="simpletext"> <br> <strong>Заголовок</strong><p> <ul> <li><a class="mail" href="http://www.free-lance.ru/users/atahanov/viewproj.php?prjid=…

    Asked by dangler,

    0 votes
    15 answers

  18. Стиль сайта

    Помогите, я новичёк. с css вроде разобралась, написала отдельным файлом стиль для страницфон, шрифт, ссылки итд), чтобы все одинаковыми были. и проблема: как его прикрепить к страницам сайта? нигде не могу найти нужных тегов, везде стиль вписан прямо на странице

    Asked by мужняя_жена,

    0 votes
    8 answers

  19. Стиль скролла textarea

    Добрый день! Встала задача изменить стили полосы прокрутки textarea, думал все просто - есть много плагинов скроллов JQuery. Но как оказалось ни один из них не работает с textarea. Есть вот плагин cutext http://www.xiper.net/collect/js-plugins/forms/cutext.html , но у меня так и не получилось вставить скроллинг.Долго в интернете искал ответ, но так и не нашел рабочую версию...и я вообще не видел измененный скроллинг textarea. Может это утопия, и его не можно изменить!!))Кто то встречался с такой вот задачкей, или может просто видел измененный скроллинг textarea?)

    Asked by myxamyxa,

    0 votes
    7 answers

  20. Стиль списков в ИЕ

    Есть меню выбора. В Мозиле, Сафари и Хроме выглядит как нужно, вот так: В горячё любимом ИЕ вот так: HTML: <ul> <li><a href="#date">по дате</a></li> <li><a href="#category">по категориям</a></li> </ul> CSS: #tab-container ul { margin: 0; padding: 0 17px 0 0;} #tab-container ul li { display: inline-block; padding: 0 0 10px 10px;} #tab-container ul li a { display: block; outline: none; text-decoration: none; border-bottom: 1px dashed #2f7ca0;} #tab-container ul li a.active { color:#000000; border-bottom: none;} что ж не так делаю?

    Asked by SHo,

    0 votes
    13 answers

  21. Стиль спойлера

    Добрый день, форумчане. Помогите, пожалуйста, справиться со стилем спойлера. http://primfile.com/video/hud-films/25-spoiler.html Вот здесь сверху и снизу рамки спойлера большой отступ до текста. Как его можно уменьшить? я пробовал margin, padding.. ничего не помогает. вот какие настройки в данный момент: .title_spoiler { text-align: justify; font-weight: bold; color: #636363; background-color: #ECE1FE; border: 1px dotted #bebebe; padding: 1px; } .text_spoiler { color: #757575; background-color: #DEEDFA; border: 1px dotted #bebebe; border-top: 0; text-align: justify; padding: 1px; }

    Asked by mementos,

    0 votes
    1 answer

  22. Стиль ссылки

    Как сделать так: Я нахожусь на главной странице, и в меню выделена этим стилем ссылка ведущая на главную. Если я нахожусь в новостях, то выделена ссылка в меню ведущая в новости. Спасибо.

    Asked by 212th,

    0 votes
    15 answers

  23. Стиль ссылки на странице, на которую она ссылается

    Всем доброго времени суток! Подскажите как можно задать стиль ссылки на странице, на которую она ссылается? Или хотябы ткните носом в темку, которую можно почитать) Спасибо!

    Asked by Zietge,

    0 votes
    5 answers

  24. Стиль ссылки текущей страницы.

    Есть сайт с ссылками-меню в виде списка из 5 пунктов ведущих на свою страницу: Link 1 Link 2 Link 3 Link 4 Link 5 Этот список включил в документ на главное и на каждой из 5 страниц <? include(menu-block.php'); ?> В стилях прописан: a:active {color: #000000; text-decoration:none;} По идее, находясь, к примеру, на второй ссылке, вид меню должен быть таким: Link 1 Link 2 Link 3 Link 4 Link 5 Но в меню все-равно все ссылки подчеркнут. Что не так делаю?

    Asked by SHo,

    0 votes
    17 answers

  25. стиль таблицы

    решил сверстать страницу полностью по правилам. написал сверху <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> все теги в документе закрываются, даже незакрывающиеся, все стили решил прописать в цсс: body { background: #ffffff; margin: 0; padding: 0; } table { border-collapse: collapse; margin: 0; padding: 0; spacing: 0; } #centerLayer { width: 829px; margin: 0 auto; background: #ffffff; padding: 0; text-align: center; } всю страницу сверстал жестко в таблице, а таблицу всю ставил в центральный див: <body> <div id="centerLayer"> <table id="Table_01" bo…

    Asked by dangler,

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