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. проблема с меню на wp

    Доброго времени суток! Раньше делал статичные сайты и не заморачивался, а вот тут вдруг решил освоить верстку на wp, и вдруг возникла проблема. Как можно сделать выделение пункта меню. Например как на apple.com. Когда переходишь например; на страницу "contact" и пункт меню conact как либо выделяется. В статичном сайте я бы просто на каждую страницу присвоил другой класс из пункта этой страницы, а тут как?

    Asked by Jeak,

    0 votes
    2 answers

  2. Как сделать табы с такой структурой?

    Вот как надо Как такое сделать с вот такой структурой кода? <h2>описание</h2> <div class="описание">...</div> <h2>характеристика</h2> <div class="характеристика">...</div> <h2>отзывы</h2> <div class="отзывы">...</div> не получается эти h2 сделать в ряд..((

    Asked by bayanruby2,

    0 votes
    6 answers

  3. Помогите решить задачку

    Привет всем, начал постигать азы веб-программирования (пока что с html/css), вот застрял на такой задачке: Блок слева состоит из 5 блоков: 1 большой и 4 поменьше в нем, со свойством position: relative. В html ес-но написал div в котором еще 4 div'a. Проблема в том что у меня правый серый блок сдвигается вниз, хотя я применяю к большому левому блоку свойство float, еще пытался менять свойство display у блоков - не получается. Помогите плиз.

    Asked by Jase,

    0 votes
    4 answers

  4. Помогите с отображением спойлеров.

    Добрый вечер. На странице есть два спойлера, для отображения по горизонтали объединенных в таблицу. При открытии одного спойлера материал открывается не на всю страницу(как и при открытии другого) и сдвинутый вправо, в то же время другой спойлер уезжает вниз, и наоборот. Как можно решить данную проблему ? Пример.

    Asked by bremned,

    0 votes
    1 answer

  5. Таблица HTML

    <HTML> <HEAD> <TITLE>1234</TITLE> </HEAD> <BODY> <table bgcolor="#FFFFFF" border="1" bordercolor="#000000" width="100%" height="100%" align="center"> <tr> <td colspan="3" height="10%"> </td> <tr> <td width="200px" valign="top"> </td> <td valign="top"> </td> <td width="20%" valign="top"> </td> </tr> <tr> <td colspan="5" height="10%" align="center"> </td></tr></table> </BODY> </HTML> не могу понять в чём проблема , таблица должна быть как на рисунке.

    Asked by professor73,

    0 votes
    2 answers

  6. Верстка меню

    День добрый! Есть вот такое вот меню: А как его сверстать правильно и практичнее всего будет - нет идей. Сложность - в загнутых уголках по бокам. Или тупо вставить все это дело картинкой? Но правильно ли это будет, и плюс ко всему нужно ведь, чтобы этот уголок потом тянулся в зависимости от размера монитора на всю ширину. Что посоветуете?

    Asked by Imperil,

    0 votes
    9 answers

  7. Как сделать такой эффект?

    Здравствуйте. Немогу понять как сделать такой эффект как на картинке http://savepic.ru/3937323.jpg, или это делается через box-shadow или через gradient, подскажите пожалуйста. Заранее спасибо.

    Asked by Kuzyo,

    0 votes
    2 answers

  8. Скрытие блока с блоками

    Придумал как решить свою задачу с тенями вокруг кнопок, но уперся в другую беду, которую так и не смог решить самостоятельно. Суть такая, что есть блок (серый), в нем лежит блок что чуточку поменьше размерами (синий). При наведении на синий блок он становится зеленым, при зажимании мышки - красным, при отпускании или уведении мышкой - обратно синим. Подскажите, как при помощи javascript сделать так, чтобы при нажимании на синенький блок серый блок - исчезал из виду? А при отпускании мышки - серый снова становился виден? При этом чтобы синенький блок где сидел чтобы там и оставался. Что я только не пробовал. Если делать серому display:none то всё, он пропадает с концами, п…

    Asked by фонарик,

    0 votes
    11 answers

  9. Кроссбраузерность

    Ребят, подскажите, пожалуйста, почему при таком спане <span class="gray"><img style="position:absolute; margin-top:86px; z-index:1;" src="image/gray(small).png"></span> может свигаться картинка при отображении через Firefox и Chrome? В Opera и IE всё окей. Что касается класса gray: .gray{ margin-left:-319px; } Что вообще следует знать и учитывать, чтобы не сидеть на подобных проблемах?

    Asked by Jo_Sky,

    0 votes
    1 answer

  10. Проблема с расположением объектов

    Доброе время суток, начал учится вёрстке, уже 5 раз переделываю, в Chrome и Opera нормально всё, а вот в IE и Firefox "каша"! Пробовал пере позиционировать под IE и Firefox тогда в Chrome и Opera "каша". Помогите, какие нужно использовать функции и параметры?

    Asked by maks78945,

    0 votes
    2 answers

  11. Нумерация страниц CSS

    Ребят, делаю задание http://htmlbook.ru/practical/numeratsiya-stranits Получается херня. http://s1.ipicture.ru/uploads/20130204/ptH4cFzT.png <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Секс</title> <style> *{ margin:0; } DIV{ background: #EDEDED; width: 100%; height: 35px; border-bottom: 4px solid #CCCCCC; position: fixed; top: 80%; } Li { font-size: 130%; color: #910303; position: absolute; top: 30px; } </style> </head> <body> <div> <ol> <li>1</li> <li>2</li> <li>3</li> …

    Asked by daniluch,

    0 votes
    2 answers

  12. Помогите с CSS

    Привет. Firebug-ом нашел элемент, подправил html код. С права появился element.style с параметрами. В какой css необходимо его прописать я никак не пойму. Подскажить плиз...

    Asked by cosmen,

    0 votes
    5 answers

  13. При подключении css, визуально пропадает весь контент

    Доброго времени суток, господа. Подскажите, вот такая странная ситуация, есть страница, есть лист стиля, сама страница работает нормально, а при подключении стиля все ссылки и тексты исчезают из поля зрения, т.е. в результате пользователь видит просто стилизованную страницу без текста и ссылок, хотя если в браузере сделать просмотр html кода, то там всё есть. Что за магия, можете подсказать? ниже представлен css код. * {margin: 0;padding: 0;} html {height: 100%;} header, nav, section, article, aside, footer {display: block;} body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif;height: 100%; background-image:url(bg.png); background-color:#000000; background-size:100…

    Asked by McLotos,

    0 votes
    2 answers

  14. div в div'e

    Вопросик=) мне нужно отпозиционировать список ... в коде я его поставил между комменттариями <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (НАЧАЛО СПИСКА) --> и соответственно <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (КОНЕЦ СПИСКА) --> Хотелось бы чтобы он был над выпадающим меню, и не потерял "кликабельность" ... <!DOCTYPE html> <html> <head> <title>JAGUAR</title> <style> *{margin:0;padding:0;} body { font: 14px/1.4 Georgia, serif; background: #333; overflow-x: hidden; } .menu { position:absolute; padding-top:253px; padding-left:48px; margin:0 auto; } .nav { box-shadow:10px 10px 10px rgba(0,0,0,0.5); min-width: 800px; padd…

    Asked by spn_one,

    0 votes
    0 answers

  15. Как не ошибиться ?

    На этом форуме несколько раз я получил ответы на свои вопросы , надеюсь сообщество и в этот раз не пройдет стороной . какая разница между <div id="moz"> и <div class="moz"> Спасибо.

    Asked by RomanF,

    0 votes
    4 answers

  16. Дивная вёрсткая + css разбивка на три колонки

    Народ, подскажите пожалуйста, может есть у кого-то шаблон подобного.. Как правильно разбить (дивная вёрстка) css правильно на шапку, три колонки и нижний колонтитул? То есть мне необходимо во вторую и третью колонку будет вставлять одинакового размера картинки, которые будут идти друг за другом. Пересмотрел и перебробывал много чего, постоянно картинки сбиваются и вылазят за края или что-то подобное этому.

    Asked by Jo_Sky,

    0 votes
    1 answer

  17. Форматирование текста внутри дива.

    Добрый день! Наверное задам глупый вопрос, но всю голову уже себе сломал, инет и форум гуглил (возможно плохо). Есть код: <html> <head> <style type="text/css"> body { background-image: url(water1small.png), url(water2small.png),url(water3small.png),url(water4small.png); margin: 0; padding: 0; } .sky { background-image: url(sky1.png), url(sky2.png); width: 100%; height: 300px; } .header { width: 960px; height: 300px; margin: 0 auto; } .page { background-image: url(sky1.png), url(sky2.png); background-position: 0 -300px; background-repeat: repeat-x; width: 100%; } .content { width: 960px; margin: 0 auto; } .coast { background-image: url(sand2.png)…

    Asked by usdg.lander,

    0 votes
    1 answer

  18. Блок коментариев

    Помогите плиз!!!!! Как зделать вот такую засечку в скругленном блоке. Очень нужно!!! http://vk.com/doc124...b50ba86bb9b1e17

    Asked by Ali_99,

    0 votes
    2 answers

  19. Порядок - он есть или его нет ?

    Смотрел старые вопросы , ничего не нашел , спрошу здесь . Существуют нормы стилей которым необходимо следовать стилизуя сайт ? Порядок свойств и их значений , есть раздница ... div{ width: 500px; height: 200px; color: # colornumb; } и div{ color:#colornumb; height: 200px; width:500px; } Это только я так заморачиваюсь а браузеру всеравно , или он делает одолжение принимая неверно расставленные свойства ?

    Asked by RomanF,

    0 votes
    2 answers

  20. не работает background-image

    добрый день. Интересная проблемка возникла. Когда пишу background:url(bg.png); всё работает, а когда background-image:url(bg.png); фон не появляется. в чем может быть проблема?

    Asked by McLotos,

    0 votes
    2 answers

  21. Списки и картинки

    Здравствуйте. Есть код <h3>Заголовок</h3><img src="../image.jpg"> <ul class="sidemenu"> <a href="#">Название ссылки</a></li> </ul> Подскажите, подалуйста, можно ли сделать так чтобы нижняя граница картинки была на одном уровне с низом текста "Заголовка"? Расположение картинки относительно текста справа. Заранее всем впасибо.

    Asked by skostychev,

    0 votes
    1 answer

  22. бэкграунд к правому краю

    Есть вот такой вот оригинальный макет, подразумевающий бэкграунд под правым меню, прижатый, соответственно, к правому краю и продолжающийся далеко вниз за пределы самого меню и контента. Собственно, проблема и оказалась в том, чтобы этот бэкграунд прижать к правому краю навсегда, и чтобы при этом он был "бесконечным". Вёрстка табличная, меню в ячейке, если я сделаю бэкграунд ячейке, он закончится вместе с ней и в самом низу под меню всегда будет некрасивая белая область. Также сложность состоит в том, что бг - рисунок, требующий при репите состыковки, то есть сделать в футере аналогичную ячейку, "продолжающую" бг, я не могу - высота подменю на разных страницах разная, сл…

    Asked by maritca,

    0 votes
    7 answers

  23. Стоимость работы

    Добрый день. Подскажите, во сколько можно оценить стоимость работы по каждому из этих сайтов (верстка макета, + интеграция в cms) http://www.sirius-vet.ru/ http://www.сихай-де.рф/ http://www.ei2009.ru/

    Asked by Heidel,

    0 votes
    9 answers

  24. "Выпадающее меню" подскажите пожалуйста

    Здравствуйте. Я пока только учусь, и уже сломала голову в поисках решения. Мне нужно сделать "выпадающее меню" на трех кнопках основного меню (под header ом) Например: кнопка Puppies должна делится на два подменю - 1) Bullmastifs , 2) Dogo Argentino., но при этом нужно чтоб основное меню не потеряло стилистику...... И второй вопрос, у меня почему то получаются очень тяжелые страницы... может есть какая нить статья как уменьшить вес, не потеряв качество изображений. ссылка на страницу - _http://bullmastiff-dogoargentino.narod.ru/index_k.html Заранее благодарна всем кто откликнется.

    Asked by Antalia,

    0 votes
    3 answers

  25. Ru. Eng. Esp. Как их подружить?

    Доброго всем утра, кто знает как правильно называется проблема (или вопрос) связанная с добавлением нескольких языков на сайт ? Что посоветуете , переписать весь сайт в трех экземплярах или есть вариант с каким-нибудь плагином-переводчиком , может быть еще что ? Спасибо.

    Asked by RomanF,

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