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. Стиль ячеек только одной конкретной таблицы.

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

    Asked by Webr,

    0 votes
    3 answers

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

    Прошу помочь с дивной версткой блока с семантической точки зрения корректной. Как на картинке. 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

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

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

    Asked by sviatoslav,

    0 votes
    4 answers

  4. Таблица вылетает далеко вниз при 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

  5. HTML,CSS?: фиксированные тени сбоку от содержания стр.

    Здравствуйте всем! Есть сложная задача - собрать html-страничку так, чтобы внутренняя часть двигалась, сбоку были как бы тени - зафиксированные картинки (position:fixed) по бокам от основного контента и основной градиентный фон (направление сверху вниз, position - тоже fixed). Итого 3 части: 1. Контент (двигается). 2. Сбоку от контента - узкие изображения "теней контента" (не перемещаются с ползунком). 3. фон (градиент: сверху - вниз), тоже фиксированный. Что не получается: прикрепить к контенту(центральной части) зафиксированные изображения теней контента слева и справа. Помогите кто может!!! Образец: http://www.djtafa.com/images/образец.jpg

    Asked by e-partner,

    0 votes
    13 answers

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

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

    Asked by Alek7y7,

    0 votes
    1 answer

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

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

    Asked by musulman,

    0 votes
    1 answer

  8. Кто использовал Смарти?

    Возник вопрос. Если кто-нить использовал Смарти, то подскажите, как организовывается структура сайта? Для каждой страницы пишется отдельный шаблон? И для того, чтобы поменять, например, логотип, нужно изменять все шаблоны? Или шапки и футеры отдельно хранятся? Кто что знает, пишите

    Asked by shkoda,

    0 votes
    24 answers

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

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

    Asked by call007,

    0 votes
    3 answers

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

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

    Asked by sofo,

    0 votes
    13 answers

  11. 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

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

    разъясните в чем принцип работы шаблонизатора, пусть вот этот код будет <!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

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

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

    Asked by pluto,

    0 votes
    4 answers

  14. Тег 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

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

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

    Asked by Lisss,

    0 votes
    0 answers

  16. Нужно растянуть дизайн по вертикали

    Помогите, пожалуйста, разобраться. Сделал макет: http://www.trinity-bridge.221b.ru/index.htm Заточен был под 1024х768, вроде всё ничего. Посмотрел на большом разрешении - захотелось растянуть дизайн по вертикали, чтобы внизу не было пустого места. Ширина макета 1000 px, высота 99%. Проштудировал вот это: http://htmlbook.ru/content/?id=95 Что-то не работают у меня эти рецепты. Один рецепт воплощён здесь: http://www.trinity-bridge.221b.ru/index2.htm В Опере выглядит нормально, хотя в Dreamweaver стало не видно ничего. А в IE6 показывает только фон и ни одного объекта. Можно ли сделать универсальный код, или без хаков не обойтись? body { background-color: #0B2F6F; backgro…

    Asked by Pinguin,

    0 votes
    9 answers

  17. Выпадающее меню?

    Помогите, не могу разобраться. Есть меню товаров, в каждом товаре - категории Например: (в свернутом виде) Товар1 Товар2 Товар3 при нажатии на Товар1- получаем Товар1 категория1 категория2 категория3 Товар2 Товар3 при нажатии на Товар2получаем: (товар1 - закрывается) Товар1 Товар2 категория1 категория2 категория3 Товар3 и т.д. для примера _http://www.runail-shop.ru/ (слева "Каталог продукции" зеленый фон) Какова технология?

    Asked by абырвалг,

    0 votes
    4 answers

  18. Картинка по центру. DIV или TABLE.

    Подскажите пожалуйста, никак не могу разобраться. Как выровнять div с вложенным img по центру при любом разрешении монитора. Картинка 512 на 521, вложенная в div. Div при этом получается дочерним элементом окна браузера. Или такое просто невозможно и без таблицы не обойтись? Спасибо за помощь.

    Asked by romanist,

    0 votes
    12 answers

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

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

    Asked by angelShlesser,

    0 votes
    1 answer

  20. Наложить слой с PNG на фотографию.

    Всем привет. У меня на сайте всюду табличная верстка, но недавно захотел чтоб на скриншотах из раздела видео была иконка в виде кнопки play. Кто нибудь может подсказать как это реализовать? Было бы замечательно, если можно создать класс в css который применялся к тегу img.

    Asked by blackmura,

    0 votes
    1 answer

  21. min-height в IE6 и центрирование объектов

    В опере9 min-height работает отлично, видел способ для IE6 или 5, а есть что либо универсальное? В блоке текст выравнен по левому краю. Нужно вставить картинку или флеш по центру. text-align: center; для объекта не работает, а на <center></center> ругается валидатор.

    Asked by Ururu,

    0 votes
    4 answers

  22. Footer внизу страницы...

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

    Asked by RoleXXX,

    0 votes
    9 answers

  23. отступ всего текста

    Подскажите пожалуйста, как сделать отступ сверху и слева всего текста в ячейках. пробовала cellpadding, cellspacing, left-padding. Не получается...(( Спасибо!

    Asked by dinchy,

    0 votes
    17 answers

  24. Таблица в 1px

    Здравствуйте, помогите плиз) в нэте как-то все другое нахожу) мне нужно, чтобы таблицу с попощью CSS и HTML из || || || сделать border в 1px | | |

    Asked by zhitkov,

    0 votes
    8 answers

  25. ie как всегда:(

    Привет всем! На днях верстал сайт, ну FF,Opera все чигипуки, а вот ie6 как всегда отличился и не могу понять в чем дело то вот сам сайт а вот стили: * {margin:0; padding:0; border:0;} ul { list-style:none; } a { color:#fff; text-decoration:none;} a:hover { text-decoration:underline; } html { height:100%; } body { color:#fff; font:normal 20px Arial; background:#CD1873; height:auto !important; height:100%; text-align:center; position:relative; min-height:100%; min-width:1000px; width:100%; *width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%"); } #main2 {vertical-align:top;background:url(…

    Asked by JIucky,

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