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. Снова о растягивании по вертикали

    День добрый. Вопрос простой, но ответ найти не могу. Необходимо только с применением сло?в реализовать следующее: header страницы имееет фиксированую высоту, а sidebar и content должны растягиваться по вертикали на вс? оставшееся пространство и упираться вниз окна. Но у меня получается, что при присвоении этим блокам 100%-ной высоты они растягиваются на всю высоту окна (что логично), и еще плюс высота header-a, в результате появляется вертикальный скролл. Вот мой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> html,body{margin:0;padding:0;height:100%;} #main {wid…

    Asked by Storm,

    0 votes
    6 answers

  2. padding&width на select&button

    <html> <body> <table cellspacing='0' cellpadding='0' border='1' width='100%'><tr><td> <table cellspacing='0' cellpadding='0' border='1' width='50%'><tr><td> <select style='padding:0; width:100%;'> <option>xxx</option> </select> <select style='width:100%;'> <option>xxx</option> </select> <input type='button' style='padding:0; width:100%;' value='OK'> <input type='button' style='width:100%;' value='OK'> </td></tr></table> </td></tr></table> </body> </html> объясните плз, почему у всех элементов разная длинна, приче…

    Asked by ket,

    0 votes
    9 answers

  3. Размещение содержимого блока по центру при owerflow

    Задача: Содержимое сайта должно выравниваться по центру при любом рарешении. Фон шириной 1500 пикселей вставляетсся и выравнивается стилем: position:absolute;top:0;width:100%;height:500;background: url('/img/pro/tbg.jpg') center middle repeat-x;z-index:1; Потом идет флэшка, шириной 1200 пикселей. Я создаю блок шириной 100%. Вставляю туда свою флэшку. Горизонтальный скролл убираю owerflow:hidden При этом флэшка выравнивается по левому краю и обрезается правый. Вопрос: Как сделать чтобы флэшка (картинка) выравнивалась по центру и обрезалась с права и слева? Заранее спасибо за комментарии.

    Asked by Nil,

    0 votes
    2 answers

  4. размер шрифта хочу относительный

    надо шрифт размером 11px но явно указывать его не охота, x-small - слишком велик xx-smal - слишком мал возможно как нибуть сделать так font: xx-smal+1;

    Asked by chus,

    0 votes
    2 answers

  5. Высота слоя в 1 пиксель

    Пишу класс в css: .line-red { background: #f00; height: 1px; clear: both; line-height: 1; font-size: 1px; } В HTML: <div class="line-orange"> </div> Хочу сделать горизонтальную линию высотой в 1 пиксель. В FireFox и ИЕ7 - она таки да - 1пк, а вот в ИЕ6 - заметно больше - пикселей 3 точно. Почему так? Подскажите пожалуйста.

    Asked by milax,

    0 votes
    7 answers

  6. Проблема с картинками в таблице

    Примерный код: <table height="100%"> <tr> <td width="21%" height="100%" align="left" valign="top"> <table width="100%" height="100%"> <tr> <td width="100%" align="left" valign="top" height="33%"><img /></td> </tr> <tr> <td width="100%" align="left" valign="middle" height="33%"><img /></td> </tr> <tr> <td width="100%" align="left" valign="bottom" height="33%"><img /></td> </tr> </table></td> <td width="58%" height="100%" align="left" valign="top"> <p>Огромный текст</p></td> <td width="21%" height="100%" al…

    Asked by liza,

    0 votes
    0 answers

  7. Как исключить налезание текста или заставить слои "тянуться"?

    Проблема в следующем: страница сверстана на слоях (css), слои располагаются один за другим с обтеканием - примерно как на примерах верстки слоями в учебнике на этом замечательном сайте. Так вот текст в верхнем слое при большом его объеме или увеличении в браузере размера шрифта налезает на текст, находящийся в слое расположенном ниже (по вертикали). То есть текст не растягивает слой по вертикали, вернее растягивает, но не отодвигает ниже следующий слой, а просто накладывает текст поверх него. Игры с добавлением полос прокрутки категорически не канают - внешне это будет погодить на фрэймы. Я понимаю, что мне скажут: верстай таблицу и вс? будет тянуться по содержимому без н…

    Asked by yurigraphics,

    0 votes
    13 answers

  8. Спрятать полосу прокрутки

    Здравствуйте! у меня следующий вопрос, можно ли спрятать полосу прокрутки(чтобы е? не было видно) вот в этом div: <div align="left" style="width: 694px; margin-top: 20px; height: 456px; overflow: auto; padding-right: 15px;"> </div> Причем чтоб прокурутка содержимого его(колесом мыши) все же осуществлялась. Это вооще возможно? Заранее спасибо!

    Asked by 4ert,

    0 votes
    9 answers

  9. Как риализовать следующий каркас

    Не могу никак нормально вс? сделать... Необоходимо получить DIVами: -шапку с бэкграндом по левому краю -ниже полоса на всю ширину с одним только лого по середине -ниже еще полоса уже с контентом (контент при этом по середине, состоит из трех DIVов в ряд: все фиксированы разной ширины, грубо в сумме ширина всех трех порядке 600пкс, и это все по середине полосы с контентом) которая будет растягиваться по высоте и занимать вс? свободное пространство - ну и футтер с еще одним бэкграундом по левому края (нижние и верхние DIVы фиксированы по высоте. Помогите плиз... и какой DOCTYPE следует применять.... прям головоломка

    Asked by The1stPresident,

    0 votes
    9 answers

  10. XHTML и 100%-ная высота таблиц.

    Собственно, я полагаю вопрос многим ясен, но я таки обьясню... Существует эта страничка, которая в HTML тянется в высоту за счет средней ячейки (ряда). Однако, на станице я применяю меню, которое требует XHTML. И тут начинаются проблемы. Ячейка НЕ ТЯНЕТСЯ в XHTML!!!!!! И никак я не могу этому помочь! ((( По крайней мере пока что... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title> XXXXXXXXXX </title> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <style type="text/css"> b…

    Asked by maleficmax,

    0 votes
    4 answers

  11. Очередной height=100% в Опере и ФФ

    Asked by makarena,

    0 votes
    14 answers

  12. знак бесконечности в тексте

    Как вставить знак бесконечности в текст? когда я копирую его из Ворда в notepad++, то он заменяется на знак вопроса.

    Asked by xchea01,

    0 votes
    6 answers

  13. Помогите освоить безтабличную верстку

    Пытаюсь осваивать безтабличную верстку и с каждым новым случаем все больше и больше радуюсь тому, как это все работает %( Помогите, пожалуйста, разобраться, откуда берутся зазоры справа и слева от синего блока id="header", вот здесь: http://www.interlink.pl.ua/~bvn/test/test.html Зазоры есть только в IE, в нормальных браузерах зазоров никаких нет, как и не должно быть. Как вылечить? Помогите, сдурею скоро

    Asked by bvn,

    0 votes
    8 answers

  14. Выровнять по высоте елементы

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

    Asked by BogusUA,

    0 votes
    4 answers

  15. Виснет ie при просмотре сайта.

    Собственно сабж. http://grandreklama.ru.equinox.neolocation.net/pkat13_136/ ——— сайт Если нажать кнопку подробнее то ie зависает. При этом в остальных браузерах все работает отлично. В верстке сайта принимало участие достаточно большое количество несвязанных людей, но последним был я (( поэтому и спрашивают с меня ( а я реально не пойму почему так происходит (( И понятия не имею как отловить место, в котором IE капризничает ((( Может кто знает каие-нить средства или алгоритмы анализа кода под IE? Ну или хоть что-нить, может подсказать,буду благодарен за любую информацию. Заранее спасибо.

    Asked by 4ert,

    0 votes
    9 answers

  16. Неправильно вычисляется высота страницы

    Глюк можно увидеть на этих страницах http://www.ulskiy.org.ua/portofolio/outdoor.html http://www.ulskiy.org.ua/portofolio/logotypes.html Лучше всего его видно на http://www.ulskiy.org.ua/portofolio/websites.html Вот таблицы стилей http://www.ulskiy.org.ua/portofolio/greenstyle1.css http://www.ulskiy.org.ua/portofolio/greenwebsites.css http://www.ulskiy.org.ua/portofolio/greenthumbnails.css Вот описание глюка. Сайт состоит из четырех блоков (topheader, menucontainer, contenttext, bttomheader) вложенных в главный блок (contentbody) У блока topheader жестко прописана высота, задано абсолютное позиционирование и он привязан к верхнему левому углу главного блока у блока btto…

    Asked by Casufi,

    0 votes
    3 answers

  17. таблица без полей

    Нужно кросбраузерно изобразить таблицу примерно так как рисуют игру "крестики-нолики", без внешней границы. делаю что то вроде <table align="center" cellpadding="0" cellspacing="0"> <tr><td>X</td><td>O</td><td>O</td></tr> <tr><td>X</td><td>O</td><td>X</td></tr> <tr><td>X</td><td>X</td><td>O</td></tr> </table> и использую стили table { border-collapse: collapse; border:1px solid #FFF; } td { padding: 5px; border: 1px solid #999; } В эксплорере работает а в Фаерфоксе сабака не хочет ... Кто то может быть подск…

    Asked by folibis,

    0 votes
    1 answer

  18. Выделение ссылки в блок

    Вот: Как мне сделать при наведение на ссылку, вокруг не? был бы блок, как на рисунке - черный блок? Как именно сделать блок, чтобы он заливал ячейку в таблице полностью где ссылка и не было бы видно с права и слево фоновых линий (белая полоска) по краям? Плиз не пинайте ногами, подскажите пример! Вот код, куда применяю стиль: <td colspan="2"><a class="top_menu1" href="#">Главная</a></td> вот css: a.top_menu1 { color:#666666; font: 9pt Tahoma; } a:hover.top_menu1 { color:#666666; font: 9pt Tahoma; display: block; }

    Asked by okunev2,

    0 votes
    4 answers

  19. дублирование текста за блок

    есть блок, который содержит текст, список, текст (отформатированные по float) . В браузерах FF, Opera, Ie7 вс? отображаеться хорошо. а в Ie6 текст дублируеться за блок. Как быть?

    Asked by duffny,

    0 votes
    10 answers

  20. Неправельно отображаются таблицы в IE (в остальных правельно)

    В мозиле, опере отобпажение идет правельное привожу скриншот в IE таблицы разной ширины , искал в чем причина не могу найти, вроде везде стоит 100% помогите вот скрин а ниже код <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <!-- левая сторона --> <td width="160" valign="top"> <!--Блок поиск --> <TABLE cellPadding=0 cellSpacing=0 > <TR> <TD vAlign=top width=14><IMG alt="" height=12 src="{THEME}/images/1_1.gif" width=14 border=0></TD> <TD vAlign=top width="100%" style="background-image:url({THEME}/images/2.gif)"></TD> <TD vAlign=top width=14><IMG al…

    Asked by lex200,

    0 votes
    1 answer

  21. Есть ли аналогичная ф-я, кот. адекватно работает в Explorer 6

    ф-я max-width, min-width.

    Asked by NIKKK,

    0 votes
    16 answers

  22. элементарная блочная в?рстка -- позиционирование

    Приветствую, Я тут новенький, так что могу спрашивать что уже обсуждалось. Сразу ногами не бить... :-) Итак. Начитавшись о прелестях css и "архаичности" в?рстки при помощи таблиц, задался, казалось, простым вопросом. Но вот решения не найду. задача проста, при помощи div сделать как тут: http://imagebin.org/11213 Пояснение: рамка вокруг = окно браузера. Что у меня НЕ получается. * Я так понимаю, что по любому блок меню или контента (а может и обоих) надо позиционировать абсолютно. Но тогда проблема с блоком подложки (ч?рный, который содержит остальные блоки), он не растягивается вниз * Если позиционировать меню абсолютно, то проблема опять же с нерастягивающейся вниз под…

    Asked by az,

    0 votes
    9 answers

  23. увеличение размера шрифта в браузере

    Подскажите, пожалуйста, как сделать так, чтобы при увеличении размера шрифта в браузере, все ужасно не разъезжалось? При этом размер шрифта задан в относительных величинах, в абсолютных никак не покатит... Все сайты у Лебедева практически совсем не разъезжаются и выглядят нормально при увеличении шрифта. При этом, как мне показалось, на лебедевских сайтах шрифт увеличивается не так сильно, как у меня Что делать?

    Asked by liza,

    0 votes
    13 answers

  24. проблема с фоном

    Как сделать плавно переходящий фон из одного цвета к другому. здесь не прокатит. Нужно чтобы шон растягивался на всю высоту страницы. С помощью Javascript тоже сомневаюсь,т.к. это будет скорее слой на фон всей страницы, а мне нужна только та часть, которая находится вне страницы,т.е. при высоком разрешении экрана! Заранее благодарен!

    Asked by FLYERok,

    0 votes
    7 answers

  25. Не тянеться слой

    Подскажите пожалуйста как сделать так чтоб слой тянулся. В моем случае это линия синего цвета слева от основного текста. Она должна автоматически разтягиваться от вержней синей линии до нижней синей линии. Всю голову себе проморочил и ниче так и не получилось... Вот сайт: vermiculit.com.ua/test

    Asked by Kos87,

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