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

    Не берет размеры в %, в пикселах - берет.

    Asked by Destrifer,

    0 votes
    6 answers

  2. Почему в Мозиле не отображает шапку?

    Почему в Мозиле не отображает шапку? И не корректно отображается шаблон.тут

    Asked by Astoria,

    0 votes
    6 answers

  3. float и clear

    Правильно ли я понимаю, что эффект свойства float нужно компенсировать свойством clear? Свойство float, почему-то, применяется не только к следующему за слоем слою, но и ко всем последующим слоям. А если после слоя со свойством float поместить невидимый слой со свойством clear, то эффект свойства float для всех последующих слоев пропадает? Если так, то не вижу смысла продолжать верстать, используя таблицы, можно обойтись связкой float-clear.

    Asked by IceBars,

    0 votes
    6 answers

  4. Шрифт Helvetica не отображается в Oper'е

    Шрифт Helvetica не отображается в Oper'е, версия 9.00. В FireFox'е и InternetExplorer'е все отображается нормально, шрифт меняется, а в Oper'e - нет.

    Asked by IceBars,

    0 votes
    6 answers

  5. прозрачный фон

    Всех приветствую Столкнулся с проблемой, нужно сверстать страничку таким образом: 1. в самом низу лежит растянутая на весь экран картинка 2. на ней блок с полупрозрачным фоном пишу вот такой код <!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" xml:lang="en" lang="en"> <head> <title> test </title> <style type="text/css"> html, body { margin: 0; padding: 0; } #background_image { z-index: -1; position: fixed; width: 100%; height: 100%; left: 0%; top: 0%; opacity: 0.40; } #con…

    Asked by ]-[иколай,

    0 votes
    6 answers

  6. Таблица рисунком

    Делаю таблицу 3 на 3, в центре - информация. По краям - оформление таблицы. Но при отображениикартинок, почему-то появляется расстояние между ячейками, шириной в 1-2px, если форму делать темной, то очень заметно, хотя выставляю border и cellspacing в 0. В чем может быть проблема?

    Asked by AlexMak,

    0 votes
    6 answers

  7. загрузка одинаковых страниц

    Доброго времени суток.Кратко изложу суть проблемы,я только недавно начал заниматся сайтостроением и являюсь полным чайником.Кароче говоря создал страничку на HTML как положено плюс меню состоящее из графических кнопок.Вопрос в следующем:если создать на основе этой страницы шаблоны (шапка неизменна с кнопками,обновляется только контент)при переходе на другую страничку будет ли загружатся опять шапка и кнопки?Слышал что должно грузится из кеша так же слышал что всё это дело можна генерировать с помощью PHP. Подскажите можна ли обойтись без PHP а если нет то в каком направлении двигатся,прошу прощения если некорректно задан вопрос.Заранее благодарен

    Asked by gashekkk,

    0 votes
    6 answers

  8. Всплывающая подсказка

    У меня вопрос как мне сделать подсказку для ссылки на основе переката изображения css: A.history { background: url('../images/buttons/history.jpg'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 209px; /* Ширина рисунка в пикселах */ height: 49px; /* Высота рисунка */ } A.history:hover { background-position: 0 /* Смещение по горизонтали */ -49px; /* Смещение вверх по вертикали */ } html: <a href="index.html" class="history"></a> с простой то картинкой все понятно <img border="0" src="images/don't-panic_09.jpg" width="209" height="49" alt="История">

    Asked by Noks,

    0 votes
    6 answers

  9. Помогите прибить div к низу

    #sidebar { float: right; width: 320px; margin: 0px; padding: 0px 0px 10px 0px; display: inline; } .logocounter { background: #FFFFFF url(images/sidebartop.gif) top no-repeat; float: left; width: 300px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } <div id="sidebar"> ... Всякие виджеты ... <div class="logocounter"> ... Коды счетчиков ... </div> </div> Есть ли возможность прибить к низу <div class="logocounter">?

    Asked by tpa2111,

    0 votes
    6 answers

  10. Как зафиксировать ячейку таблицы с рисунком

    Вот бьюсь 3 дня над такой проблемой. Делаю верстку шаблона, но вся соль в том что диз построен на градиенте и требует создания дополнительных ячеек в таблице, а вот зафиксировать их я не могу. Вернее один раз получилось, как назло комп подвис и все. Навожу код <style type="text/css"> <!-- .tile_news_inside { background-color: #E8F0F7; background-image: url(images/tile_news_inside.gif); background-repeat: repeat-x; } .left_tile_news { background-image: url(images/left_tile_news.png); background-repeat: repeat-y; } .right_tile_news { background-image: url(images/right_tile_news.png); background-repeat: repeat-y; } --> </style> <TABLE CELLSPA…

    Asked by flint2000,

    0 votes
    6 answers

  11. из за чего в ie6 так?

    Из за чего так а не так и как это исправить ———- Спасибо заранее почемуто картинки криво подгрузились вот ссылки http://i.piccy.info/i3/59/2f/1116603231dfe...44cc7a6197.jpeg вот это ие6 http://i.piccy.info/i3/df/fa/ad2cf431326fc...7d9c42be86.jpeg а надо так <div id="nav"> <ul id="menu"> <li><a href="#" onclick="openMenu(this);return false">Меню 1</a> <ul> <li><a href="#">sub menu 1</a></li> <li><a href="#">sub menu 2</a></li> <li><a href="#">sub menu 3</a></li> <li><a href="#">sub menu 4</a…

    Asked by woofs,

    0 votes
    6 answers

  12. Картинка по центру

    Здравствуйте. Столкнулся с проблемой: в блоге на ВП в теле поста не могу выровнять картинку по центру. Она прижимается к левому краю. Каким образом можно исправить? Чувствую что туплю, но пока ничего умного придумать не смог

    Asked by Антон Каленик,

    0 votes
    6 answers

  13. Эффект затемнения всей страницы

    Есть кнопка, нажимаем на неё и появляется окошко созданное с помощью div тега... Как реализовать следующее...? При нажатии на кнопку нужно создать эффект затемнения всей страницы кроме того окошка которое мы открыли. Благодарю за помощь тем кто поможет

    Asked by SkyLine32,

    0 votes
    6 answers

  14. таблицы друг за другом.

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

    Asked by arlek1n,

    0 votes
    6 answers

  15. Две "рамки у таблицы"

    Помогите, надо сверстать такую таблицу не получается сделать белую рамочку внутри. Получается только так: test.egmelso.ru/templates Кто подскажет какие возможно варианты? Без использования всяких дивов и прочего. Только стили.

    Asked by Ginger,

    0 votes
    6 answers

  16. почему теги для DLE {link-category} {date} {views}...

    Приветствую. Делаю шаблон для CMS DLE. Почему теги {link-category} {date} {views}в теге Div отображаются друг под другом, а не в строчку? <div >{link-category} | {date} | Просмотров: {views} {rating}</div> Получается примерно такой вид: Музыка >> Pop | 17 января 2009 | Просмотров: 12 ***** А нужен такой: Музыка>>Pop | 17 января 2009 | Просмотров: 12 *****

    Asked by Arroyo,

    0 votes
    6 answers

  17. скрыть кнопки меню после клика на них

    Подскажите как организовать следующее. Есть кнопки меню.реализованы вот так. есть ссылка, изображение фоном. <td class="td" valign="top"> <div style="background-image:url(/images/tog_03.gif); background-repeat:no-repeat; width:109px; height:32px; vertical-align:middle; padding-top:10px; " > <div> <a href="price.php"><center>Прайс-лист</center></a> </div> </div> </td> И нужно сделать,что бы при нажатии, это изображение скрывалось и оставался только текст ссылки. Т.е. если ссылка активна бэкграунда не видно пользователю, как только он кликнул на другую ссылку, у этой отображение возобновилось…

    Asked by greysells,

    0 votes
    6 answers

  18. Помогите с версткой

    Есть такой код: <?xml version="1.0" encoding="utf-8"?> <!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" xml:lang="en" lang="en"> <head> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> </head> <body> <div style="position: absolute; left: 10%; top: 10%; width: 200px; height: 200px; border: #f00 1px solid;"> <div style="border: #000 1px solid; height: 25px;"></div> <table style="width…

    Asked by Great Rash,

    0 votes
    6 answers

  19. Hover при наведение на элемент сделать подсвечивание

    Всем доброго времени суток! Цель: сделать чтобы при наведение на элемент он весь подсвечивался Проблема: подсвечивается только текст ссылки =( Структура у меня такая: HTML <table border="2" width="100%"> <tr><td class="ppp"><a href="#">Ссылка!</a></td> <tr><td class="ppp"><a href="#">Ссылка 2!</a></td> </table> CSS .ppp { background: #dddddd; padding-left: 8px; padding-bottom: 4px; padding-top: 4px; border-bottom: 2px solid #eeeeee; display:block; } Если делаю так (CSS): .ppp a:hover { background: #000000; } То подсвечивается только (!) фон ссылки... Как быть?

    Asked by Cloack,

    0 votes
    6 answers

  20. Растянуть блок по содержимому в ИЕ7

    <div style="height:100px;display:table;border:solid 1px #111111;width:300px;font-size:14px;"> Отвечая на вопрос журналистов о целях и задачах, которые стоят в нынешних условиях перед Церковью, Святейший Патриарх подчеркнул, что в этот нет ничего революционно нового: "В своем слове после возведения меня на Патриарший Престол я обозначил основные приоритеты. Конечно, это только общие контуры и некие акценты. Требуется, может быть, четкая прорисовка всех деталей, связанных с дальнейшим </div> Как сделать так, чтобы блок бы растягивался по высоте, когда содержимого много. И был равен по высоте 100px, если содержимого мало или нет вообще. Предложенные способ …

    Asked by Колос,

    0 votes
    6 answers

  21. Цепочка рисунков

    Как мне разместить цепочку рисунков слева направо и притом без отступа снизу, который можно убрать только через display: block;?

    Asked by Kenshi45,

    0 votes
    6 answers

  22. код сайта для мобилы

    Всем привет. Буду признателен за советы и помощь. Нужно сделать мобильную версию сайта. Где бы код посмотреть? Как это всё работает? С чего начать? Говорю сразу: поиск толком не помог. Ко всем с уважением.

    Asked by stomatolog,

    0 votes
    6 answers

  23. Горизонтальная\вертикальная прокрутка изображений

    Друзья помогите пожалуйста, искал в сети решение - внятно ответа не нашел Ситуация: есть горизонтальный список изображений с прокруткой + центральное увеличенное изображение, как править код что бы горизонтальный список стал вертикальным Бьюсь над этой проблемой не первую неделю, если кто знает подскажите пожалуйста

    Asked by sol,

    0 votes
    6 answers

  24. что такое контейнер?

    Здравствуйте. Помогите пожалуйста понять, что такое контейнермв языке html. На данный момент читаю лекции интуита и там непонятно об этом написано. цитирую курс введения в html лекцию 1 : то есть, выходит, что контейнер это открывающийся тег+содержимое+закрывающийся тег? чуть далее, на этой же странице написано то, что подтверждает предыдущее положение: То есть, они даже с примером дают пончять, что контейнер - это условное название открывающихся и закрывающихся тегов с содержимым меж них.Но! в их тестах к этому курсу есть вопрос: "Контейнер, содержащий данные и позволяющий отформатировать их определенным образом, носит название ..." варианты ответов: -идентификатор -т…

    Asked by Ingvarion,

    0 votes
    6 answers

  25. Ссылка на текст

    Как сделать так, чтобы текст, заданный в определенной части страницы можно было отобразить в другой ее части (аналог переменной), желательно все возможные варианты. Желательно без ява скрипта.

    Asked by Kenshi45,

    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