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-ах следующий вариант: (Его я умею делать в таблицах, а вот в дивах никак не получается) <table> <tr> <td>Блок 1</td> <td ROWSPAN="2">Блок 2</td> </tr> <tr> <td VALIGN="BOTTOM">Блок 3</td> </tr> </table> как сделать аналог на дивах, чтобы при увеличении высоты в блоке 2, содержимое блока 3 прижималось к самому низу и его низ был на одном уровне с низом блока 2.

    Asked by (ave)iy,

    0 votes
    7 answers

  2. Прилипание текста к картинке

    Прошу помощь, надо, чтобы в тексте были размещены небольшие картинки, которые обтекает текст. При наведении на картинку, она увеличивается до реальных размеров. Собственно сделал всё, чтобы так и было, но между блоком с маленькой картинкой и обтекаемым текстом нет отступов. Текст полностью прилипает к маленькой картинке. Как сделать, чтобы отступы появились. Снизу мой код и стили. <body> <div class="post"> <div class="tema"> <p>Длинный текст</p> <a class="thumbnail" href="#"><img src="1.jpg" width="20%" border="0" align="left"/><span><img src="1.jpg"/></span></a&g…

    Asked by k1fazoid,

    0 votes
    1 answer

  3. Прилипание топ-меню

    Ребят, не могу сделать шапку с прилипанием как у этого сайта - http://it-office.msk.ru/ . Может есть готовые, написанные скрипты?

    Asked by ITMOfan,

    0 votes
    6 answers

  4. Приложение ....php не является приложением win32

    Собственно помогите,в чем может быть проблема?Только установил денвер...

    Asked by moron,

    0 votes
    5 answers

  5. Применение <area ... nohref>

    Вот код: <td> <img src="circle_example.png" usemap="#circle_example"> <map name="circle_example"> <area shape="circle" coords="150,150,50" nohref title="Неактивная область"> <area shape="circle" coords="150,150,100" title="Нажмите" href="http://www.google.ru" target="_blank"> </map> </td> Проблема в том, что не работает верхняя фигура с nohref. Функционирует нижний большой круг. Ситуация не меняется при смене порядка фигур. Спасибо!

    Asked by Тишина,

    0 votes
    5 answers

  6. применение a:hover

    Здравствуйте. Смену цвета ссылки при наведении я осилил. Подскажите, пожалуйста, как заставить картинку (Pic.jpg) появляться при наведении курсора на ссылку? Появиться она должна не в этой таблице, а ниже, на голом месте. IMG пришлось заключить в А тег, чтобы отображалось в IE. Нужно без скриптов и для всех браузеров (IE FF Op). ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ .b { color: #FFFFFF; font-family: Tahoma; font-size: 13px; text-decoration: none; font-weight: bold; display: block; height: 35px; width: 155px; padding: 1px 7px 1px 7px; border-left: 1px #FFFFFF solid; } .b:hover { background-color: #AE0000 } ~~~~~~~~~~~~~~~~~~~~~~~…

    Asked by ssk,

    0 votes
    12 answers

  7. Применение background-position несколько раз

    Сабж. Чтобы в сверху и справа - один фон снизу и справа - другой и т. д.

    Asked by Mihail Dobkin,

    0 votes
    3 answers

  8. Применение float к inline тегу

    <p style="text-align: right;">Раздел<b style="float: left;">+</b></p> Работает как и задумано. Но есть смутные сомнения в том плане что в <b> не назначен display: block. Как к этому относиться - как к ошибке браузера, или есть правило в стандарте? Что если к тегу одного типа (напр. inline) будут применены стили для тегов разного типа?

    Asked by staff-base,

    0 votes
    2 answers

  9. применение hover к тегу area

    Всем известно что псевдо класс hover нельзя применить к тегу area. Передо мной стоит задача при наведении на определенную часть изображения над изображением должна появляться определенная надпись. всякие jquery map hilight не подходят для этого так как они только лишь подсвечивают. Уважаемые, может ето можно сделать с помощью onmousover ? подскажите пожалуйста синтаксис. все должно выглядеть так: мышь наводится на опред участок картинки и чуть выше картинки всплывает <span>. накопал в сети следующее —- <area onmouseover="hover(this);" onmouseout="unhover(this);" href="... <script> function hover(obj) { obj.style.backgroundImage="img/hover.jpg"; } function …

    Asked by graf86,

    0 votes
    2 answers

  10. Применение id и class к одному и тому тегу.

    Добрый вечер. Недавно открыл для себя то, что можно применять одновременно и class и id. <div id="x" class="y"> Привет, мир! </div> <!-- wrapper --> Задаем одни свойства через class, другие через id. Код работает. Хорошо ли так делать или лучше не надо?

    Asked by Red Planet,

    0 votes
    7 answers

  11. Применение margin к встроенным элементам.

    Почему b{margin: 15px} отталкивает селектор только от левого края, а b{padding: 15px} работает нормально?

    Asked by Gnom7,

    0 votes
    12 answers

  12. Применение margin сдвигает не то, что хотелось бы.

    Добрый день. Периодически сталкивался с данной проблемой на некоторых браузерах. Если у меня есть блок, а внутри него другой (или неблочный элемент), то применение margin-top к описанию внутреннего элемента почему-то двигает не внутренний элемент относительно внешнего, а внешний относительно других. Почему? В данном примере нужно сдвинуть ссылку (Join now) от верхнего края темно-коричневого блока. Применение к ней margin-top двигает темно-коричневый блок вниз (указано стрелкой).

    Asked by Red Planet,

    0 votes
    5 answers

  13. Применение opacity ко вложеным div

    есть таблица <!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>Untitled Document</title> </head> <body> <div class="top" id="table" style="opacity: 0.5"> TABLE <table border="1"> <tr> <td><div id="bot1" style="opacity: 0.4">BOT1</div></td> <td><div id="bot2" style="opacity: 0.6" >BOT2</div></td> </tr> <tr> <td><div id="bot…

    Asked by rrock,

    0 votes
    16 answers

  14. применение text-transform: uppercase

    пару раз получал такой совет от верстальщиков. если нужно вывести строку заглавными буквами, то стоит её написать строчными буквами(первая - заглавная), но в через css задать text-transform: uppercase. скажите, если ли хоть какой то смысл в таких манипуляциях с точки зрения семантики?

    Asked by cyklop77,

    0 votes
    3 answers

  15. применение z-index

    Начал изучать пару дней назат блочную верстку сайтов, да и вообще верстку сайтов... столкнулся с такой проблемой =) как с помощью z-index (или есть другие теги какие?) расположить две картинки по очереди? а то одна перекрывает другую... хотелось бы все сделать в 1 блоке <div id="header"> </div> (была мысля разбить 2 изображения по блокам наложить их на друг друга и каждому присвоить очередность отображения) еще z-index это свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative, а я выравнивал картинку в блоке с помощью background-position:center, поскольку прийдется применять z-index, background-position:cen…

    Asked by FaTaL,

    0 votes
    7 answers

  16. Применение классов в div

    Здравствуйте. Сейчас пытаюсь самостоятельно верстать и попутно разбираюсь в готовом чужом коде в качестве примеров-образцов. Возник такой вопрос. Во всех учебных материалах при самостоятельном изучении встречал применение к div к качестве идентификаторов последних только id. Однако в чужих работах и даже в стандартных шаблонах Dreamveawer для всех div применяется только классы: <div class="header"></div>, <div class="conteiner"></div>, <div class="footer"></div>, <div class="sidebar"></div>, <div class="content"></div>. И даже внутри блоков к элементам применяются только классы: <ul class="nav"></ul>.…

    Asked by aaron,

    0 votes
    8 answers

  17. Применение классов к маркированным спискам

    Здравствуйте! Не получается применить классы или ID к маркированному списку. Дело в том, что списков на странице будет несколько, у каждого списка присутствует свой маркер (маркер заменяю картинкой через list-style-image). Когда пытаюсь применить к списку класс или ID, то все стили слетают. Делать пытаюсь так: HTML: <ul class="ddd"> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> </ul>CSS: ul .ddd{list-style-image: url(images/okay.png);text-align:left;}

    Asked by px379,

    0 votes
    2 answers

  18. Применение кнопочек

    Подскажите люди добрые как сделать такую штуку, что бы при нажатии на кнопочку, под ней например появлялась форма для написания коментарив, с кнопками и формами я работать умею, а вот добится того что бы при нажатии на кнопку страница не обновлялась, а сразу показала форму, немогу((( подскажи те плз... на сколько я понимаю этот метод должен быть похож на: http://htmlbook.ru/ тут на главной странице при нажатии на кнопочку "Знаете ли вы...." новость обновляется, а страница остается прежней.. обьясните плз как такого добится?

    Asked by pulover,

    0 votes
    16 answers

  19. Применение нескольких классов к одному элементу

    Друзья, подскажите, пожалуйста, почему к элементу не применяется один из заданных классов. HTML <table border="0" cellpadding="15" cellspacing="15" class="bonusChoice"> <tr> <td> <div class="accountForm"> <div class="input"> <div class="submit"> <input type="submit" value="Select"> </div> </div> </div> </td> </tr> </table> CSS .body.ar .bonusChoice .accountForm .input { float: right; height: 1%; overflow: hidden; width: auto; display:inline; line-height: 15px; } При арабской раскладке не применяется класс bonusChoice. Соответственно применяетс…

    Asked by Subcomandante.A,

    0 votes
    8 answers

  20. Применение события только к текущему блоку

    $('.basket .good-zakaz').hover( function() { $(".basket .good-zakaz .delete").show(); }, function() { $(".basket .good-zakaz .delete").hide(); } );Есть множество блоков .basket .good-zakaz при навдении на один из них выводится блок .delete. Проблема в том что выводится у всех блоков, если наводить на один из них. Нужно чтобы выводился только у того на который наводим. Что туплю

    Asked by okunev2,

    0 votes
    4 answers

  21. Применение стилей div для require информации

    Доброй ночи уважаемые, обращаюсь в первую очередь к верстальщикам: ситуация - в файле-виде который отвечает за отображение блоков <div>, для вывода определенной информации воспользовался инклюдом другого файла, в котором непосредственно осуществляется выборка информации с базы. Все работает таким образом очень даже хорошо (т.е. выводится список), но вся проблема что стили, которые прописаны в CSS стилях для файла вида не работают для тех что выводятся в другом. Сейчас попытаюсь яснее объяснить. <div id="nav"> <ul> <?php require_once "/views/vmenu.php" ; ?> </ul> </div> такую форму имеет часть кода в файле виде который отвечает за вывод …

    Asked by Velidan,

    0 votes
    4 answers

  22. Применение стилей и их отмена для фрагмента

    Здравствуйте. На странице есть боковая колонка, к которой применяется стиль , он подтягивается из единого файла style.css (сайт на wordpress) При правке контента в этой боковой колонке, там отображается только выводимая информация для посетителей (ссылки) Ниже решил добавить еще одну ссылку, но не хочу, чтобы к ней применялся стиль.Можно ли как-то для этой ссылки указать что-то типа "style= none"

    Asked by Витамин,

    0 votes
    3 answers

  23. применение стилей к тегу html

    Дизайнер нарисовал страницу с неоднородным задним фоном. Для того чтобы заверстать его мне необходимо 2 блочных элемента. Первым элементом само собой стал тег body, вторым элементом стал div#box. Задача: избавиться от тега div#box. Вопрос заключается в следующем: является ли правильным с точки зрения верстки применять стили с бэкраундом к тегу html?

    Asked by imolodec,

    0 votes
    8 answers

  24. Применение стиля у таблицы при обнуление *

    На сайте так обнуляеться в стилях все: * { margin: 0px; padding: 0px; } И когда создается контент, на страницу к примеру таблица и в теге table указываются отступы и прочее, то они не работают: <table border="1" bordercolor="#FFFFFF" cellpadding="10" cellspacing="0" width="100"> Как быть, чтобы все обнулялось, но в таблице нет?

    Asked by okunev2,

    0 votes
    4 answers

  25. применение шрифтов обработанных cufon

    Добрый вечер. Подскажите пожалуйста, как указать для cufon, что шрифт применить для всех элементов страницы искал в инете, но нашёл только как для содержания определённого тега указать <script type="text/javascript"> Cufon.replace("h1"); </script> На сайте используется jquery пробовал использовать селектор jquery "*", ни чего не дало <script type="text/javascript"> Cufon.replace("*"); </script> шрифт подключается, но не работает... и второстепенный вопрос, что случилось с сайтом http://www.fontsquirrel.com/fontface/generator, пробовал через него конвертировать шрифт - выдаёт ошибку, что файл шрифта повреждён? пробовал на разных шрифта…

    Asked by slo_nik,

    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