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. Как правильно сделать отступ снизу под футером

    Имеется внешний div, у которого фоновый рисунок - штриховка. этот div имеет поля слева и справа по 20 пикселей, а также футер отступает снизу то края страницы на 20 пикселей. у div с контентом белый фон. Естественно, минимальная высота должна быть 100%, и футер внизу. По-другому задачу можно сформулировать так: есть внешний div, с минимальной высотой 100% и штриховкой на фоне, и внутренний, который имеет высоту на 20 пикселей меньше внешнего, соответсятвенно футер прибит к низу уже во внутреннем диве. Что-то подобное можно увидеть на toolsbrk.ru, но там с полосой прокрутки(т.е. внутреннему диву задана высота 100% + паддинг снизу) Очень интересно было бы увидеть решение …

    Asked by pav8909,

    0 votes
    11 answers

  2. Добавление Комментарий на страницу

    У меня вопрос... как можно поставить панель комментариев на страницу написанную с нуля... не находящейся не никаком сервере... как можно сделать так чтоб люди могли комментирование то что на ней написано ну чтоб панель была такого вида приблизительно помогите пожалуйста И да ещё эта страница .html

    Asked by Joko,

    0 votes
    11 answers

  3. Hover

    Суть проблемы такова, нужно правильно поставить hover. Вот код html <body> <div id="images"> <img src="images/6.jpg" width="130" height="120" /> <img src="images/7.jpg" width="120" height="140" /> <img src="images/8.jpg" width="130" height="120" /> <img src="images/2.jpg" width="120" height="140" /> <img src="images/5.jpg" width="130" height="120" /> <img src="images/1.jpg" width="120" height="140" /> <img src="images/2.jpg" width="130" height="120" /> <img src="images/1.jpg" width="120" height="140" /> <img src="images/5.jpg" width="130" height="120" /> <img src="images/3.jpg" width="120" height="…

    Asked by JoyStick,

    0 votes
    11 answers

  4. разбить бэкграунд

    привет! есть бэкграунд - приямогульник с закруглёнными краями...весит 3,5 кб! Есть ли смысл разбивать на низ, верх и середину на repeat ставить? спасибо

    Asked by andys,

    0 votes
    11 answers

  5. HTML в Ява скрипте

    Вот мне надо чтоб вот этот код <a href="сылка" ><img alt="news" border="0" src="картинка без навидения" onmouseover="this.src='картинка при навидении'" onmouseout="this.src='картинка без навидения'"></a> работал через ява-скрипт то есть через файл .js я пишу его так: document.write('<a href="ссылка" ><img alt="news" border="0" src="картинка без навидения" onmouseover="this.src='картинка при навидении'" onmouseout="this.src='картинка без навидения'"></a>'); но это не хляет помогите плиз просто мне надо написать через яву чтоб с экономить место в кодах или подскажите как это можно прописать через яву?

    Asked by Joko,

    0 votes
    11 answers

  6. Никакой реакции на <i></i>

    Добрый день. При загрузке данных из БД обрабатываю их следующим образом: $pmtext = nl2br($arraylistpm['pmtext']); $pmtext = str_replace("[I]","<i>",$pmtext); $pmtext = str_replace("[/I]","</i>",$pmtext); В итоге фактически тэги <i></i> добавляются, а браузер на них никак не реагирует. Где собака зарыта ?

    Asked by bobo,

    0 votes
    11 answers

  7. Таблица с тремя ячейками а в них по img - в IE проблема бордюра

    Есть таблица. Одна строка, три столбца. В каждом столбце есть по img у каждого img свойство align="right" и во всех браузерах все чудесно, кроме кончено же IE. Здесь появляются не понятные зазоры между img и и границей td. Выглядит это так http://my.jetscreenshot.com/2772/20110427-hk6j-12kb.jpg в остальных браузерах белых полос между нет. Нужно убрать эти полосы. Дайте совет, что ИЕ хочет от меня чтобы он нормально их отобразил

    Asked by artlayers,

    0 votes
    11 answers

  8. Проблема с резиновыми картинками

    Всем привет Имею вот такое безобразие Изображения в штате 250х250, лого 195х54. Захотелось заказчику сделать это чудо резиновым. Соответственно вопрос в том, чтобы логотип оставался на месте и никуда не ездил по ширине, а остальные 8 картинок, вместе с ссылками в таблице под ними, ездили под разрешение экрана с остальными нижеследующими таблицами. Причем каждая ячейка таблицы под картинкой должна быть вровень со своей картинкой. Что-то подобное ниже нормально более-менее отображается только в лисе при 1600х900, кое-как заставил ИЕ8 дружить наполовину, но стоит уменьшить разрешение, как верхняя таблица с картинками уплывает в море с горизонтальной полосой прокрутки в любо…

    Asked by anon1,

    0 votes
    11 answers

  9. Проблема с выпадающим списком

    F

    Asked by Kari_ya,

    0 votes
    11 answers

  10. Много position: absolute - хорошо или плохо?

    Скриншот: смотреть Вопрос такой: Хорошо ли это, много раз использовать position: absolute; Для чего использовать position: absolute, для того, чтобы задав элементу это правило, можно было бы проще измерять отступы. Например, если посмотреть скриншот, а именно на шапку, то задав это правило отдельно для листика, отдельно для каждой надписи, то соответственно, отступы будут считаться от края браузера. То есть в фотошопе можно будет линейкой очень просто измерять расстояние с левой стороны и сверху, и соответственно задавать эти отступы в верстке. Как считаете, то что я думаю, это хорошо или плохо?

    Asked by Rustick,

    0 votes
    11 answers

  11. Меню

    Я новичок. Подскажите пожалуйста, как сделать так, чтобы меню раскрывалось после "клика" и оставалось открытым до повторного "клика".

    Asked by kuzy,

    0 votes
    11 answers

  12. валидация страницы

    Как проверить HTML-файл на валидность? и как это важно. Прочитал на вашем сайте информацию, что файл html можно проверить на валидность PSPad-редактором, скачал этот редактор чё-то не могу разобраться как им проверять.

    Asked by EnerGizer,

    0 votes
    11 answers

  13. напишите как сделать так что бы ссылки на страницы были неже картинок

    напишите как сделать так что бы ссылки на страницы были неже картинок (см.ниже) <table cellpadding="0" cellspacing="46px" border =0 > <tr> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Turkey.JPG)"> <a href="?id=10056" ><font color=#FFFFFF><font size=+1><b>Турция</b></font></font></a> </td> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/tunis.jpg)" > <a href="?id=10048" ><font color=#FFFFFF><font size=+1><b>Тунис</b></font></font></a> <br> </td> &l…

    Asked by denis21,

    0 votes
    11 answers

  14. Проблема с нудным браузером IE 6

    Здравствуйте! Такая проблемма, верстаю каркас на div-ах, всё отлично во всех браузерах, кроме упрямого IE 6 не могу добиться чтобы контент в центральном div-e растягивался от верхнего div-а до нижнего и соответственно появлялась прокрутка. Подскажите как можно исправить такую проблему ведь height: auto отсутствует у IE 6, пробывал разные ухищрения, но без толку, вот код страницы, вставьте в центральный блок текст так чтобы появился скролл и увидите, что IE 6 никак не хочет правильно работать. <!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="te…

    Asked by POMAH,

    0 votes
    11 answers

  15. Трехколоночная шапка, резиновый блок + вертикальное выравнивание

    Здравствуйте, тут впервые. Собственно вопрос - делаю 3х колоночную шапку т.е. 3 блока помещены в фиксированный блок (980px), два из них - те что по бокам фиксированы, тот что в середине - растягивается на всю оставшуюся ширину, и к тому же ему задается свойство display: table-cell, чтобы можно было сделать вертикальное выравнивание по центру. Но дело в том что display: table-cell и float: left вместе работать не будут, просьба помочь как сделать чтобы было и float: left и вертикальное выравнивание внутри блока? Только чтобы было наименее извращенней) Ниже прикрепил наглядный пример. HTML: <div id="header"> <div class="header_left"> </div> <div cl…

    Asked by gangsta15,

    0 votes
    11 answers

  16. Последовательность блоков вложенных друг в друга

    Приветствую! Такая проблема, есть три div блока вложенных друг в друга, вот так: <div id="div1"> <div id="div2"> <div id="div3"> </div> </div> </div> У каждого дива есть своя background картинка. Но почему-то эти блоки накладываются друг на друга в обратном порядка, т.е. сначало идет div1 со своим бэкграундом, затем на него накладывается div2 и затем div3. Как мне сделать, чтобы эти блоки накладывались друг на друга в обратном порядке, т.е. как написано в коде.

    Asked by IPnex,

    0 votes
    11 answers

  17. float & ie6

    Приветствую всех, вот такая загвоздка. #cont {width:100%;} #left {float:left; width:100px; height:20px;} #center {margin:0 30px 0 100px; height:20px;} #right {float:right; width:30px; height:20px;} <div id="cont"> <div id="left"></div> <div id="center"></div> <div id="right"></div> </div> в ie6 у div#center есть маленькие отступы по несколько пикселей справа и слева от div#right и div#left соответственно как с этим справится не подскажите?

    Asked by rutt,

    0 votes
    11 answers

  18. Резиновая ширина, навигация слева в виде таблицы

    Здравствуйте, подскажите, пожалуйста, почему центральная таблица (Новости) на ходится снизу относительнолевого блока (таблицы). Делал как здесь в макетах: http://htmlbook.ru/layout/rezinovaya-shirina-navigatsiya-sleva вроде бы. float: left. Отступы вроде все правильно проставлены. Весь день промучался, но не получается.Хочу чтобы всё позиционирование было относительным. Новичок в CSS совсем. Поэтому скорее всего всё банально глупо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Сайт</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <img id="hat" src="…

    Asked by bdshadow,

    0 votes
    11 answers

  19. Определение ширины

    Привет, уважаемые жители форума. У меня вот такой вопрос - а как вы определяете, будет страница непостоянной или фиксированной ширины? Можно ли это как-то определить по макету и если да, то как? И отсюда вопрос два - если макет все же с непостоянной шириной, то как вы определяете будет ли это резина(min-width/max-width/width -%) или гибкая разметка основанная на em?

    Asked by rookie,

    0 votes
    11 answers

  20. непонятный баг 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

  21. скруглённые уголки

    таким стилем можно задать скруглённые уголки. но они НЕ будут скруглёнными в IE 8. border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px а вот на ЭТОЙ странице уголки скруглённые даже в IE 8. Как это сделать?

    Asked by Rilo,

    0 votes
    11 answers

  22. Как сделать такое меню

    Подскажите, как сделать меню, как тут в верху страницы http://www.vashgarazh.com/ventilyaciya-garazha#mahanich Что мне нужно: - Текст разбит на 2 строки (не знаю как это сделать, знаю что есть свойство word-wrap: break-word; но оно некорректно может работать?) - между пунктами меню есть растояние

    Asked by fowl,

    0 votes
    11 answers

  23. вред float'a

    Всем привет! Изучаю семантику, и вычитала на сайте у одного из отцов верстки, что float нужно исопльзовать строго по назначению, т.е. когда нужно чтобы было обтекание. Типа он не предназначен, чтобы располагать элемент слева и справа, что нет такого свойста float: center и бла-бла-бла... Так вот, а что тогда делать, когда например в каком-то блоке слева форма для входа, а справа поиск. Чем флоат заменять? не не postition:absolutе же

    Asked by vikusik,

    0 votes
    11 answers

  24. Есть ли хак для IE9?

    Здравствуйте. Доделываю шаблон для Joomla 1.5, создал несколько позиций для модулей - во всех браузерах отображается нормально, а в IE9 один из модулей смещён вправо. в css: .slideshow { padding: 0px; float: left; position: absolute; top: 140px; left: 515px; } Раньше использовал в таких случаях хак: /* *+ HTML .slideshow { left: 490px; } /* IE7 */ Но в девятом осле это почему-то не работает... как с ним быть (с 9-ым ие)? Какой хак можно юзать? Или как для него отдельный CSS сделать (обычно всегда хаками обходился)?

    Asked by DarkTranquillity,

    0 votes
    11 answers

  25. Как расположить кнопки социальных сетей в ряд?

    Добавляю на блог кнопки социальных сетей. Вот код: <div class="box-content"> <div id="vk" style="float:left;margin:20px 20px 20px 20px;"> <!-- Put this div tag to the place, where the Like block will be --> <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "vertical"}); </script> </div> <div id="twitter" style="float:left;margin:20px 20px 20px 20px;"> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Anton_Medvedev" data-lang="ru">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"&g…

    Asked by seomedved,

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