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. Как сделать непрозрачный текст в прозрачном блоке

    Пожалуйста, подскажите, как сделать непрозрачный текст в прозрачном блоке. Может, кому то приходилось решать такую задачу и у него получилось? У меня, что то никак не получается. Нашла одно решение, но оно мне не подошло потому, что содержит заданную высоту блока. Нижняя часть блока, если она не используется, скрыта. А в моем блоке закругленные края. Если нижняя часть блока скрыта, то они не отображаются, и нижние края блока получаются прямоугольными. Как с этим бороться? Помогите, плиз, кто может. Вот стиль для блока: .rightcolumn { position:relative; top: 80px; right: 30px; padding:30px; width:600px; color:#000; float:right; overflow:hidden; } .rightcolumn .trans…

    Asked by Mila,

    0 votes
    12 answers

  2. Блок с закругленными углами

    Возник такой вопрос. Нужно сделать блок с закругленными углами, сзади которого располагается разный фон. В одном случае, к примеру, фотография, во втором просто цвет. Делать разные изображения углов, в зависимости от страницы уж не хочется( Тем более, что таких блоков несколько, да и как-то мясисто это. Надеюсь, что есть грамотный альтернативный способ. Не поделитесь вариантами решения, люди добрые? http://nicothin.ru/zakruglennye-ugly-v-ideale.html Вот интересный способ, есть ещё варианты?

    Asked by Rootical,

    0 votes
    4 answers

  3. IE 5,5; IE 6; - Лефт-Маргин

    Ссылка на пример В вышеназванных браузерах блок с услугами и блок с картинкой съезжают при заданном маргин-лефт. Или же правые за ними едут. Как исправить ситуацию/мою ошибку? Путем хака убрал 10 px - стало норм, есть ли другие варианты? Спасибо!

    Asked by Rootical,

    0 votes
    1 answer

  4. margin-left в IE6 удваивается

    В IE6 удваивается марджин-лефт и сдвигает слой больше чем надо. Как с этим бороться подскажите плиз <!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"> <head> <meta http-equiv=Content-Type content="text/html;charset=windows-1251"> <title>Untitled</title> <style> * { margin: 0px; padding: 0px; } #osnova{ width:100%; height: 100%; min-width:1000px; } #bodier{ height: 100%; background:#CFCFCF; position: relative; z-index:0; } #left_body{ width: 100%; height:600px; z-index:0; position: relative; } #podlogo{ backgro…

    Asked by rokkkky,

    0 votes
    4 answers

  5. чё означает слеш в конце тега...

    чё означает слеш в конце тега... не закрывающего.. вот например вот так: <td width="19" height="19"/>

    Asked by Nekromancer,

    0 votes
    14 answers

  6. Знатоки ! Помогите пожалуйста

    Знатоки! Помогите пожалуйста ! В одном проэкте , мне скинули по мылу архив с готовым сайтом . Я купил домен и хостинг , а теперь не знаю как закинуть этот архив на хостинг , чтобы сайт заработал ( пробовал закинуть файлы архива через ftp вроде все получилось а что дальше делать не знаю) . Кто поможет , не забуду!

    Asked by Lir777,

    0 votes
    7 answers

  7. Сложение строки.

    Здравствуйте. У меня проблема. Вот проблемный кусок кода Саму шапку можно узреть по адресу http://www.po-miry.ru/KULINARIA/RECEPTI/meat.htm суть проблему в том, что при уменьшении экрана браузера слова, выстроенные в одну строчку - Главная Спорт. Туризм, Душевное здоровье и т. д. выстраиваются в столбик. Я для двойных названий, а именно Душевное здоровье и Спорт Туризм применил white-space:nowrap; как мне посоветовали умные люди этого форума. Но как такого же эффекта добиться для всего абзаца (или строки, не знаю. как правильно)

    Asked by beze,

    0 votes
    14 answers

  8. Шапка в index

    Привет! помогите, а? ... это, вставляю кртинку-как логтип <p align="center"><img src="cnopa/shap1.jpg" width="100%" border="2" style="border-color:#FFFFFF"> </p>... по размерам в фотошопе нормально подогнал, в браузере пиксели лезут! Вопрос почему?

    Asked by Alan_ua,

    0 votes
    11 answers

  9. Сьехал кусок в IE, в Опере всё норм

    Добрый день! Я не так давно занимаюсь веб строительством, возникла проблема с отображением части сайта в разных браузерах: вот код этой части сайта: <div align="left" id="topMenu"> <img src="i/topMenuLeft.jpg"> <div id="topMenuContent"> <table> <tr bgcolor="#052d0d"> <td><a href="......"> Вход </a></td> <td><a href="......"> Регистрация </a></td> <td><a href="......"> Кабинет </a></td> <td><a href="......"> Корзина </a></td> <td><a href="......"> Выход </a></td> </tr> </table&gt…

    Asked by drago17,

    0 votes
    2 answers

  10. Совокупление формы и кнопки)

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

    Asked by AKstoAK,

    0 votes
    9 answers

  11. Проблемы с отображением В IE и Opera

    Добрый день! Я не так давно занимаюсь веб строительством, возникла проблема с отображением части сайта в разных браузерах: вот код этой части сайта: <div align="left" id="topMenu"> <img src="i/topMenuLeft.jpg"> <div id="topMenuContent"> <table> <tr bgcolor="#052d0d"> <td><a href="......"> Вход </a></td> <td><a href="......"> Регистрация </a></td> <td><a href="......"> Кабинет </a></td> <td><a href="......"> Корзина </a></td> <td><a href="......"> Выход </a></td> </tr> </table&gt…

    Asked by drago17,

    0 votes
    5 answers

  12. Как добавить этот календарь?

    Для даты рождения нужен календарь ... но как его добавить , что бы вводил 1987-12-28 (год-месяц-день) ??? Как правельно его впихнуть??? http://ui.jquery.com/repository/tags/lates.../#ui.datepicker http://www.samborsky.com/javascript/jquery/233/ Вот ДЕМО- http://www.samborsky.com/sources/datepicker-jquery-ui/ http://www.samborsky.com/sources/datepicker-jquery-ui-2/

    Asked by kavadims,

    0 votes
    0 answers

  13. Как связать низ колонок

    Всем доброго времени суток. Я опять со своей проблемой! Никак не пойму, как работать с высотой при вёрстке таблиц, и не важно в чём они построены. У меня прям руки опускаются, что не понимаю я как надо написать алгоритм, чтобы всё отображалось как надо. У меня есть несколько вариантов вёрстки, но у каждого какие-либо отклонения от желаемого результата. Причём если в одном шапка получилась,то с телом проблемк, а где тело в норме, то шапка ведёт себя как попало! Пытаюсь сделать по аналогии удачного примера, но получается ерунда какая-то. Пожалуйста, подскажите, как быть с высотой? Потому что в некоторых примерах, подсмотренных с нэта,вроде вообще нет никаких указаний на…

    Asked by KEKC,

    0 votes
    10 answers

  14. Проверка страницы на валидность

    Зашел на сервис http://validator.w3.org Выдает такие ошибки : (Ошибки жирным выделять буду) …рисматривается к Honda</a></span><br><span class='contentpaneopen'><p><img sr <br><span class='contentpaneopen'><p><img src="/images/f1/honda.jpg" border= exican-eyes-honda.html">...</a></span></div> -shockwave-flash" width="240" height="240" wmode="transparent"></embed> - тут не понравилась кавычка почему то... Объясните пожалуйста какие же это ошибки. Они пишут что возможно вы закрываете "/>", но я как раз таки не закрываю так. Вставил код от Youtube - так выдало 50 ошибок в этом коде...

    Asked by Amigo9876,

    0 votes
    12 answers

  15. проблемка с таблицей

    собстно по картинке видно что в ИЕ разъезжаеться само по себе код страницы( на пхп вставки не реагировать) @charset "utf-8"; /* CSS Document */ #top { position:absolute; left:5%; top:0px; width:90%; height:50px; z-index:99; background-color: #FC9; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } #body { position:absolute; left:5%; top:65px; width:90%; height:85%; z-index:2; margin: 0px; padding: 0px; } #apDiv1 { position:absolute; left:5%; top:97%; width:90%; height:3%; z-index:3; background-color: #F96; font-family: verdana; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; text-t…

    Asked by bestxp,

    0 votes
    0 answers

  16. table - тонкости атрибутов и как их использовать

    Всем привет, я не начинающий программер, но на некоторые вещи я закрываю глаза, а плохо. Вот есть у тэга - table атрибут - summary, лично я его не разу не использовал. Хочется спросить у спецов кто этот атрибут использует уже давно и знает как. Я знаю только, что он переводиться как - итог, но какие данные в него требуется записывать, я не имею понятия и обязательно ли это?

    Asked by Ivan-D,

    0 votes
    6 answers

  17. IE очень кумарит

    картинки и текс в таблице не становится как надо... <table style="text-align: left; width: 567px; height: 73%;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="height: 52px; width: 48px;" colspan="1" rowspan="2"><img style="width: 48px; height: 52px;" alt="" src="conticon48x52.jpg"></td> <td style="height: 18px; text-align: left; vertical-align: middle;"><img style="width: 39px; height: 18px;" alt="" src="contpravo39x18.jpg"></td> </tr> <tr> <td style="height: 34px;" id="aaa"> <h1 style="text-align: center; vertical-align: middle;">Fabula Onl…

    Asked by Nekromancer,

    0 votes
    19 answers

  18. Неубиваемые границы <iframe>'ов в IE7

    В IE7 никакими способами не удалось скрыть границы iframe ов Пробовал *{ border: none; } на странице с фреймами и на страницах с содержимым для проверки. Результат - нулевой. Есть еще какие-то варианты?

    Asked by ins,

    0 votes
    2 answers

  19. Тупой макет, помогите!

    Добрый вечер. Вот так все выглядит. вот код: <html> <head> <title></title> <link type="text/css" rel="stylesheet" href="/css/style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <div id="body" align="center"> <div id="header"> <div id="title">1</div> <div id="menu"> <a href="/" onfocus="this.blur();"><img src="/images/home.jpg" border="0"></a> <a href="/about/" onfocus="this.blur();"><img src="/images/about_us.jpg" border="0"></a> <a href="/forum/" onfocus="this.blur();"><img src="/images/f…

    Asked by vvsh,

    0 votes
    1 answer

  20. <iframe...> и allowtransparency

    Использую allowtransparency="1" для прозрачного фона фрейма. Он становится прозрачным, но валидацию не проходит. Чем это грозит? ИЛи плюнуть на 1 ошибку на странице?

    Asked by ins,

    0 votes
    8 answers

  21. Капризный hover.htc

    Здраствуйте. Потребовалось сделать смену фону при наведении у элементов списка. Возможно такое реализовать в IE6 только через файл csshover.htc Скачал я его с http://www.xs4all.nl/~peterned/csshover.html Прописал в css-файле и положил в папочку js: body {font-family:tahoma,helvetica,sans-serif; font-size: 14px; margin:0px; padding:0px; behavior:url("js/csshover.htc");} Ну не хочет он работать, ни на локальном сервере, ни на хостинге. Размещал я его и в корне, и в той папке, где лежит css-файл, а он не хочет работать. Подскажите, может я неправильно пишу ему путь? или может на стороне сервера какие-то телодвижения нужно сделать?

    Asked by Nird,

    0 votes
    2 answers

  22. Связанные селекторы

    Продскажите, пожалуйста, есть ли возможность менять стиль тэга в зависимости от параметра радиокнопки checked? Т.е. если она checked, то использовать <div class="css11"></div> //например синий цвет А если не checked то <div class="css12"></div> //красный фон Либо разный background-color класса css11 в зависимости от checked

    Asked by ins,

    0 votes
    5 answers

  23. Как измерить скорость генерирования страницы?

    Добрый день. Предложите какие-нибудь идеи, а то я даже не могу придумать как ее измерить! Заранее спасибо.

    Asked by vvsh,

    0 votes
    6 answers

  24. IFRAME в IE6 не работает

    На сайтах www.realt.info и www.anapa.in установил почтовую форму с помощью IFRAME Во все браузерах она смотрится нормально, но в некоторых версиях IE6 не открывается и выдает ошибку, причем иногда с первого раза откроется, но при перезагрузке страницы не работает. Поставил IFRAME на пустую страницу http://realt.info/a_mail.html В Opera, FireFox, IE7 все нормально, а в IE6 "Невозможно отобразить страницу" Причем на локальной версии (на моем компьютере) все нормально работает и в IE6 Спросил хостера, он ответил "не знаю, тут дело в оптимизации кода" Не можете ли подсказать в чем дело.

    Asked by anapacap,

    0 votes
    5 answers

  25. Помогите с документом.

    Помогите начинающему, но безусловно талантливому, даже не знаю как себя назвать... админу сайта короче, с форматированием текта средствами HTML. В общем застрял на такой задаче - необходимо более менее эстетично формить ту чась документа, где идут различные подписи, должности, Ф.И.О. и т.д., т.е. когда идет графа, а под ней мелкими буквами пояснение. Например так: Получатель: ________________________________ ____________________________________ ..........................Структурное подразделение .............................Организация................................ Примерно так, но вместо точек пустое место. Есть ли какие нибудь стандарты именно для таких целей?

    Asked by СвидетельИнновы,

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