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. Подскажите в чем ошибка

    Доброго времени суток уважаемые форумчане! Прошу помощи у знающих) Буду благодарна за помощь-подсказку. Подскажите пожалуйста, почему появляется вертикальная полоса прокрутки вот тут: http://jsfiddle.net/2GfY9/. Как-то сама, увы, дойти не могу) Заранее благодарю за всяческую помощь.

    Asked by Avesha,

    0 votes
    2 answers

  2. Помогите, с меню

    Здравствуйте, Собсна имеем вот-такой CSS-код: a.header_banner_button{background:#00F;width:230px;height:40px;margin-left:500px; display:inline-block;text-decoration:none;color:#FFF;font-size:14px;} a.header_banner_button:hover{background:#36F;} .header_banner_link{text-decoration:none;color:#FFF;font-size:14px;margin-top:10px;display:inline-block; margin-left:20px} a.header_banner_button1{background:#00F;width:230px;height:40px;margin-left:100px; display:inline-block;text-decoration:none;color:#FFF;font-size:14px;} a.header_banner_button1:hover{background:#36F;} И вот такой HTML-код: <div class="header_banner"><a class="header_banner_button" href="#"><sp…

    Asked by camperofcamper,

    0 votes
    2 answers

  3. Блоки внутри блока и hover на всю ширину основного блока))))

    Всем доброго времени суток господа. Подскажите пжлста как реализовать вот такую идею (постараюсь сформулировать её более менее прилично) Например есть блок, внутрь к нему надо засунуть еще 3 блока, каждый со своей фоновой картинкой и когда наводишь на какой-либо из внутренних блоков он растягивался на ширину основного блока. что-то типа такого) http://itmages.ru/image/view/1170470/dbff566d а так когда наводишь курсор ) http://itmages.ru/image/view/1170464/a15bbcd3

    Asked by CatInTheBread,

    0 votes
    2 answers

  4. Как сделать всплывающую картинку с текстом

    Подскажите пожалуйста, возможно ли сделать что бы при наведении на ссылку всплывала картинка и текст с форматированием - жирность, косость, цвета... только средствами хтмл и ксс, без скриптов. Все что находил реализовано только скриптами, а мне не надо всякие там навороты вроде полупрозрачностей, теней и т.д. Кстати, вот реализация через скрипты http://mobine.ru/

    Asked by alleclf,

    0 votes
    2 answers

  5. проблема с сестринским селектором

    некорректное отображение в ie7 и ie8. сестринские селекторы(СС) поддерживаются с ie7+ видно проблема при использовании СС и псевдо-классов если кто-то сталкивался - помогите решение через javascript не интересует <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>help</title> <style> div{ position:relative; width:200px; height:50px; margin:100px 0 0 100px; } input{ position:absolute; width:180px; height:30px; top:10px; left:10px; } span{ position:absolute; color:#000; top:16px; left:15px; } div input:focus+span{ color:red; } </style> </head> <body> <div> <input type="text"&gt…

    Asked by dmutro,

    0 votes
    2 answers

  6. Подгон img под ячейки

    Есть ячейка (ячейки) ({table-layout:fixed}), в нее с базы вставляются картинки. Как сделать так, чтоб картинки сами пропорционально подгонялись под ячейки. Все картинки имеют разный размер от маленьких до огромных.

    Asked by seowebster,

    0 votes
    2 answers

  7. Css-меню и сепараторы

    Здравствуйте. Была задача сделать вертикальное меню пункты между которого разделяют 1-пиксельные сепараторы. Работа осуществлялся с модулем Joomla (DJ-Menu), стиль меню менялся исключительно с помощью CSS. Чтобы вставить разделители, я создал прозрачную картинку с минимальной шириной и высотой соответствующей моему меню, по краям картинки слева и справа белые однопиксельные полоски играющие роль сепаратора. Задал её бэкграундом к span и написал правило background-size, чтобы картинка тянулась на 100%, в зависимости от долины слова. Так как между пунктами меню был левый марджин, то получилось, что между пунктами меню не одна белая полоска, а две. Поэтому пришлось задать пр…

    Asked by param,

    0 votes
    2 answers

  8. Русские буквы и пробелы в пути

    Если к изображению на сайте я буду использовать такой путь:"img/1/Нити белое на черном.jpg" то во всех браузерах нормально отобразится?

    Asked by GLeBaTi,

    0 votes
    2 answers

  9. Не работает кнопка в Firefox&Chrome

    Здравствуйте. Есть форма поиска: <form class="searchform"> <input class="searchfield" type="text" value="Искать..." onfocus="if (this.value == 'Искать...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Искать...';}" /> <input class="searchbutton" type="button" value="Go" /> </form> Кнопка почему-то не хочет нажиматься в Firifox и Chrome в Опере всё нажимается нормально...

    Asked by param,

    0 votes
    2 answers

  10. При наведении на картинку идет смещение. (CSS)

    При наведении на картинку идет смещение. (CSS) При наведении мышкой на картинку в слайдшоу изображение смещается и появлйются превьюшки-стрелки. Как сделать чтоб эти стрелки были постоянно на картинке и чтобы таких смещений не было_? Помогите мне пожалауйста разобраться. Слаидер тута http://solcellepanel.hg.no/

    Asked by knopka3,

    0 votes
    2 answers

  11. Проблема с резиновой шапкой

    Задача: шапка должна быть такая же как подвал, т.е один блок в центре и два по краям. Суть проблемы: правая и левая часть шапки отображаются внутри враппера, несмотря на то, что он не является их родителем, вроде все уже перепробовал, ничего не помогает, прошу ткнуть носом в ошибку)

    Asked by WF19,

    0 votes
    2 answers

  12. Отправка формы с пустыми полями

    Здравствуйте, уважаемые администраторы и пользователи. Прошу вас помощи для написания и объяснения скрипта, который бы при отправке формы на след. странице выдавал надпись, что обязательное поле не заполненно. Так вот. попробовал реализовать с помощью PHP файлов, но так как являюсь грубо говоря бичом в этой области, ничего у меня не получилось. Прошу вас, помогите мне пожалуйста написать скрипт. вот код моей формы. Заранее благодарен <!DOCTYPE html> <html> <head> <title>Регистрационная страница клуба программистов</title> </head> <body> <p align=center> <a> <img src="D:\Файлы Mail.Ru Агента\1.JPG" width="576" heigh…

    Asked by Grandhustla,

    0 votes
    2 answers

  13. Форма и фрейм

    Возникла задача, с которой не получается справиться. Есть форма и фрейм. Введенные данные отправляется, и в фрейме появляется ответ от гугла. Куда таргет савить, не понимаю... <form action="http://www.google.ru/search" method="GET"> <input type="text" name="q" size="40"> <input type="submit" value="Поиск"> </form> <iframe name="answer" width="500" height="800" align="right"> </iframe> Буду весьма признателен за помощь.

    Asked by Аноним,

    0 votes
    2 answers

  14. Изменение параметров стандартных тегов

    Подскажите, пожалуйста, как в CSS изменить параметры стандартных тегов для определнного слоя? Как это может выглядеть: <div id="test"> <img src="somePic.jpg" /> </div> CSS: #test { *параметры* } #test.img { padding-top: 10px; } В слое test - картинка будет отсутпать от верхней границы на 10px. При этом, в остальных блоках данный параметр отступа для картинки не будет применяться.

    Asked by TorchTT,

    0 votes
    2 answers

  15. Сверстал шапку от сайта

    Приветствую всех! Учусь верстать. Сверстал в качестве тренировки шапку сайта 003 ру Я так понимаю, что она не очень сложная в верстке, но все же хотелось бы услышать пожелания, что плохо и как лучше не делать. Если не затруднит, покритикуйте пожалуйста. Спасибо! http://workoffice.ru/tmp/003/index.html

    Asked by lodyr,

    0 votes
    2 answers

  16. Как сделать блоки в две колонки.

    Здравствуйте, добрые люди) Помогите пожалуйста мне вот с чем. Я хочу сделать вывод статей в две колонки. Сначала вроде всё получилось, но потом я заметил, что если блок из первой колонки немного увеличивается в размерах(точнее, в высоте), то нижний блок сразу падает вниз и отображается как будто он находится под блоком, который справа него. Если вы ничего не поняли =) То на картинке всё отчетливо видно. Мне нужно, чтобы этот блок так не падал. Что посоветуете сделать? <div class="content"> <div class="post-main"> <div class="zagolovok"><h1><a href="#">Прикольное видео Мега супер прям я круто супер </a></h1> </div>…

    Asked by kranopodem,

    0 votes
    2 answers

  17. Эффект перекатывания css+java

    День добрый, мне надо было вместо простой кнопки Обзор.. которая даёт type=file засунуть картинку, всёж покрасивей, наткнулся на пример, там всё ок css+java, даж иконки засунули, но вот не задача, там не простая картинка а с эффектом перекатывания, тоесть при наведении картинка сдвигается и получается чот тип анимации. В примере всё работает, но при замене картинки на свою возникла проблема, эффект перекатывания есть, но не до конца, по сколько я довольна плохо знаю css я так и не смог исправить, поэтому прошу помощи, исходник прикладываю, по умолчанию используется button.gif , моя button.png исходник

    Asked by hellqwerty,

    0 votes
    2 answers

  18. как обвести текстовое поле синим цветом ?

    как обвести текстовое поле синим цветом ? Где - то я видел такой тег, но потерял ;( Подскажите плз.

    Asked by malish,

    0 votes
    2 answers

  19. Срезанный угол слоя

    Подскажите, пожалуйста, как сделать срезанный угол у div'a при помощи CSS? Помимо этого, слой вместе с углом должен менять цвет при наведении курсора. Как должно выглядеть:

    Asked by TorchTT,

    0 votes
    2 answers

  20. Печать html текста

    Добрый день уважаемые верстальщики. Нужна ваша помощь. Есть большой текст, форматированный с помощью html. Его нужно напечатать на бумаге. Причем не абы как, а соблюдая "печатное форматирование", т.е.? например, чтобы внизу по центру печатались номера страниц, каждая новая глава начиналась на новом листе и т.д. Слышал, что этого можно добиться, используя сам html+css. Вопрос, что именно? Спасибо.

    Asked by xmlns,

    0 votes
    2 answers

  21. Группировка по значению

    Добрый день! Что собственно хочу сделать: Есть товар у него есть артикул но т.к. товара с одинаковым артикулом много надо сгруппировать их вместе: Арткул-1111 Товар Арткул-1111 Товар Арткул-1111 Товар Арткул-11487 Товар Арткул-1811 Товар Арткул-1811 Товар Вот ни как не могу понять с помощью чего можно сделать css и js интересует.Подскажите в каком направление копать плз.

    Asked by massqwest,

    0 votes
    2 answers

  22. Указать ширину картинки, а высота бы пропорционально изменилась?

    Здравствуйте. Интересует вопрос о том, можно ли картинкам в CSS указывать требуемую ширину, под которую бы высота картинки самостоятельно изменялась пропорционально исходному соотношению высоты к ширине? Благодарю.

    Asked by borus,

    0 votes
    2 answers

  23. помогите пожалуйста сделать футер

    Здравствуйте. Я с CSS только знакомлюсь. У меня 2 вопроса. 1) делаю сайт, состоящий, из двух колонок (лево\право) и центральной части. Правый бокс заверстался без особых проблем. Каждый контейнер располагался непосредственно друг за другом. С левым боксом почему-то так не получается. Хоть вроде бы всё делаю тоже самое. Все боксы размещаются друг на друге сразу под первым боксом. проблема решалась только путём "margin-top" но как это будет отображаться на мониторах с другими размерами неизвестно... 2) не получается разместить внизу страницы футер. Мне не важно, будет он привязан к низу окна, или нет, но он точно должен быть, я перепробывал множества способов, которые на…

    Asked by Neptun,

    0 votes
    2 answers

  24. Как выбрать первый из соседних тегов?

    Можно ли выбрать первый из соседних тегов, а не второй (синтаксис вида Селектор 1 + Селектор 2 { Описание правил стиля })?

    Asked by borus,

    0 votes
    2 answers

  25. выравнивание div по низу

    Доброго дня суток, помогите выровнять блок "two" по низу блока "one" желательно без маржинов и паддингов .one { min-height:285px; margin: 0 auto; } .two { width:960px; height:200px; background:transparent url('blablabla.jpg') no-repeat; } <div class="one"> <div class="two"> </div> </div>

    Asked by JastinB,

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