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. Почему фон остается белым?

    Почему фон остается белым хотя я задал цвет фона? http://i13.fastpic.ru/big/2010/1214/27/e66...599e7e0d327.png

    Asked by EDesigner,

    0 votes
    3 answers

  2. line-height по всей видимости как то добавился в Opera

    Люди добрые, не подскажите почему так вышло, что в Opera странно начали отображаться ссылки, такое ощущение, что в Opera, добавился line-height. Не подскажите ли Вы в чем проблема? Заранее большое спасибо. Ссылка на сайт: http://social-it.ru/ Скриншот: http://s007.radikal.ru/i302/1012/1c/4371085eaa5d.jpg

    Asked by Igorpurgen,

    0 votes
    3 answers

  3. Z-index

    Всем добрый и сразу небольшой код <div class="l1"> <div class="l2"> </div> </div> .l1 {z-index: 1; background: url(images/bgtop.png) repeat-x; width:100%; height:15px;} .l2 {z-index: -1; background: url(images/left.png) no-repeat; width:30px; height:25px; } Имеем 2 дива вложенный один в другой и у каждого бекграунд. Задача: чтобы вложенный бекграунд был ниже родительского слоя если такой вид расположения не работает то просто 2 дива <div class="l1"></div> <div class="l2"></div> Задача та же. Оно реально? У меня что-то не работает

    Asked by ShumNo,

    0 votes
    3 answers

  4. Фоотер

    Подскажите как хорошо сверстать фоотер макета - http://img684.imageshack.us/img684/6060/1111dnm.png Я решил вот так <div id="footer" > <div style="float: left;">11</div> <div style="float: right;" >777</div> <div style="text-align: center;" >132</div> </div> Правильно

    Asked by Mr.Black,

    0 votes
    3 answers

  5. Не одинаковое отображение кнопок

    Положение кнопок отображается по разному в IE7, в остльных браузерах норм. стили inputov одинаковые, они просто идентичны кроме параметров. вот фото http://i054.radikal.ru/1012/7e/57e5c277bb63.jpg в чем может быть трабл?

    Asked by Graf.Vampir,

    0 votes
    3 answers

  6. Полоса прокрутки текстового фрагмента

    Уважаемые эксперты! На новостной странице сайта нужно создать полосу прокрутки для текстового фрагмента, не умещающегося на странице. Полазив в Сети, создал такой код: <html> <head> <title>XXX</title> </head> <body> <div id="wb_Text2" style="position:absolute; left: 385px; top:150px; width:680px; height:560px; z-index:6;"align="left"> <iframe src="l-25.html"> </iframe> </div> </body> </html> Получаю окно с полосой прокрутки, расположенное в соответствии с показателями left и top. Но размер окна (width:680px; height:560px) никак не регулируется. Оно явно меньше этих показателей. Как его поменять и от…

    Asked by Serjo1977,

    0 votes
    3 answers

  7. Проблема с блоком

    Не могу понять почему блок text_mark не липнет к правому краю родительского блока. Вообще хочу его распложить ниже navigation, но по правому краю. <!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> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <meta name="author" content="WhiteNight" /> <title>Неназванный 2</title> <style> .one { height: 400px; width: 800px; border: 1px solid blue; } #search { text-align: ri…

    Asked by WhiteNight,

    0 votes
    3 answers

  8. Проблема с футером

    Помогите пожалуйста, не могу понять как написать на футере, вот картинка. Кнопка должна меняться(картинка) при наведении курсора. помогите!!

    Asked by abe,

    0 votes
    3 answers

  9. Хитрое меню

    ребят, вот дизайнер нарисовал, голову сломал как верстануть меню слева. Центр фиксировано 1024 выделено красными линями, а слева меню ещё тянется фоном.

    Asked by okunev2,

    0 votes
    3 answers

  10. Скрипты всплывающих окон

    Ребята привет. Прошу помощи. ПРоблема в том, что шаблон не воспринимает всплывающие окна. дело либо в вёрстке шаблона, либо в самом файле стиля .css. Проверял скрипты всплывающих окон на стандартных шаблонах, всё работает, а на это не хочет хоть ты убей... Что нужно выложить вам, что-бы посмотреть в чём проблема? (файлы .css, ссылку на шаблон) ?

    Asked by LUCEfeel,

    0 votes
    3 answers

  11. Обёртка для Textarea

    <!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="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <style type="text/css"> * { border: 0; padding: 0; margin: 0; } textarea { height: 150px; width: 100%; resize: none; outline: none; overflow: hidden; } .wrapper_form { border: 1px solid black; background-color: orange; padding: 3px; width: 30%; } </style> </head> <body> <form> <div class="wrapper…

    Asked by HUNTERxp,

    0 votes
    3 answers

  12. Размер svg

    День добрый. Есть svg-иконка 32х32, и вставлена она таким кодом: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="32" style="position: absolute;" > <path fill="#D1D1D1" stroke="none" d="M15.583,15.917l1.648-10.779C16.692,5.056,16.145,5,15.583,5C9.554,5,4.666,9.888,4.666,15.917c0,6.029,4 .888,10.917,10.917,10.917S26.5,21.946,26.5,15.917c0-0.256-0.021-0.507-0.038-0.759L15.583,15.917zM19.437,3.127l-1.648,10.779l10.879-0.759C28.313,8.026,24.436,3.886,19.437,3.127z"> </path> <rect x="0" y="0" width="32" height="32" r="0" rx="0" ry="0" fill="#000000" stroke="#000" style="opacity: 0; " opacity="0"> </rect> </svg> Как и…

    Asked by fir1st,

    0 votes
    3 answers

  13. Помогите с меню на HTML

    Дорогие пользователи! Я здесь новенькая, а уже прошу помощи, но я не знаю, как мне быть. Делаем с одной девушкой сайт. Она в фотошопе рисует, а я версткой балуюсь. Необходимо, чтобы на сайте было как бы 2 вида активных ссылок, я не знаю, как это сделать. В горизонтальном меню на одной ссылке есть подчеркивание - это обозначение стр., на которой находишься. и так же с нумерацией (только наоборот т.е. без подчеркивания та, на которой находишься + выделение цветом) и в левом меню - кружочек и выделение цветом.. это обозначение стр на которой стоишь. Сейчас имеется вот такой css(не мной написанный) * { margin:0; padding:0; } body,html { font-family:arial; background:#dc…

    Asked by La_Perm,

    0 votes
    3 answers

  14. 4 картинки к одному элементу

    Добрый день. Можете помочь в такой веще: как сделать четыре изображения к одному элементу, чтоб первое изображение было вверху слева и повторялось по оси "y" , второе вверху справа и повторялось также по оси "y" , третье внизу слева и повторялось по оси "x", и четвертое внизу справа которое повторялось также по оси "x"? пробивал делать по примерам, где две картинки к одному элементу, не получилось Скрин того что должно получиться: http://imm.io/2K5B Заранее спасибо Приблизительный код в html <div> <div class="PIC1" > <div class="PIC2" > <div class="PIC3" > <div class="PIC4" > </div> </div&g…

    Asked by Temiks,

    0 votes
    3 answers

  15. Проблема с растягиванием по высоте.

    Помогите пожалуйста, чтоб все блоки тянулись на максимум по высоте. Просто получается, один блоки тянутся, другие статичны. Вот само место боевых действий: _http://profshopping.ru/index.php?show_aux_page=6 И еще если кто знает, хелпаните при наведение на товар, появляется увелич. картинка не на своем месте. До этого верстал, табличной версткой все прекрасно работало ( _profshoping.ru ) .

    Asked by Gleb-k,

    0 votes
    3 answers

  16. Почему опера выравнивает list-style-image по верхней линии?

    День добрый Вот для меню, которое идёт списком сделал картинку для второго уровня. ФФ и ИЕ отображают его нормально, а опера приклеивает к верхней линии. Смотрите скрин. Сверху - опера, снизу ФФ Помогите пожалуйста. Может чтото прописать надо, чтобы отцентровать эту стрелку? Заранее спасибо

    Asked by artpol,

    0 votes
    3 answers

  17. Ошибка в коде или Firefox глючит?

    Всем привет. Подскажите пожалуйста в чем может быть проблема, браузер Лисичка глючно выводит фоновую картинку, а IE7 нормально и без глюков? Если убрать Center то тогда без глюков в Лисе будет. Казалось бы ничего лишнего, а глючит. Так же пробовал вообще все лишние Теги убирать, методом тыка, не помогает, только этот Center или top или 50% 50% (любая аналогия) у Лисы вызывает искажения. Вот html: <head> <title>Music Portal</title> <link rel="stylesheet" type="text/css" href="main.css" /> <script type="text/javascript"></script> </head> <body> </body> Вот CSS: html { margin: 0; padding: 0; } body { background: …

    Asked by soulage,

    0 votes
    3 answers

  18. IE и слои

    Делаю всплывающее меню, в опере и лисе нормально отображается, в IE видны границы и текст поверх всплывающего окна. Подскажите как исправить.

    Asked by 12345,

    0 votes
    3 answers

  19. Размер шрифта

    Приветствую. Подскажите, если в стилях для тега html задан размер шрифта 75%, от какого абсолютного значения считается этот процент? html{ font-size: 75%; font-family: Arial, Verdana, sans-serif; } и вообще, объясните, как новичку, что предпочтительнее - проценты или пикселы и по какой причине? заранее спасибо!

    Asked by soler,

    0 votes
    3 answers

  20. Самопись или CMS?

    Решил сделать сайт. Небольшой по размерам и с узкой направленностью (сайт для тестирования по знаниям об одном языке программирования). Создал шаблон в Photoshop, сверстал его в html+css+php. И тут за неимением опыта в php я задумался о безопасности, ведь предполагается работа с чужой базой данных (с согласия второго человека), он конечно может посмотреть мой код и поправить, но за любую ошибку буду нести ответственность я и частично он. Что посоветуете? Использовать полностью самописный сайт или CMS (Joomla для примера)? CMS не хотелось бы привлекать т.к. мне скорость не нравится...любая универсальность приводит к увеличению кода в разы, хотя с другой стороны проверенн…

    Asked by brainiac!,

    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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>название</title> <style> BODY {background:#FFFFFF;margin:0 auto;padding:0;} ul {padding:0} li {float:left; overflow:hidden; padding-right:10px; padding-left:10px;} .wrap { width:780px; margin: 0 auto;} .logo {background:url(images/Logo.jpg); width:780px; height:180px} .menu-l {background:url(images/left-m.jpg); width:23px; height:49px; float:left } .menu-c {background:url(images/centr-…

    Asked by Duuplexx,

    0 votes
    3 answers

  22. Зачем нужен тег?

    Хочу спросить зачем нужен behavior.Я примерно знаю с чем его едят но все таки....

    Asked by Mr.Black,

    0 votes
    3 answers

  23. Поменять ссылку на картинку

    Проблема вот в чем: Есть такой код, <a href="java script:;" onclick="this.blur();showThem('login_pop');return false;" id="openLogin">Login</a> он выводит ссылку "Login" а как сделать что бы выводило нужную мне картинку за место ссылки?

    Asked by bowa,

    0 votes
    3 answers

  24. Выравнивание виджета «Мне нравится» от Вконтакте

    Всем привет. Пытаюсь встроить виджет «Мне нравится» от Вконтакте к себе на сайт. В принципе, просто вставить его на сайт не проблема, однако у меня возникли проблемы с выравниванием этого виджета по центру какого-нибудь элемента. В начале я пытался выровнять его внутри <td> и/или <div> элементов, но когда совсем зашёл в тупик попытался просто сверстать обычную таблицу на всю страницу с выравниванием по центру и, очень удивился, когда просто вставленный код виджета отображается по вертикальному центру нормально, но сдвигается в сторону относительно горизонтального центра. Был бы очень благодарен за помощь в таком, казалось бы, не самом сложном вопросе. Сам, до …

    Asked by Flashist,

    0 votes
    3 answers

  25. Проверка на выключенный javascript

    Я знаю о наличии блока <noscript>, с помощью него можно показать текст если яваскрипт выключен. У меня обратная цель - нужно показать определенные элементы, если яваскрипт включен. Как?

    Asked by DoctorGester,

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