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. отличия в IE и Mozill'e

    http://students.uni-vologda.ac.ru/pages/pm05/maa/ - - - - - во время изготовления я тестровал его в IE а теперь хотелось бы, что ы он так же выглядел и в остльных браузерах... - - - - как его нужно модифицировать?

    Asked by art88,

    0 votes
    6 answers

  2. Можно ли заменить behavior другим свойством?

    Доброго времени суток. У меня на сайте используется фишка PNG behavior, которая корректно отображает PNG-24 в IE5.5/6. (http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html) При прохождении теста на валидность, валидатор указал на ошибку: Т.е. проблема в использовани свойства behavior: Видимо, валидатор не понимает специфичное для IE свойство и сообщает об ошибке. Есть ли возможность использовать альтернативное свойство? Надеюсь на помощь.

    Asked by Sulpher,

    0 votes
    9 answers

  3. Неправильно отображается код.

    Помогите разобраться с кодом, верстка неправильно отображается в FF и Opera, хотя прекрасно парсится в IE. style.css #main { width : 900px; height : auto; margin : 0 auto; padding : 0 0; } html, body { margin : 0; padding : 0; } #header { width : 900px; height : 295px; margin : 0 auto; padding : 0; } #main_content { width : 900px; height : 456px; margin : 0 auto; padding : 0; background : url(images/fon.jpg) repeat-y; } #red_image { height : 36px; margin-left : 0; margin-bottom : 0; padding : 0; } #head_small { height : 21px; margin : 0; padding : 0; } #left_header_image { margin-top : -4px; margin-left : 524px; width : 2…

    Asked by Mihail Dobkin,

    0 votes
    9 answers

  4. Возможно ли средствами CSS задать расстояние между абзацами?

    Возможно ли средствами CSS задать расстояние между абзацами? Сколько не читал инфы, почему-то не нашел ответа этот вопрос. Очень жду дельного совета )

    Asked by igorek,

    0 votes
    1 answer

  5. Document content looks like HTML Proprietary

    Это мне выдал HTML VALIDATOR 0.8.4.0 по поводу употребления атрибута "background" с тегом - Я понял это намек..., но что конкретно он (валидатор) имел ввиду?

    Asked by max5555,

    0 votes
    3 answers

  6. SELECT и background. IE & opera VS FF

    select{background: url('images/select.gif') repeat-x; border: 1px solid #acacac;} <select class="md"> <option value="">январь</option> <option value="">февраль</option> <option value="">март</option> </select> в FF все просто замечательно, а осел и ДАЖЕ ОПЕРА не показывают фон. нипонимай.

    Asked by Иван Шумов,

    0 votes
    2 answers

  7. height 100% в XHTML под IE 7.0

    Если ставить общей таблице и одной из составляющих tr высоту 100%, то под IE7.0 значительно увеличивается общ. высота, появляется scroll. Помогите!!!!!

    Asked by elza,

    0 votes
    3 answers

  8. Валидность HTML

    Всем привет, есть такая страница, нужно сделать ее валидной, подскажите, какие ошибки исправить? (CSS валиден...) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ru"> <head> <title>название</title> <meta name="description" content="123"> <LINK rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="Link.css" type="text/css" media="screen" /> </head> <body> <div id="wrap"> <div id="header"> <img border="0" src="img/Header.jpg" width…

    Asked by NightRunner,

    0 votes
    9 answers

  9. framed layout IE standard compilance

    Приветствую! Встала необходимость сверстать фрэймовый лэйаут, вот такой. http://www.dynamicdrive.com/style/layouts/...-frames-layout/ Вс? там хорошо, кроме того, что IE работает в Quirks mode. Возможно ли решение в standard compilance mode ? Сколько ни игрался, сделать не смог. Спасибо! PS: да, хотел отметить, через expressions это дело можно побороть, но не хотелось бы их использовать.

    Asked by yroman,

    0 votes
    6 answers

  10. Как изменить стиль границы?

    Есть таблица цен с границами http://creative2.ru/ceni.html подскажите как сделать границу в зеленую точку толщиной 1px ?

    Asked by Creative2,

    0 votes
    4 answers

  11. Как изменить заголовок в рамке, обрамляющей вложения

    Ужасно не нравится стандартная рамка, обрамляющая вложения (изображения) в постах. хотел бы поменять цвет и надпись в шапке, но не знаю как и как ее сделать по размеру вложения? Спасибо за терпение.

    Asked by seva,

    0 votes
    4 answers

  12. line-height меньше 100%

    Скажите пожалуйста, как сделать расстояние между строчками меньше 100%. Пробовал указывать его и в процентах и в px - не помогает.

    Asked by cx717,

    0 votes
    2 answers

  13. 2 дива по горизонтали

    В общем, имеется небольшой глюк в ие: необходимо разместить 2 дива по горизонтали рядом, чтобы они занимали по 50% пространства, но чтобы между дивами был небольшой отступ размером в 2 пикселя. Делаю так: <style type=text/css> .block_top{ padding-left: 10px; height: 27px; line-height: 30px; overflow: hidden; margin-bottom: 4px; font-family: Arial; font-weight: bold; font-size: 11px; color: #FFF; background: url('images/block_top_fon.gif') repeat-x; } .block_content{ padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background: #f6f6f6; overflow: hidden; position: relative; border: 1px solid #dddddd; font-family: Arial; font-weight: normal; font-size: 11px;…

    Asked by ros.pro,

    0 votes
    1 answer

  14. Как поместить div в список, отображающийся в строчку?

    Помогите пожалуйста! Как поместить div (или таблицу) размером, например, 100х100 в список, стиль отображения которого display:inline (Div - ы соответственно тоже должны располагаться в строчку)?

    Asked by Inoxia,

    0 votes
    1 answer

  15. Помогите проблемку решить

    Сайт http://artvasiliev.com неправильно отображается в FireFox в Internet Explorer'e все нормально работает. Причем что странно когда файл в Firefox загружаю с компа проблем не возникает все нормально отображается как и в Internet Explorer'e , а вот когда с хостинга начинаются всякие проблемы. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Художник Васильев Виктор Официальный сайт</title> </head> <body style="background-color:…

    Asked by nicotin,

    0 votes
    40 answers

  16. Помогите с рисунком

    Всем привет. Помогите плиз!!! У меня такой вопрос, почему png картинка не отображается в Opera и Mozilla, а в IE все норм. Картинка прозрачная с тенью. вот ссылка www.zenit-karelia.narod.ru! таблица CSS находится в исходном коде странице вместе с HTML кодом! Картинка о которой идет речь находиться в div'е #logo и название тоже logo.png! Всем заранее спасибо!!:|

    Asked by DB Copper,

    0 votes
    2 answers

  17. Не понимаю. (вопрос по теории верстки)

    Здравствуйте. Недавно прочитал статью о верстке слоями - Примеры верстки слоями > Две колонки, навигация слева - http://htmlbook.ru/content/?id=107 В комментариях к статье прочел следующее. 13.05.2007 Подскажите пожалуйста как растянуть макет по вертикали на всю страницу? Влад Мержевич 14.05.2007 Не надо растягивать макет на всю высоту, это противоречит идеологии слоев. В связи с этим вопрос - зачем нужна такая верстка? В данном случаи высота будет регулироваться наполненным содержимом, а если содержимого мало? и монитор большой? То содержимое будет висеть в "шапке". Или в таких случаях надо применять таблицы?. :/

    Asked by sneg06,

    0 votes
    2 answers

  18. Вопрос о кросс-браузерности:

    Здравствуйте. Возможно эта тема уже поднималась, признаюсь, я плохо искал :| Суть вопроса проста, стоит ли использовать "хаки" для достижения кроссбраузерности или лучше придерживаться альтернативных решений в оформлении? И вообще, на сколько часто вы ими пользуетесь при создании оформления сайта? У меня в свое время была идея выдавать html код в зависимости от используемого клиентом браузера (по средствам php), на сколько популярно такое ненормальное решение? К минусам хаков еще могу сказать, они не всегда поддаются валидности; и опять же, новые браузеры (к примеру Опера) иногда их не поддерживают. Заранее спасибо.

    Asked by Kichee,

    0 votes
    2 answers

  19. Подскажите срочно

    у меня есть такой текст ЗАГРУЗКИ<?php include"modules/zagruz/kol.php"; ?> ,а как мне сделать чтобы эта ссылка сразу отображала содержимое типа ЗАГРУЗКИ . . а тут список

    Asked by dima190886,

    0 votes
    4 answers

  20. Как выравнить картинку по центру в DIVe?

    Как выравнить картинку по центру в DIVe через CSS? —————————————————————————- Вот такой вот глупый вопрос,,,,,

    Asked by antonP,

    0 votes
    3 answers

  21. помогите исправить ошибку в таблице

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> </head> <body> <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="1" bordercolor="#000000"> <tr> <td rowspan=2 width=250px> текст </td> <td>Текст</td> <td width=5px>5</td> </tr> <tr> <td colspan=2> текст нижней ячейки </td> </tr> </table> </body> </html> В FF вс? работает как надо, н…

    Asked by Юрий,

    0 votes
    3 answers

  22. ресайз дивов и скроллбары

    Добрый день. какие свойства надо задать диву, что бы он игнорировал свое содержимое, сжимался при ресайзе, пряча содержимое за скроллбарами? админка сверстана таблицей 2х2 ячейки. верхний ряд - шапка, нижний ряд - информационные поля. левое поле фиксированно по ширине, занимает все место в окне браузера по высоте. правое занимает оставшуюся часть: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html style='height:100%'> <head> <style> table{ width:100%; height:100%;} td{ vertical-align:top; } div{ height:100%; overflow:auto; } </style> </head> <body style='height:100%; padding:0px; margin…

    Asked by mix_,

    0 votes
    4 answers

  23. 3 колонки, ширина средней растягивается по содержимому

    Здравствуйте! Cтолкнулся с такой проблемой... Надеюсь на Вашу помощь! Задача такая: 3 колонки, нужно помещать в среднюю колонку контент любой ширины(например фото шириной 1200px) и чтобы при этом третья колонка(левая) всегда была привязана к краю средней, т.е уезжала влево. Долго искал, но так и не понял как это можно реализовать.. Если не сложно переделайте вот этот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <style type="text/css"> * { margin:0; padding:0; } body, html { color: #4D4D4D; font-size:12px; font-family:Arial, Helvetica, sans-serif; min-width:1000px; } #main { margin-top:2px; } #wrapper {…

    Asked by cereal005,

    0 votes
    7 answers

  24. BUTTON - рамка вокруг кнопки

    Добрый день! Как удалить рамку вокруг кнопки при потере фокуса, выглядит так (черная рамка вокруг кнопки ОК) код css кнопки такой #okbutton {font-size: 1em; color: #FFFFFF; border: 1px solid #FFFFFF; background-color: #DC4E1B;}

    Asked by foxyrus,

    0 votes
    10 answers

  25. table CSS

    Помогите, пожалуйста, с раскраской таблицы. <html> <title>test</title> <style> #gsearc-table { width: 100%} #gsearc-table td { width: 50%; vertical-align:top;} </style> <body> <table id="gsearc-table" border="1"> <tr> <td>AAA</td> <td>BBB</td> <td>CCC</td> <td>DDD</td> </tr> </table> </body> </html> Допустим, у меня есть таблица с 2-мя столбцами - она резиновая, шириной 100% и пока что два столбца, которые должны располагаться симметрично. Ставлю им ширину 50%. Но потом, у меня может быть и 3 столбца и хотелось бы, чтобы у них ширина была примерно 33%, …

    Asked by girl,

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