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. Помогите закруглить углы.

    Использую плагин для jQuery, который выводит подсказку, когда курсор подводиться к ссылке. Так вот у этой подсказки углы закруглены с помощью свойств moz-border, работает это только в Mozilla Firefox, а Opera и Internet Explorer, это свойство воспринимать не хотят. В этом заключается вся проблема. Кто знает, как сделать закруглённые углы в данной ситуации? То есть свойство class наверное использовать нельзя, потому как его просто некуда применить, внутри ссылки, в title просто не получиться никакой стиль задать. CSS: p#vtip { display: none; font-family:Arial, Helvetica, sans-serif; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; …

    Asked by Flashton,

    0 votes
    1 answer

  2. Фиксация фонового рисунка

    Здрасте, всем Есть сайт на php-fusion со скачанным шаблоном, который я перерисовываю. Собственно застрял на этом моменте: // theme settings $body_text = "#000000"; $body_bg = "#FFFFFF"; $theme_width = "100%"; $theme_width_l = "170"; $theme_width_r = "170"; function render_header($header_content) { global $theme_width,$settings; echo "<table align='center' width='100%' border='0' cellpadding='0' cellspacing='0' style='background-image:url(".THEME."images/header-center.gif);margin-top:0px;'><tr><td>"; // Header logo echo "<table align='center' style='background-image:url(".THEME."images/header-center.gif)' border='0' cellpadding='0' cellspacing=…

    Asked by Buzzard,

    0 votes
    3 answers

  3. Скроллинг в ячейке таблицы

    <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> .full{height:100%; width:100%; margin:0px;padding:0px; border:3px;} #scrollable-container {height:100%; width:100%; overflow: auto; position: relative; } #relative {min-height: 0; position: relative; width:100%;} label { display: inline-block;} label.error { width: auto; margin-left: 10px; color: red; font-style: italic; } label.ok { width: auto; margin-left: 10px; color: green; font-style: italic; } input.pole { width: 250px; border: 1px solid black; } input.error { border: 1px solid red; } </style> <sc…

    Asked by KVA,

    0 votes
    1 answer

  4. Ширина ячейки со скрытыми элементами

    Есть TD, в которой присутствует картинка, ширина которой в общем случае неизвестна, и текст. Картинка скрыта (display:none). Ширина ячейки задана, и она меньше ширины скрытой картинки. При этом ячейка отображается по заданной ширине, т.е. ширина скрытой картинки игнорируется. Если картинку сделать видимой (display:block), то ширина ячейки становится равной ширине картинки, что и требуется! Собственно задача - необходимо сделать ширину ячейки со скрытой картинкой (неизвестной ширины) равной ширине этой картинки. А в общем случае - ширине любого скрытого контента в состоянии, когда он не скрыт. При этом контент внутри может быть самый разный, т.е. (если что) неизвестно у ка…

    Asked by lazybaby,

    0 votes
    16 answers

  5. Смена css по клику

    В общем проблема такая у меня есть 4 слоя на каждом слое банер вот картинка для наглядности: http://s001.radikal.ru/i194/1002/91/3243c47bdc5e.jpg Допустим изначально показывается красный div, а уже по клику на голубой он выходит в перед. То есть в идеале бы сделать для каждого слоя свой z-index Красному z-index: 4 Зеленому z-index: 3 Голубому z-index: 2 Черному z-index: 1 при клике скажем на голубой надо чтобы индексы стали Красному z-index: 2 Зеленому z-index: 3 Голубому z-index: 4 Черному z-index: 1 далее кликаем на черный становиться Красному z-index: 1 Зеленому z-index: 2 Голубому z-index: 3 Черному z-index: 4 Я понимаю что нужно написать скрипт java div'y добавить па…

    Asked by stars,

    0 votes
    11 answers

  6. Помогите растянуть таблицу

    Здравствуйте. Структура моего сайта: Блоки слева, контент в центре, блоки справа. Возникла такая проблема: У людей, у которых разрашение монитора больше, чем 1024*768, происходит смещение центральной части влево (скрин для наглядности: http://s43.radikal.ru/i100/1002/52/2b27f30d9866.png). Привожу код: <body style="background-color:#f6f6f6; margin:0;padding:0;"> <!-- <middle> --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding:3px"> <!-- Левая часть --> <!-- Gadget Describe --> <div class="Gadget"> <div class="GadgetSmoothTop"> </div> <div class="Gad…

    Asked by antisept,

    0 votes
    4 answers

  7. В IE 8 сдвигается таблица внутри блока

    Внутри блока из дивов, находится таблица В мозиле все стоит ровненько, в Эксплорере, таблица находящаяся внутри блока съезжает вниз Пробовал и padding и margin применять как отступы блока с таблицей - одна фигня=( вероятно как-то на таблицу влияет содержимое вверхустоящих блоков В чем может быть проблема? Как с ней справиться? Спасибо!

    Asked by Benderbej,

    0 votes
    2 answers

  8. конструктор для div верстки

    есть визуальный редактор для div верстки, чтобы поверхностного знания css, html хватило для создания страниц? те набросал блоки на форму и получил страницу.

    Asked by fake,

    0 votes
    2 answers

  9. когда убираю фиксированную ширину блока , он перестаёт центроваться

    Всем привет! есть блок, в него завёрнуты ещё несколько дивов Задача - чтобы при любом количестве div class="zakl_button", они центрировались в итоге по центру div id="block" <div id="block"> <div class="zakladki"> <div class="zakl_button"></div> <div class="zakl_button"></div> <div class="zakl_button"></div> <div class="zakl_button"></div> <div class="zakl_button"></div> </div> </div> вот код стиля #block { width:654px; text-align:center !important; } .zakladki { padding-top:3px; height:35px; text-align:center; width:585px; margin:0 au…

    Asked by cardsmoney,

    0 votes
    4 answers

  10. Submit-сылка

    Есть такой код: <a href="#" title="Отправить"><input type="submit" value="" />Отправить</a> Имеет ли право на существование? На сколько это корректно?

    Asked by DjTarik,

    0 votes
    3 answers

  11. Гляньте плз в IE 8

    http://otdyhiturizm.ru/ У меня норм отображается, у заказчика нет. IE8 Пожалуйста, сделайте скриншот. Чтобы понять у кого браузер глючит.

    Asked by aTei,

    0 votes
    3 answers

  12. expression в ie6

    помогите правильно составить expression для ie6 намучился с другой проблемой, моск кипит, так что уже не могу разобрать нормально ничего.. выдает синтаксическую ошибку .page { width:expression(document.body.clientWidth>1005? expression(document.body.clientWidth>1400? 1400 : 100%) :'1005px'); } нужно, чтобы если ширина окна > 1005 и меньше 1400, то ширина .page была бы 100% иначе min 1005, max 1400 заранее спасибо ошибка из-за кавычек была .page { width:expression(document.body.clientWidth>1005? expression(document.body.clientWidth>1400? '1400px' : '100%') :'1005px'); } однако свою функцию данный экспрешн не выполняет...

    Asked by theo_,

    0 votes
    3 answers

  13. Проблема с ИЕ снова

    Здравствуйте! Есть вопрос к знатокам. Пытаюсь сделать всплывающие подсказки со ссылками с помощью css <html> <a class ="tool" href="" ><img src="1.png"> <span> <table> <tr> <td><a href=""><img src="2.png"></a></td> <td><a href=""><img src="3.png"></a></td> </tr> </table> </span> </a> </html> и css для ИЕ a.tool span {\display:none;} a.tool:hover{\position:relative;\z-index:20;} a.tool:hover span {\display:block;\position:relative;\top:-75px;\left:10px;\z-index:100; } Все браузеры нормально "всплывают " 2 и 3 ссылку. В ИЕ - ч…

    Asked by olva,

    0 votes
    2 answers

  14. как подгрузить слой

    Вопрос такой. Есть страница на ней див контейнер. Код такой. <div style="width: 200px; height: 300px; border: 1px solid #000"></div> Можна ли на ету самую страницу подгрузить такойже контейнер, с такими же параметрами, при нажатии на кнопку. Кто знает помогите. Спасибо.

    Asked by apollo100,

    0 votes
    1 answer

  15. Помогите с IMG

    Если кто может подскажите пожалуйста ( скидка на бестолковость) сайт на DIVах шапка , вертикальное меню и три колонки к средней колонке код такой <div id="content"> <div class="shadow"> <div class="blok"> <a href="dalhe4.html"><img src="img/galleri12.gif" align="top left" border="0px" alt="Галерея работ." width="472" height="222" ></a> <p>Lorem Ipsum is simply </p> </div> </div> СSS #content{ margin-left: 331px; margin-right: 400px; background-color: #DBDBDB; } .img{ padding-top: 20px; padding-left: 10px; margin-left: 0px; margin-top:0px; } .shadow{ background: #9a9696; border: 1px solid #ddd;…

    Asked by Tashka,

    0 votes
    4 answers

  16. можна ли скрыть прокрутку

    Скажите пожалуйста возможно ли скрыть прокрутку, при свойстве overflow-y: scroll;, сама прокрутка чтобы была, но визуально чтобы ее небыло видно.

    Asked by apollo100,

    0 votes
    2 answers

  17. страница сайта инфицированна

    Доброгов ремени суток. У меня проблема с сайтом. А вернее с одной из его страниц. После перехода на определенную страницу, последующие переходы по ссылкам редиректят меня на http://www.spyware-systems.info/0/go.php?sid=2. т.е. я зашел на страницу например "www.yabloki.ru/sorta.php" и потом когда с этой страницы хочу перейти на главную "www.yabloki.ru/index.php" меня переводят на http://www.spyware-systems.info/0/go.php?sid=2 и говорят о том что саит инфицирован. Я сначало сунулся в гугл. Т.к. он ссылаеться на то что именно гугл забанил этот саит. Там ответа не получил. Прождав пару дней я решил удалить эту страницу с FTP переписать ее на локально хосте, загрузил на саит.…

    Asked by sh1va,

    0 votes
    16 answers

  18. XML -> XHTML

    Есть задача - получить из xml-шаблона html, для определения форматирования решил использовать xsl || xstl. С последними дело иметь не приходилось. Примеры найденные в сети вообще не хотят работать, а от чего оттолкнуться не понятно. вот к примеру что нужно что бы на выходе получить оформленный xml <?xml version="1.0" encoding="utf-8" ?> <post> <user>Юзер</user> <text>А_тут_текст</text> </post> Гуглил разные простые примеры, но не рабочие. Кроме "Ошибка разбора таблицы стилей XSLT." так ничего и не добился. И вообще толковой инфы на русском по манипуляциям с xml не хватает, имхо. Или это лучше вообще другим макаром делать?

    Asked by Быколай,

    0 votes
    3 answers

  19. Универсальный способ запрета прокрутки!

    Есть галерея, открывается большая фотка и нужно не только убрать скролл в этот момент, но и запретить колесиком прокручивать страницу, универсального решения не нашел, юзал след код body { height: 100%; position: relative; overflow: hidden; } только в опере все равно можно прокрутить контент с пом колеса, вобчем опера поразила, народ подскажите нормальный способ плиз

    Asked by TonKhaO,

    0 votes
    2 answers

  20. Обтекание и div

    Сделал часть шаблона наподобие http://www.artlebedev.ru/tools/technogrette/html/thumbnails/ элемент которому указано relative не заполняет собой верхний блок, как я понял. поэтому div class="text" и буковка s поставленная для теста считается самым нижним элементом страницы. А хочется чтобы выделенный блок влезал в колонку ps. Высота колонок в макете регулируется скриптом по максимальной высоте колонки. возможно это повлияло, но опять же это значит, что блоки relative не влияют на высоту колонки. Спасибо внезапно понял что в class=text надо дописать. display:inline-block; Но он не работает в IE7. думаю дальше хотя IETester выводит все нормально. Вопрос пока что снят. Спа…

    Asked by severum,

    0 votes
    0 answers

  21. Полосы прокрутки

    Здравствуйте уважаемые форумчане. Помогите пожалуйста с таким вопросом-проблемой если это конечно возможно. При изиенении атрибутов тега DIV параметра overflow в scroll появились так называемые полосы прокпутки, с права и снизу. Возможно ли как-то нижнюю переместить вверх "top". Зарание спасибо!

    Asked by tudor,

    0 votes
    1 answer

  22. Отступ в FireFox

    * { margin: 0px; padding: 0px; } #header { height: 80px; background: #00161f url('images/header_bg.png') no-repeat; } <div id="header"></div> Даже не знаю как быть?????

    Asked by svdsLis,

    0 votes
    4 answers

  23. Как разместить блоки один над другим?

    Есть вот такая заявка http://www.rostovpatent.ru/index.php/onlinez/onlz на основе ckform, хочется её преобразовать таким образом, чтобы текстовые блоки располагались над блоками для ввода данных (каждый над своим), а все вместе блоки (и текстовые и для ввода данных) выравнивались по левому краю. В настройках программы такую возможность не нашёл. Рыл CSS, сам не справился. Подскажите пожалуйста как можно это сделать? (скорее всего это не сложно, но мне пока неведомо ). Вот код файла, если поможет.

    Asked by ankoch,

    0 votes
    3 answers

  24. Конфликт float и блоков

    Попыталась искать похожую тему что-то не получилось Есть такой html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lagn="ru"> <head> <title></title> <META http-equiv=Content-Type content="text/html; charset=windows-1251" /> <META name="keywords" content="" /> <META name="description" content="" /> <LINK REL="stylesheet" TYPE="text/css" HREF="_css/style.css" /> <LINK REL="SHORTCUT ICON" HREF="http://site.ru/favicon.ico" /> <script type="text/javascript" src="_css/jquery-1.js"></script> <…

    Asked by Mary_RND,

    0 votes
    5 answers

  25. Выравнивание букв

    Немогу выравнить первые буквы с красной строки, вот смотрите на сайте http://pocciy.ru/ помогите как сделать так что-бы буквы не липли к картинкам?

    Asked by omsk,

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