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. Опять блоки

    Основной блок определённой ширину.Туда будет помещаться много блоков Тоже определённой ширины и высоты.При этом их ширина в несколько раз меньше ширины всего блока,что позволяет расставлять в одной строке несколько блоков.Вопрос в том как они внутри него будут располагаться.Хочу сделать чтоб они располагались так будто у них у всех стоит float:left,т.е. в одной строке стоял не один блок ,а столько сколько поместится,но мне не нужно флоат ,так как он убивает высоту у родителя. Как так сделать?

    Asked by new01,

    0 votes
    6 answers

  2. баг хрома?смешно....

    <!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> <style type="text/css"> *{padding:0;margin:0} .wrapper {width:100%;overflow:hidden; background:red;} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block} a {color:#000;text-decoration:underline;outline:none} a:hover {text-d…

    Asked by dostel1,

    0 votes
    7 answers

  3. Помогите в борьба с IE

    Приветствую всех! Есть проблема с отображением сайта в IE, в частности в 8-й версии, наверное и в остальных все также коряво. В FF и Safari все так, как и должно быть. Если есть возможность помогите побороть эту проблему. Сам я в хаках совсем тугой. Что там еще в таблице стилей придумать можно ума неприложу Сам сайт http://oil.autodetals.ru Если нужно могу выложить html и css.

    Asked by Sanadam,

    0 votes
    6 answers

  4. как растянуть блок содержимым ?

    что то я совсем скажем блок расположен в блоке который имеет ширину 100% и центрирует по центру.. но вкладываемый блок всегда тянется на 100% в ширину, а хочется что бы он растягивался по содержимому. резиновый блок... тоже самое как если дать ему float:left но нужно, что бы он остался по центру, а не ушел к краю. всегда засовывал таблицу и она сама растягивалась... а тут хочу блок

    Asked by iillyyaa2,

    0 votes
    17 answers

  5. Помогите с комментариями

    Вот у меня блок с ид homeInfoMan.Туда я сую н-ное количество комментариев.Мне над что блок самого комментария отражался корректно.Вот пример. Черным прямоугольником изображено аватарка пользователя,который написал комментарий,Name=Имя,Data=Дата напписания.Снизу после каждого комментария черта,т.е border-bottom. Вот небольшой код,который я написал.Но у меня некорректно отображается сам текст в комментарии,скажите в чём проблема.?! <style type='text/css'> #homeInfoMan{margin-top:10px;margin-bottom:20px;padding-left:35px;text-align:left;} #homeInfoMan p {padding:10px;text-align:right;margin-right:40px;} #commenOne{border-bottom:1px solid red;width:490px; margin-to…

    Asked by new01,

    0 votes
    15 answers

  6. Кнопка-картинка

    Не работает конпка-картинка. Код: <input name="one" type="image" src="/231.jpg" class="code"> когда без name, то работает (в других участках кода), но здесь надо обязательно с name. Как исправить код?

    Asked by saimon85,

    0 votes
    2 answers

  7. навигация c помошью div

    Добрый день форумчане пытаюсь выровнять в div-ах навигацию не получается ровно выровнять div относительно друг друга. Я пробовал : 1)Каждое меню заключить в div и выровнять их друг относительно друга в css .nav2 { position: relative; padding: 10px; height: 29px; width: 165px; } итд (nav1....) Выровнять можно , но по вертикали все съезжает(div относительно diva) 2)Вторая идея была div основной а внутри в него менюшки , каждая в своем dive. (не пробовал еще) Посоветуйте как в div вы бы решили эту задачу Как сейчас Как хочу сделать

    Asked by rxp,

    0 votes
    12 answers

  8. проблемы с a:hover

    Господа верстальщики. У меня делемма. Есть горизонтально центрированное меню. В нем под пукнты. Главным пунктам присвоен стиль смены цвета при наведении a:hover. Как заставить родительские пункты меню оставаться в состоянии hover при наведении на под пудпункты? Как видно слева при ховере появляется бэкграунд с треугольником и смена цвета пункта. Хочется добиться того же эффекта при наведении на подпункт. Чтобы главный пункт меню оставлся в состоянии :hover. Заранее спасибо

    Asked by Morrag,

    0 votes
    2 answers

  9. Как оформить заголовок

    Подскажите, как делается такой заголовок с заливкой не до конца? http://www.vashgarazh.com/dekorativnaya-otdelka-fundamenta И еще, какой это шрифт&

    Asked by fowl,

    0 votes
    3 answers

  10. Проблема с ссылками

    В общем беда такая. Хотел добавить баннер партнерки к себе на сайт. Вставил код как есть. На странице отображается все замечательно, не не работает ссылка вообще, в строке состояния не отображается url страницы. Складывается такое ощущение что я вставил просто изображение без ссылки. Вот примерный код того что хочу вставить: <a href="http://site.ru/?referer=99999" target=_blank><img src="http://site.ru/b/img468x60.gif" width="468" height="60" border="0"></a> Уже вставлял просто текст. Оформлен текст под ссылку, а главное ссылка сама не работает. В общем та же беда Может дело в файле со стилями CSS?! Подскажите кто что знает. А то чет я не могу ни как пон…

    Asked by Scorpio2011,

    0 votes
    6 answers

  11. вопрос по позиционированию элементов

    Зарегался только сегодня, особых знаний в HTML нет, возник такой вопрос: Как можно разместить картину в определенном месте экрана, что-бы она смотрелась одинаково статично на любых разрешениях? если использовать параметр с фиксированными координатами (absolute, по-моему) в img, то например при смене разрешения на 800*600 картинка жирно уезжает вправо-вниз, при наивысшем раширении экрана умельчается влево-вверх. "Расчертить" экран таблицами с % длиной, и вставить картинку в ячейку таблицы? Фреймами? CSS? То есть, нужно что-то вроде определения позиции на экране, с "процентными" координаты, что-бы сайт выглядел ровно на любом разрешении... Сорри если криво сформулировал про…

    Asked by Edelstein,

    0 votes
    5 answers

  12. Задать стили для скроллинга?

    Возможно кто то знает как задать стили для скроллинга в опере и мозиле? Те стили что стоят щас работают только в ие. html, body, #comments_div{ scrollbar-3dlight-color:none; scrollbar-arrow-color:#10090a; scrollbar-highlight-color: none; scrollbar-face-color:#ac9a91; scrollbar-shadow-color:none; scrollbar-darkshadow-color:none; scrollbar-track-color: #20100f; }

    Asked by onik,

    0 votes
    9 answers

  13. @font-face

    Есть шрифт вот такой, решили вставить его в проект. Генерю CSS и шрифты разных форматов при помощи сервиса fontsquirrel.com. Возникают проблемы с кириллицей причем как-то странно - кириллица не отображается только в ИЕ7 (с латинницей все в порядке). Пока проверял в ИЕ8, ИЕ9 и Хроме, там все нормально (не знаю как в остальных браузерах). В чем может быть проблема в ИЕ7? Вариант отказа от ИЕ7 не подходит ни под каким предлогом. Шрифт заюзать надо позарез. Кто что подскажет? P.S. Хоть в этом сервисе заявлена поддержка ИЕ5+, но в ИЕ6 (на виртуальной машине) у меня ничего не работает, даже латинница. Интересно почему. Поддержка ИЕ6 в общем не особо нужна, но как бонус было бы …

    Asked by Great Rash,

    0 votes
    8 answers

  14. масштабирование шрифта в px в IE

    Скажите, пожалуйста, шрифт в px не масштабируется во всех версиях Internet explorer, или только в 6й? Если первое, то получается лучше использовать em?

    Asked by vikusik,

    0 votes
    5 answers

  15. Автоматическое растягивание по ширине пунктов выпадающего меню

    Всем добрый вечер. Вот уже реально крышу несёт не могу разрешить проблему. В общем есть горизонтальное выпадающее меню. Надо сделать так, чтобы выпадающие пункты по ширине растягивались в зависимости от величины названия пункта меню. То есть, чтобы общая ширина выпадающего меню бы соотв ширине самого длинного назв пункта. Уже мучаюсь целый день никак не могу въехать, как это сделать. Вот пациент: http://verstku.narod.ru/trablmenu/index.html Получается в две строки почему-то идут выпадающие пункты и хоть ты тресни (((. Уже просто чувтсввую, что мозг близок к взрыву. Помогите, плиз. Спасибо.

    Asked by Belovsan,

    0 votes
    28 answers

  16. Поомогите "допилить" меню на спрайтах

    Доброго времени суток. Хочу сделать меню на спрайтах, которое состоит из изображения (иконки) и текста (текст под иконками). Нашёл пример создания тут: http://ruseller.com/lessons.php?rub=29&id=523 Сделал - всё ок, за исключением одного важного для меня нюанса. Мне нужно, что бы под изображением был и текст меню (в виде текста, а не изображения естественно), в данном примере этот текст вынесен за пределы экрана так: text-indent:-9999px; Значение -9999px я убираю на "0" и текст размещается поверх графической части кнопки, а мне нужно спустить его под изображение. Что только не пробовал - не выходит... подскажите, пожалуйста, как это реализовать? Можно на другом при…

    Asked by DarkTranquillity,

    0 votes
    6 answers

  17. Проблемища при масштабировании

    При масштабировании ("ctrl"+"-") блоки съезжают друг под друга. Это такой баг браузеров и стоит забить, или же нужно делать как-то по-другому? При смене же разрешения ничего не смещается. Ну не переношу, когда вёрстка разваливается при масштабировании Это не первый момент с float в моих работах, раньше забивал, теперь хочется понять, почему так происходит? спасибо заранее <!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=utf-8" /> <title></title> <style> h…

    Asked by monsterr,

    0 votes
    21 answers

  18. Footer к низу страницы

    Добрый день. Не могу справиться с задачей позиционирования футера к низу экрана при недостаточном количестве контента. Использую HTML5. <html> <body> <header /> <div.content /> <aside /> <footer /> </body> </html> http://григорий-аникин.рф/test/e-dotu/ http://григорий-аникин.рф/test/e-dotu/styles.css Вот это в Firefox работает, но в остальных браузерах нет: <html style="position:relative;min-height:100%;"> <body> <header /> <div.content /> <aside /> <footer style="height:40px;position:absolute;bottom:0;"/> </body> </html> Предлагаемые решения не работают: <html style…

    Asked by TMGLUK,

    0 votes
    10 answers

  19. фон для сайта

    <!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" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } html, body { …

    Asked by dostel1,

    0 votes
    2 answers

  20. Проблемы со спском

    .list{ float:right; width:240px; margin:5px; } .list li { background-color:#333; list-style-image:url(../img/list.gif); list-style-position:inside; width:230px; padding: 8px 0 0 10px; height:25px; margin-top:5px; } h2{ font-variant:small-caps; font-size:15px; color:#B9AC39; line-height:20px; text-align:left; } h1{ color:#566a41; font-size:15px; } <div class="list"> <ul> <li><a href="#"><a><h2>Home</h2></a></li> <li><a href="#"><a><h2>WHO WE ARE</h2></a></li> <li><a href="#"><a><h2>IMAGE GALLERY</h2></a></li&g…

    Asked by demi,

    0 votes
    17 answers

  21. fieldset

    Здравствуйте! Объясните мне пожалуйста в каких случаях нужно использовать fieldset? теорию читала, но всё равно до конца не ясно. Никогда не использовала в формах fieldset, советали так. Говорят его применять нужно только в крайних случаях, по необходимости, почему?

    Asked by vikusik,

    0 votes
    3 answers

  22. Интерфейсы

    Кто что может рассказать про верстку web-интерфейсов? Что это вообще такое, как часто используется и что можно почитать на эту тему? У кого опыт есть? А то что-то в гугле ничего толком не увидел. Спасибо.

    Asked by DjTarik,

    0 votes
    5 answers

  23. непонятный баг textarea под ie

    проверял под ie8, ie9 и ff3 у кого есть другие браузеры под рукой, скиньте результаты в ff3 все ок в ie8 и ie9 имеется непонятный баг код такой: <!DOCTYPE html> <html> <head> <title>IE bug?</title> <style>body {line-height: 22px;}</style> </head> <body> <table> <tr><td><img src="img.jpg"></td></tr> <tr><td><textarea cols=20 rows=8>maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут…

    Asked by maxipub,

    0 votes
    11 answers

  24. Не могу разобраться почему div'ы съезжают...

    Добрый день. Небольшая вводная. Разрабатываю сайт на платформе Sharepoint. Решил внедрить дизайн. Расположение блоков можно посмотреть здесь (эту задачу сделал). Sharepoint предполагает, что можно редактировать страницу. Когда я перехожу в режим редактирования, то я хочу видеть следующее, а вижу это. Исходные коды можно глянуть здесь. Там много мусора, который генерится Sharepoint. Большинство ненужных строк я убрал, чтобы было проще анализировать. Верстаю div'ами. Исходный код разметки вот: <div id="s4-workspace"> <div id="s4-bodyContainer"> <div id="wrapper"><!--begin wrapper--> <wssuc:DesignModeConsole id="IdDesignModeConsole" runat="…

    Asked by ShurikEv,

    0 votes
    2 answers

  25. Помогите с одним вопросом!

    Есть сайт на котором нужно защитить CSS и JS. Я тут хотел вставить их в теги <style></style> и <script></script> в файлы PHP style.php и script.php и подключать через php include. Получается сайт отображатся должен нормально (непроверил ещё), а для пользователя небудет возможности скачать файлы. Вопросы: 1) Возможно ли так зделать. 2) Есть способ даже при таком раскладе заполучить CSS и JS (больше 1500 строк кода). 3) Как нащёт поисковиков будет ли это мешать им и вредить сайту. 4) Возможность других решений проблемы.

    Asked by Victory,

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