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://school528.spb.ru/main/newspaper/ Если уменьшить размер экрана, то мы увидим, что права сторона рамки "ездит" Спасибо

    Asked by Select,

    0 votes
    3 answers

  2. div в таблице

    у меня есть вот такой код <table width=100%><tr><td> <div style='float: left; margin-right: 10px; margin-bottom: 10px;'> eee </div> <div style='float: left; margin-right: 10px; margin-bottom: 10px;'> eee </div> ... </td></tr></table> В этом случае все дивы прижаты к левой стороне и при изменении размера броузера те которые не влезают переходят на нижнюю строчку. Вот мне интересно а можно сделать так чтобы первый див в строку был прижат к левой стороне а последний к правой при этом дивы между ними были распределены равномерно. вот на этой странице можно посмотреть как это выглядит.

    Asked by flipper1001,

    0 votes
    4 answers

  3. Как можно сделать чтобы <div> был размером с картинку добавленную в стилях ?

    Скажите пожалуйста, как можно сделать в моем случае <div class="comment"> <div class="author"><div> <div> В классе author через свойства background добавлена картинка. Но проблема в том что картинку не видно полностью, как можно сделать чтобы author был размером с картинку.

    Asked by Saturn,

    0 votes
    8 answers

  4. Выравнивание текста относительно картинки

    Пытаюсь создать "менюшку" и ни как не могу разобраться. Есть background, на него сверху накладывается в виде ссылки небольшая картинка и текст. Причём одна из таких "кнопок" содержит текст в 2 строки. Все это сделано в виде списка. Во всех браузерах (кроме IE) отображается нормально. В IE же либо исчезает накладываемая картинка, либо текст в двухстрочной "кнопке" выравнивается по верхней строке. Как решить эту проблему?

    Asked by basov,

    0 votes
    3 answers

  5. Вертикальное выравнивание - отображение в FF и Netscape

    Столкнулся с непонятной ситуацией: Есть ячейка таблицы в которой нужно выровнять div по нижнему краю. Ячейке задаю позиционирование relative, а блоку absolute с bottom:0. В IE5,7,8 Opera, Chrome все Ок - блок выравнивается по нижнему краю ячейки, но в FF, Netscape, IE6 почему то нет - находится в центре оной. Кто нибудь может подсказать в чем суть - гугл молчит (может плохо искал...) <td height="100%" width="200px" style="position:relative;"> <div style="width:200px; height:auto; position:absolute; left:70px; bottom:0;"> <a href="#">На верх</a> </div> </td>

    Asked by DDS7SDD,

    0 votes
    0 answers

  6. Визуальный HTML редактор шаблона

    Я когда менял в визуальном HTML редакторе название на главной странице, после того как там сохранил. В редакторе шаблоне когда хотел сохранить, потребувалось чтоб внести $POWERED_BY$ а когда я внес ето и сохранил у меня сайт стал как редактор.. даже контейнер с разными категориями с правой стороны,пропал... что мне делать? Как мне всё вернуть обратно в нормально положение?

    Asked by lewuk,

    0 votes
    6 answers

  7. простая верстка таблицы

    помогите, пожалуйста, сверстать простую страничку, все файлы и картинки, а также скриншоты с проблемами выложила архивом по ссылке _http://www.ex.ua/view_storage/320008669471 файл temp.zip ниже на всякий случай текст html файла. никак не могу избавиться от зазоров между картинками, а в Chrom'e и ie6, вообще третья колонка не отображается. пожалуйста, помогите сдвинуться с мертвой точки... <!DOCTYPE html> <html> <head> <title> table problem</title> <style> body { margin: 0 auto; background-color: gray; } .fonTbl{ padding: 0; margin: 0 auto; border-collapse: collapse; width: 99%; border: 0px dashed white; } .headerTbl …

    Asked by poli2011,

    0 votes
    3 answers

  8. CSS-код для такой формы кто-нибудь делал?

    сверху закругления на градиентном фоне, а низ - белое прямоугольное поле с рамкой и вокруг всей формы тень: поделитесь опытом

    Asked by borus,

    0 votes
    18 answers

  9. Компановка div-ов разной высоты

    Можно ли как-то разместить дивы чтобы они выглядели как на картинке? У всех одинаковая ширина и разная высота, и одинаковое(или +- 1 див) количество дивов в столбце Каждый цвет это отедльный блок Я нашел плагин для jquery http://masonry.desandro.com/ который делает что мне надо, но хотелост бы для начала обойтись без JS

    Asked by artishok,

    0 votes
    9 answers

  10. Модальное окно

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

    Asked by sparks,

    0 votes
    2 answers

  11. Border - отделение пунктов меню

    День добрый. Есть менюшка. Но она немного не соттветствует общей стилистике сайта, для полного соответствия необходимо прописать код, который бы от делил пункты меню непрерывной линией. border-top-color: #E7E7E7; border-top-style: solid; border-top-width: 1px; min-height: 32px; Код сам рабочий, но возникает проблема, куда его вставить. Если вставляю в стиль "a", то не доходит до конца меню, вставляя отступы. Изменить отсупы не представляется вожным. Есть ли какой нибудь стиль который сделает активным этот код для каждого пункта. Прикладываю код меню .jv_aclickmenu_wrap ul.jv_maccordion ul{ margin: 0; padding: 0 0 0 10px; } /*.jv_aclickmenu_wrap &g…

    Asked by konda,

    0 votes
    6 answers

  12. Увидел одно интересное меню

    Здраствуйте! Гуляя по РуНету, наткнулся на Сайт с, как мне показалось, интересным меню. Как подобное реализуется? Возможно ли такое сделать без JS, испльзуя CSS u HTML? PS: Уж извините за "рекламу"

    Asked by OlegLont,

    0 votes
    6 answers

  13. на какую CMS перевезти блог с Blogger и стоит ли?

    Суть моего вопроса такова. Гдето в начале октября начал вести блог на Blogger и привязал к нему домен ru. вот он http://www.nickoff.ru Прошел месяц начал задумываться может переехать на платный хостинг, но какую CMS для новичка выбрать? что бы потом переехать на нее не теряя ссылки, блог так как сегодня блог получил PR3 боюсь потерять при переезде. Вот жду советов =)

    Asked by nickoff,

    0 votes
    4 answers

  14. Кривое отображение

    День добрый )) Подскажите, от чего у меня так криво отображается страничка в хроме и как это исправить! ссылка удалена модератором <html> <head> <style type="text/css"> BODY { font-size: +2; font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; } #table-outer { position:relative; width:100%; } /**/ #table-bg { width:100%; } /**/ #self-table { position:absolute; left:0; top:0; width:100%; } </style> <title>Удаленное администрирование</title> </head> <body> <div id="table-outer"> <img id="table-bg" src="ad.bmp" …

    Asked by laird,

    0 votes
    5 answers

  15. выпадающие списки: дергается страница при свертывании/развертывании пункта

    Чтобы воспроизвести, раскройте два последних пункта списка, category 2 и LAST. Страничка дёргается при разворачивании/сворачивании LAST, то есть когда контент пересекает нижнюю границу экрана: http://jsfiddle.net/kpoxo6op/kWBBz/#base Мне же нужно поведение, как на этом примере: http://www.designchemical.com/lab/jq...gin/examples/# Тут как ни жми, страничка просто удлинняется и укорачивается, без дёрганья.

    Asked by kpoxo6op,

    0 votes
    5 answers

  16. Помогите разобраться в z-index

    Здравствуйте, помогите разобраться со свойством z-index для тега <img>. Есть такая структура <div class="map"> <img src="..."/> <ul>...</ul> </div> Я прописал свойства: .map ul { z-index: 10; } .map img { position: absolute; z-index: 1; } Но все равно картинка перекрывает список. Почему? PS: Я знаю, что можно сделать картинку свойством background-image, просто хочется разобраться с z-index'ом.

    Asked by oke11o,

    0 votes
    4 answers

  17. позиционирование элемента по центру не зная его размеров

    Добрый день. Подскажите пожалуйста, как с позиционировать элемент по центры относительно горизонтали и вертикали, не зная его размеров. Структура такая: li{position:relative;float:left;padding:0;margin:0;overflow:hidden;width:100px;height:100px;background:none} img{display:block} <li><img ... /></li> я придумал только следующее: оставляем как есть, т.е. <img> не трогаем, но скрываем его, а у <li> делаем беграунд из такой-же картинки что и в <img>, и уже этот беграунд позиционируем.

    Asked by clgs,

    0 votes
    10 answers

  18. Фокус на футер после обновления.

    Всем привет. Есть футер на сайте с ссылками, при нажатии на которые страница обновляется. Собственно вопрос в том, как сделать чтобы после обновления полоса прокрутки сайта была внизу(отображался футер). Заранее спасибо.

    Asked by Lakrein,

    0 votes
    4 answers

  19. Верстка для почтовых рассылок

    В Windows Live Mail и Hotmail размер имиджей не соответвует действительным в режиме отключенных фотографий причем только по высоте. На картинке четко видно что размер имиджа больше в разы чем прописан в html а именно 57px. <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> <tr> <td height="43" align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="886" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> …

    Asked by dmitriy977,

    0 votes
    9 answers

  20. Откуда стык фона в Chrome?

    Добрый день. Столкнулся с тем, что в Хроме градиентный текстурный фон страницы имеет стык, причем если покрутить колесиком масштаб, он исчезает, пока не вернёшься к определённому масштабу. Вот картинка: Почему? В других браузерах такого нет. Вот код: <body> <div id="main"> ... </div> </body> body { font: 14px/21px Verdana, Geneva, sans-serif; text-align: center; color: #003; background: url(images/bg.jpg) repeat; } #main { width: 100%; text-align: center; background: url(images/bg2.jpg) repeat-x top;/*верхний текстурный градиент фона*/ }

    Asked by borus,

    0 votes
    14 answers

  21. Margin-left для FF

    вопрос решен

    Asked by Tchorteg,

    0 votes
    2 answers

  22. Помогите выравнить блоки по центру

    Помогите выравнить блоки по центру <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> A.S1 { display: block; position: absolute; top: 0px; width: 200px; height: 30px; } A.S1:hover { background: #888888; } #t1 { display: block; position: absolute; text-align: center; top: 10px; width: 200px; height: 30px; } #t2 { display: block; position: absolute; text-align: center; top: 40px; width: 200px; height: 30px; } .p1 { line-height: 2; text-align: left; font-size: 11pt; color: #ffffff; font-weight: bolder; margin-left: 20px; } A { text-decoration: none; } </style>…

    Asked by skoch244,

    0 votes
    2 answers

  23. Размещение кнопок на странице

    Люди, пожалуйста помогите!!! Необходимо выставвить на html странице кнопки в фигуру "V" Как это можно реализовать, я уже голову сломал, кто может, помогите!!! Плиз!!

    Asked by Soviero,

    0 votes
    7 answers

  24. Создание 404 страницы

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

    Asked by vadimcucherencko,

    0 votes
    8 answers

  25. Подогнать текст под размер блока на разных мониторах

    Попытаюсь объяснить на словах, что к чему. Создаю таблицу - в ячейке оной ещё одну таблицу. В новой таблице в ячейку помещаю текст (все размеры - таблицы и ячеек - в %) - на моем мониторе 1024х768 отображает нормально - по всей высоте блока есть текст, как и надо. На другом мониторе где разрешение 1280х1024 (или около того) нижних процентов 30 блока стали пустыми - т.е. текст при 14рх отображается более мелким шрифтом, между тем как ячейка таблицы по % осталась на нужных размерах относительно экрана. Есть ли способ как-то фиксированно вписать текст в нужный блок на сайте, чтобы на разных мониторах он занимал одинаковый объем? Нужно ли как-то использовать font-size в % css…

    Asked by laird,

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