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. z-index и ИЕ7

    Столкнулся с такой проблемой, что ИЕ не может опустить потомка под родителя. Например есть блок с z-index:1, внутри которого лежит position:absolute; z-index:-500. Все броузеры актуальных версий это отображают корректно, но ИЕ не может поставить -500 под 1. Это как-то лечится?

    Asked by RoleXXX,

    0 votes
    11 answers

  2. Стиль ячеек столбца таблицы

    Существует ли в CSS возможность задать стиль ячеек определённой колонки таблицы так, чтобы не указывать class для каждой ячейки?

    Asked by Webr,

    0 votes
    10 answers

  3. Background hover-ссылки

    Хочется "дешего и сердито" оформить блок навигации, меняя фон hover ссылки, но в опере возникает проблемка: рядом с курсором вылазит индикатор загрузки, типа происходит загрузка графики, но на самом деле ничего не качается. И что характерно при кешировании графики данной проблемы не возникает. a:hover { background: url(nav_sel_bg.gif) repeat-x; } Если кто то может прокоментировать данную ситуацию, буду оч признателен.

    Asked by CoDy,

    0 votes
    7 answers

  4. Стили в option

    Добрый день. Плиз, дайте совет. Нужно для каждого элемента option применить свой шрифт. <select name="title_font_name" class="font_name"> <option value="Arial" style="font-family:Arial">Arial</option> <option value="Verdana" style="font-family:Verdana">Verdana</option> <option value="Tahoma" style="font-family:Tahoma">Tahoma</option> <option value="Times New Roman" style="font-family:Times New Roman">Times New Roman</option> </select> Не работает.

    Asked by Аксинья,

    0 votes
    2 answers

  5. Как создать ссылку

    <map> <area shape="rect" coords="10,200,10,200" href="http://sendlab.ru/sympa" alt="Перейти на главную"> </map> Можно ли сделать некоторую область экрана ссылкой. Или это обязательно должна быть часть какого-то рисунка???

    Asked by Alek7y7,

    0 votes
    1 answer

  6. Таблица вылетает далеко вниз при 100% высоте

    Наверняка уже была проблема, но покурив достаточно много поиск, именно такой проблемы так и не попалось=( имеем html, body { background: url('img/chbpolos11.jpg'); margin: 0px; font-size:11px; height:100%; } table.main { margin:auto; border: 10px #ffffff solid; border-bottom: none; background: #ffffff; width:780px; padding:0px; height:100%; } и ячейка <td style="height:100%;" valign="top"> в которой располагается таблица с контентом. Если убрать высоту ячейки, то табличка перестает уползать далеко вниз, но ползет верстка в целом. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Есть ли рецепты как это…

    Asked by oibeer,

    0 votes
    1 answer

  7. iframe и таблицы

    Есть 4 страницы. Основная ниже код. Меняется содержимое в нижней таблице. Информации на 3 странице больше. И получается, что часть текста при открытии не отображается. Люди добрые помогите. Можно ли сделать нижнюю таблицу изменяемой. Т.е. чтоб высота таблицы менялась в зависимости от информации. <table width="940" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%" height="50%"><iframe src="страница1" width="100%" height="489px" scrolling="no" align="CENTER" frameborder="no" border="0" framespacing="0"></iframe></td> </tr> </table> <table width="940" border="0" align="center" cellp…

    Asked by _dek_spark,

    0 votes
    6 answers

  8. насчет google

    можно задать вопрос насчет гугла или нельзя?

    Asked by sviatoslav,

    0 votes
    18 answers

  9. Верстка блока

    Прошу помочь с дивной версткой блока с семантической точки зрения корректной. Как на картинке. HTML: <div class="b-feedback"> <dl class="position">Текст 1 <dt class="line"> <i class="g-png"> <img alt="" src="pancil.jpg"; /> </i> </dt> <dd class="name">Текст 2</dd> </dl> </div> В CSS прописываю так: .b-feedback { clear: both; } .b-feedback .line { margin: 12px 0px 15px; position: relative; } .b-feedback .g-png { position: absolute; left: -30px; top: 0.2em; } .b-feedback .name { margin: 0px 0px 25px 30px } В моем CSS проблема в линии под Текст 1, если вставить border-bottom для .b-feedbac…

    Asked by artwalek,

    0 votes
    9 answers

  10. Стиль ячеек только одной конкретной таблицы.

    Позволяет ли CSS задать стиль ячеек конкретной таблицы так, чтобы не указывать в каждом td атрибут class или style, и чтобы изменения повлияли только на одну таблицу, а остальные остались как были?

    Asked by Webr,

    0 votes
    3 answers

  11. Проблема с тенями поверх гардиента.

    Здравствуйте уважаемые форумчане, коллеги. У меня вот к Вам такой вопрос как такое верстается ? Хотя бы в каком направление двигаться, я пока что даже не представляю как верстать и что вообще нужно резать? Полупрозрачный png теней... Буду благодарен за любую инфу о том как это реализовать. Да и сразу вопрос на заварку Это реально в ИЕ6 воплатить? Заранее спасибо.

    Asked by musulman,

    0 votes
    1 answer

  12. скроллинг кривой help...

    http://mozg4d.com/idex.php вот страничка. всё вроде не плохо, но при уменьшении её, скроллинг появляется не так как надо. что делать???? позиционируется все элемены абсолютно. вот так: style=position:absolute;left:50%;margin-left:-480;top:9 думал - "ладно, сайт доделаю и решу эту проблему" почти доделал а проблема - осталась... (и как оно по дазайну и удобству?)

    Asked by mozg4d,

    0 votes
    10 answers

  13. 4 резиновый колонки в IE6

    Не могу понять почему в ие слетает один слой шириной 25% <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <style> *{ margin:0; padding:0; } html,body { width:100%; height:100%; } #wrap{ margin-top:100px; width:100%; height:33px; } .partWrap{ float:left; width:25%; font-size:1px; height:4px; background-color:green; } </style> <body> <div id='wrap'> <div class='partWrap'></div> <div class='partWr…

    Asked by tonik_spb,

    0 votes
    1 answer

  14. не могу понять принцип работы шаблонизаторов

    разъясните в чем принцип работы шаблонизатора, пусть вот этот код будет <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//RU" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional-dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel=stylesheet type=text/css href="css/css.css"> <title><?php echo "TITLE"; ?>/title> </head> <body> <div id="container"> <div id="header"> <?php echo "HEADER"; ?> </div> <div id="navigation"> <?php echo "NAVIGATION"; ?&gt…

    Asked by sc@r@bey,

    0 votes
    2 answers

  15. Помогите в создании закругленной рамки через CSS

    Всех приветствую! Не могли бы Вы мне помочь в создании закругленной рамки. Нужно сделать рамку шириной в 97% и высотой 100%. Т.е. если в этой рамке (в ее ячейке) написать какой либо текст из нескольких абзацев, нижняя граница рамки дожна следоавть за этим текстом и состыковываться с ним, верхняя граница - оставаться также вверху и быть не подвижной. Должно выглядеть вот так: Пытался реализовать это в Html, но все безуспешно. И понял, что без стилей тут не обойтись. Сам я в CSS не шарю вообще. Читая учебники, что то сдела, но все равно вышло не то, что надо. Вот код: <html> <head> <title>height</title> <style type="text/css"> .layer { heig…

    Asked by call007,

    0 votes
    3 answers

  16. Очень срочно! Вопрос про видео!

    Скажите плиз как вставить видео на сайт в плеере без нета или посоветуйте хороший плеер на сайт! Но лучше если без нета работать будет! Прям сегодня уже нужно! (вопрос может не по теме, извините, другой не нашёл)

    Asked by Glebr,

    0 votes
    15 answers

  17. Текстовое поле под углом!

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

    Asked by sofo,

    0 votes
    13 answers

  18. Посоветуйте скрипт фотогалереи

    Посоветуйте, плз, скрипт фотогалереи. Регистрация пользователей не нужна, как и загрузка фотографий ими. Все делает админ. Просто отображение картонок. Например, как у яндекс -картинки - при просмотре отдельной картинки внизу "листалка" остальных изображений. Иил чтобы из такой же панельки при нажатии, "всплывала" увеличенная фотография.

    Asked by top-top,

    0 votes
    3 answers

  19. Пустой узел текста

    Творится что-то непонятное (во всяком случаи для меня): Есть тело <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'> <html> <body> <div> <strong>123</strong> <strong>123</strong> <strong>123</strong> </div> </body> </html> Я пытаюсь изменить дочерние объекты div-а, но не могу так как после каждого </strong> он мне создает еще один объект. И в итоге получается что дочерних объектов не 3, а 5!! Средства разработки в IE8 ставит в дереве документа, после каждого <strong>123</strong> объект "Текст - Пустой узел текста". Тоже самое прои…

    Asked by kosh_,

    0 votes
    22 answers

  20. Шапка сайта

    Подскажите, как сделать так, чтобы шапка сайта менялась автоматически при каждом обновлении страницы, например сейчас так: а после обновления страницы будет так: квадрат и овал это изображения

    Asked by pluto,

    0 votes
    4 answers

  21. Тег embed

    Как настроить этот тег, чтобы плеер имел фиксированные размеры в независимости от размеров видео в нем? у меня сейчас так: <embed id="Player1" src="video/<?php echo getVideoFileName(); ?>" type="application/x-mplayer2" width="480" height="390" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" showcontrols="1" showtracker="1" showstatusbar="0" videoborder3d="0" videoborderwidth="0" autostart="0" uimode="none" currentposition="1"></embed> но всеравно плеер ужимается до размеров проигрываемого видео

    Asked by andrewQwer,

    0 votes
    0 answers

  22. Area сделать ссылкой

    По этой ссылке http://kris.ru/projects/210 есть карта России. Проблема в том, что каждая область должна быть ссылкой на соответствующую страницу сайта, а из-за наложения областей с другим цветом, ссылки не распознаются.. Подскажите, как решить эту проблемку?

    Asked by Lisss,

    0 votes
    0 answers

  23. создание архива и отдельной ссылки на пост

    1) можно ли каким либо способом переносить темы в архив 2) хотелось бы сверху на гостевой по правой стороне сделать ссылку на новый пост или перенести туда старый, при открытии была бы одна какая либо тема и постоянно ее обновлять заранее спасип

    Asked by sviatoslav,

    0 votes
    4 answers

  24. нужна помощь чайнику

    как написать в CSS чтоб при нажатии на ссылку она открывалась не во всё окно, а в определённом блоке??? аналогия фреймов при задании tagert=""

    Asked by Pogost,

    0 votes
    12 answers

  25. Чередование цвета

    Как сделать чередование цветов в таблице? Если можно подробней?

    Asked by angelShlesser,

    0 votes
    1 answer

  • Обсуждения

    • 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