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. Проблемы с меню

    Добрый день. Проблема слудующего характера. На сайте 3 колонки. В левой колонке стоит всплывающее вертикальное меню. При наведение подменю, которые всплывают не отображаются под средней колонкой. Как устранить. выложу файлы главной и ксс - вот они Добрый день. Проблема слудующего характера. На сайте 3 колонки. В левой колонке стоит всплывающее вертикальное меню. При наведение подменю, которые всплывают не отображаются под средней колонкой. Как устранить. выложу файлы главной и ксс - вот они main <!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…

    Asked by psics,

    0 votes
    2 answers

  2. объясните поведение блока

    Добрый день. Вот код: <body style="background: #ddd"> <div style="background: #fff; border: 0px solid black;"> <!-- div #1 --> <div style="margin-top: 100px"> <!-- div #2 --> <span>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</span> </div> </div> </body> В таком виде див №1 отображается как узенькая полосочка, отстоящая сверху на 100 пикселей. Если в его стиль добавить рамку (в стиле достаточно исправить толщину с нуля на единицу), то он раздвигается по высоте (так и было задумано, но без рамки). Почему так происходит?

    Asked by stalker_2000,

    0 votes
    2 answers

  3. Страница "уезжает" влево

    Есть такой шаблон - http://rghost.ru/32649991 При добавление большого количества текста в div "body_area" страница "уезжает" на пару десятков пикселей влево. Данный эффект заметен только если раскрыть страницу на весь экран в браузере (Maximize). Как можно это побороть? Спасибо.

    Asked by Garfunkel,

    0 votes
    2 answers

  4. Ширина для линейных элементов

    Доброго времени суток всем! Мне нужно получить нечто вроде таблицы Но, если строки не будут влезать в окно по горизонтали, то они толжны переносится, вот так Но так получается только на IE, и только без !DOCTYPE. В противном случае ширина не учитывается. Для примера привожу скриншот из оперы. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> p { border-bottom: 1px solid #333333; } SPAN{ margin: 3px 8px 0 0; white-space:nowrap; width:120px; } </style> </he…

    Asked by AltCtrlDel,

    0 votes
    2 answers

  5. Как отключить наследование в css?

    Привет, допустим у меня по наследованию к тегу div добавляются какие-то свойства. Мне необходимо, чтобы определенный div не наследовал никакие свойства. Как это можно сделать?

    Asked by fedotxxl,

    0 votes
    2 answers

  6. Пропадает прозрачность

    Изначальная задача сделать полупрозрачный текст под углом (и не было бы проблем если бы какие то чудики все не забили на IE 6-8) Вот как оно выглядит по идеи: <!DOCTYPE html> <html lang="ru"> <head> <title>test</title> <meta charset="UTF-8"> <style type="text/css"> #mytext { width:150px; margin:200px auto; opacity:0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=20); transform:rotate(-25deg); -moz-transform:rotate(-25deg); -webkit-transform:rotate(-25deg); -o-transform:rotate(-25deg); -ms-…

    Asked by stars,

    0 votes
    2 answers

  7. Ломается дизайн при добавлении border

    Здравствуйте! Сам не могу понять. При добавлении в блок a:link следующей строки: border-bottom: 1px dotted; ломается дизайн. Помогите, пожалуйста! сайт www.arsvar.ru

    Asked by Kysin,

    0 votes
    2 answers

  8. Спецификации технологий

    Приветствую. Вопрос такой. Решил освежить в памяти знания технологий: html, xhtml, css, xml, dom. Решил зайти на http://www.w3.org/ и полистать спецификации. ИМХО, адекватной навигации я там не увидел, поэтому прошу помощи: —-1. Кто может точно указать ссылки на официальные документы последних версий: ——--1.1. html ——--1.2. xhtml ——--1.3. css ——--1.4. xml ——--1.5. dom —-2. Ну и хотелось бы узнать, какие версии нынче актуальны для использования Что нашел: —-1. Последняя версия html4 - html 4.01 - http://www.w3.org/TR/html401/ - ? —-2. Последняя версия xhtml - xhtml 1.1 - http://www.w3.org/TR/xhtml11/ - ? ——--2.1. - но вроде как используют xhtml 1.0 - http://www.w3.org/TR/x…

    Asked by DjTarik,

    0 votes
    2 answers

  9. Проблема с прозрачными картинками

    http://clan-amp.ru/site/content/index.html .contenttelo{ position: relative; width: 820px; } .contenttop{ width: 820px; height: 213px; background: url('../images/contenttop.png'); } .contentbody{ width: 820px; min-height: 259px; background: url('../images/contentbg.png') 0 200px repeat-y; } .contentbody div{ padding: 0 120px; background: url('../images/contentbody.png') no-repeat; } .contentbottom{ width: 820px; height: 399px; background: url('../images/contentbottom.png'); } .contenttext{ margin-top: 0px; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link re…

    Asked by Wahlberg,

    0 votes
    2 answers

  10. некорректное отображение страницы сайта

    Делаю каталог для сайта. В гугл хроме, мозиле - фото как надо отображаются (по центру). А в опере и эксплорере вправо сносит. Что делать? И ещё как текст под фото поставить , а то вкучу сбивается? страница Заранее благодарен.

    Asked by Binwatch,

    0 votes
    2 answers

  11. Таблица

    Подскажите пожалуйста, как запихать эти параметры в *.css <table id="kratko" border="1" cellpadding="7" cellspacing="1" bordercolor="black" rules="rows"> очень много таблиц, и дабы не размножать код, подскажите, можно ли и как в css для #kratko указать энти параметры?

    Asked by SerTse,

    0 votes
    2 answers

  12. Скругление углов в ие

    Всем привет, нужно скруглить только нижние левый и правый угол. -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; behavior: url(/PIE.htc); так во всех браузерах все нормально так и нужно, а вот в ие не показывается (проверял в ие9 ), но как только я ставлю border-radius: 8px; то есть все становятся скругленные углы, то все показываается но все 4 угла круглые а мне нужно только 2 нижних..

    Asked by Bingo,

    0 votes
    2 answers

  13. Безопасная ширина, разрешение, шрифт

    Хотя собираюсь всё это дело реализовывать потом через JS, вопросы относятся, скорее, к вёрстке. 1. Безопасная ширина? Для 1024x768 рекомендуют от 950 до 960, а что для других разрешений? Где-то можно получить такую информацию? 2. Вопрос проистекает из предыдущего. А можно ли нарваться на нестандартное разрешение? Например, 1024x750? Это важный момент, так как его придётся учесть, чтобы не задать жёстко, а потом жалеть. 3. Какой размер шрифтов уместен под разные разрешения? Под 1024x768 часто используют 12px. А что использовать под более высокие и низкие разрешения? Всем спасибо!

    Asked by thekap,

    0 votes
    2 answers

  14. переходы цвета при размножении фона repeat-ом

    подскажите пожалуйста почему после нарезки однородного фона фона и подстановки через repeat его в верстку в браузере видны переходы цвета? странрица. смотреть .wrap .boxLT .boxRT .boxT и .wrap .boxLB .boxRB .boxB нарезал с этого макета. однородность цвета проверял в фотошопе пипеткой. кроме того, непонятно почему .wrap .boxLB как бы накладывается на .wrap .boxM . это хорошо видно при отключенном фоне .wrap .boxLB большую часть изображений в фотошопе размножал через флип горизонтал/флип вертикал

    Asked by cyklop77,

    0 votes
    2 answers

  15. ссылки с неправильной формой

    Есть ли возможность создавать такие ссылки? http://habrahabr.ru/blogs/css/126207/ учит как создать фигуры любой формы,но если записать <div id="infinity" onclick="window.location.href='http://ааааааа'">, то область дейстия ссылки остается квадратом вроде Может clip поможет?

    Asked by bot87,

    0 votes
    2 answers

  16. Вопрос о круговом слайдере

    Есть ли готовые решения в интернете на подобную ситуацию? Заранее спасибо за ответ.) Картинка

    Asked by fragilewelldone,

    0 votes
    2 answers

  17. Java in Html

    Привет всем как вставить программу на Java в html? или исходный код апплета который выполнится ok deleted=) <APPLET CODE="day.class" WIDTH=500 HEIGHT=500 ALIGN=MIDDLE> Java applet that draws animated bubbles. </APPLET>

    Asked by Inteno,

    0 votes
    2 answers

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

    Есть такой код <style type="text/css"> #container { width: 100%; margin: 0 auto; } #leftcol { float: left; width: 60%; border-right: 1px dashed #183533; padding: 10px; } #rightcol { float: left; background: #f0f0f0; width: 38%; no-repeat } </style> <div id="container"> <div id="leftcol">[xfvalue_new]</div> <div id="rightcol"><img src=[xfvalue_img]></div> </div> Он мне выдает вот что А нужно так По сути код должен давать второй вариант. В чем проблема?

    Asked by sx228,

    0 votes
    2 answers

  19. вопрос по тегу <audio>

    как тегом <audio> проиграть mp3шку с хоста с указанием порта? к примеру: <audio src="http://site.com/melody.mp3" controls> проигрывает файл нормально а: <audio src="http://site.com:9000/melody.mp3" controls> вообще не подгружает файл как это вылечить? задал вопрос еще и вот тут: http://otvety.google.ru/otvety/thread?tid=227f89ad71299378&table=%2Fotvety%2Fuser%3Fuserid%3D18219292992048084198%26tab%3Dwtmtoa

    Asked by Siva,

    0 votes
    2 answers

  20. Opera не обрабатывает css с другого хоста

    Долго думал куда написать, решил сюда. Первый раз столкнулся с проблемой что Opera не видит в упор подключенные css (а так же картинки) с другого домена. CSS на своем домене видит прекрасно. Другие браузеры вплоть до IE6 все корректно подгружают... Нагуглил только случай когда в начале css объявлялась кодировка 1251 и из-за этого не подгружалось, у меня же ничего не прописано в начале css. Может быть кто-то сталкивался ?

    Asked by lesnick,

    0 votes
    2 answers

  21. проблема с рамкой вокруг инпута

    в Хроме ни как не могу убрать рамку вокруг этого элемента: <input type="search" /> когда тип = текст его нет, а вот с сэрч не получается. бордер:нон, оутлайн: нон , ничего не помогает. как это сделать, подскажите пож-та

    Asked by jumancy,

    0 votes
    2 answers

  22. Создание неоднородного фона

    Добрый день. Столкнулся со следующей проблемой. Ест макет, часть которого имеет ширину 949px и такой фон Пытался нарезать фон частями по 3px или по 20px и делать repeat-x. В результате четко видны повторяющиеся горизонтальные полосы. Вопрос как правильно вставить такой фон в блок? Неужели добавлять полно размерную картинку?

    Asked by Kelenar,

    0 votes
    2 answers

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

    Делаю курсовик-сайт по Web-дизайну. Т.к. это первая работа на HTML, а срок поджимает выбрал табличный тип верстки. Возникла проблема, не получается опустить подвал сайта вниз. Ни с помощью CSS, ни средствами HTML. Прошу помощи <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Шаблон</title> <link rel="stylesheet" type="text/css" href="style/page.css"> </head> <body> <!-- Общий контейнер --> <table cellpadding='0px' id='container'> <!-- Шапка сайта --> <t…

    Asked by lex63,

    0 votes
    2 answers

  24. overflow и ie6

    Доброго времени суток.IE6 "мой любимый браузер" не поддерживает свойство overflow, как с этим бороться?Может есть какой нибудь HTC файл или что то подобное?

    Asked by Кирюха,

    0 votes
    2 answers

  25. Кнопки

    http://savepic.su/982150.htm Верхнее меню – при переключении меняется цвет на белый. При этом «главное» становится «зеленым» и остальные цвета смещаются Как реализовать такое?

    Asked by rfnfdfcz,

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