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. Правильное оформление ссылки

    Здравствуйте! возникла проблемка: яша не индексирует страницы сайта кроме главной (правда сайт молодой) Ссылки в меню поставил таким образом: <a href='/brodilki'><img class='ico' src='{THEME}/images/controller.png'/>Бродилки</a></li> Вопрос в том - обязателен ли слеш после ссылки на раздел сайта в котором размещаются статьи?

    Asked by Leonidk,

    0 votes
    3 answers

  2. @media для ie

    можна ли заставить ие понимать медиа запросы при разработке сайта под разные расширения? <!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> <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> <style> body{ background-color:black} @media screen and (max-width: 650px) { body{background-color:re…

    Asked by dostel1,

    0 votes
    3 answers

  3. html верстка

    Доброго времени суток уважаемые форумчане ! html версткой занимаюсь года пол, вроде бы всегда справлялся, ничего сложного.. Но сегодняшняя задача меня поставила в тупик. Мне нужно сделать эту страницу без проблем: <!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> <title>test</title> <style type="text/css"> html, body { width:100%; height:100%; } * { margin: 0; padding: 0; } </style> </head> <body> <div id = "1" style = "background-color:red; width: 100%; height: 100px;"></div> <…

    Asked by bloodVIRUS,

    0 votes
    5 answers

  4. Не могу разобраться с CSS шаблона

    Добрый день. Хотел бы спросить знающих как сделать чтобы получить такую структуру дивов. Нужно чтобы info-head был в самом верху. Элементы внутри этого дива позиционированы относительно. На info-head нужно наложить со смещением вверх main body. Фон main-body должен растягиваться по высоте относительно дочерних элементов. А сразу после Main-body должен идти footer Должно выглядеть вот так: Вот код index.php с дивами: и css:

    Asked by DenisV,

    0 votes
    1 answer

  5. применение hover к тегу area

    Всем известно что псевдо класс hover нельзя применить к тегу area. Передо мной стоит задача при наведении на определенную часть изображения над изображением должна появляться определенная надпись. всякие jquery map hilight не подходят для этого так как они только лишь подсвечивают. Уважаемые, может ето можно сделать с помощью onmousover ? подскажите пожалуйста синтаксис. все должно выглядеть так: мышь наводится на опред участок картинки и чуть выше картинки всплывает <span>. накопал в сети следующее —- <area onmouseover="hover(this);" onmouseout="unhover(this);" href="... <script> function hover(obj) { obj.style.backgroundImage="img/hover.jpg"; } function …

    Asked by graf86,

    0 votes
    2 answers

  6. поля формы вылезли за края таблицы...

    поля формы вылезли за края таблицы: http://tuladogs.kamrbb.ru/?x=reg Как исправить? И написать красивый код. <input type=text name=fio style='width:100%'> Я бы хотел что бы инпуты и текстареа равномерно помещались в таблице и занимали всю область ячейки.

    Asked by Nikol Tesla,

    0 votes
    1 answer

  7. css3pie (PIE.htc) работает с задержкой при условии hover?

    Скругляю уголки у li в IE при помощи css3pie (http://css3pie.com). У li при selected и hover также есть бекграунд из градиентного рисунка (repeat-x). При наведении мыши на li css3pie работает с задержкой, то есть скругление происходит не сразу, а спустя заметные для глаза доли секунды, а сначала виден нескругленный угол. Так и должно быть? Может, css3pie нельзя применять для hover? И еще - без position:relative вообще не работает. Пробовал по-разному: задавал position и css3pie как для всего (то есть неактивного) li сразу, так и для отдельно selected и hover, не помогло.

    Asked by Squidward,

    0 votes
    26 answers

  8. Помогите плз найти и убрать внешнюю ссылку

    У меня на сайте висит внешняя ссылка, не могу найти как ее убрать. В браузере когда смотришь исходный код, там она отображается так: </div><div style="display:none;"><a href="http://juveclub.ru/">juveclub.ru</a></div> </div></div> <div class="clr"></div> В main.tpl код так отображается: <div class="centerside"><div class="centersideinn"> {info}{content} </div></div> <div class="clr"></div> Подскажите плз где мне ее найти. Спасибо. Сайт на движке дле, шаблон просто с нета скачивал.

    Asked by Tsilya,

    0 votes
    8 answers

  9. Резиновая верстка, резиновые блоки.

    Добрый день. У меня следующий вопрос, может кто нить уже сталкивался со следующими вопросами: верстка резиновых блоков, то есть если изменяется ширина окна браузера, то и блок изменяет свои размеры. Примеры Smotra.ru и ozon.ru Ясно, что это javascript и css, но мне бы хотя бы ссылочку, где можно было бы ознакомиться с тем, как решить вопрос такой вот верстки....

    Asked by byzuka1,

    0 votes
    2 answers

  10. проблема с полосой прокрутки

    Здраствуйте ! У меня возникла проблема , сделал сайт на табличной верстке, но есть один " бок " : у меня широкоформатный монитор и когда заливал информацию на сайт то у меня отображается все отлично , но при открытии на мониторах с меньшим расширением появляется полоса прокрутки ! наблюдается при открытие некоторых страниц , например - http://edem24.ks.ua/gz.html'>http://edem24.ks.ua/gz.html !!!! Ширина в тегах table в процентах !!!!! вот сайт - http://edem24.ks.ua Помогите пожалуйста , как сделать чтоб не было это полосы прокрутки ...

    Asked by Squeez,

    0 votes
    3 answers

  11. ИЕ7 position absolute -- не вычисляет ширину внутренего блока

    Добрый день. С толькнулся с одной забавной багой в ИЕ7, не получаеться пофиксить. Есть родительский блок ( position: absolute ) в нем не указана ширина, так как ширина береться от контента. В этом блоке вложен блок, во всех браузерах он растягивается на 100% а в ИЕ7 только по содержимому. Может кто-то с таким сталкивался. Вот черновой код ссылка на пример смотреть в ИЕ7. Удачи.

    Asked by onikserj,

    0 votes
    3 answers

  12. Как показать\скрыть текст по клику?

    Есть страничка. В ней список названий. Нужно чтобы при клике на название в этой же страничке под ним показывался дополнительный текст. По повторному клику исчезал. ========================= название1 название2 (клик)(при повторном клике все блаблабла пропадают) блаблабла блаблабла блабла бла название3 ========================= Подскажите пожалуйста.

    Asked by LikeAPilot,

    0 votes
    36 answers

  13. Как сверстать такой вод блок

    Как сверстать эти линии? Именно чтобы растягивались с контентом ну и расположить их так как я хочу? Просто растянуть на 100 процентов вниз див нельзя, а если родителю поставить фон картинку и repeat-y то нельзяч менять расположение фона. Как быть? Можно ещё через <ul><li></li></ul> попробывать, но мен кажется тогда вёрстка станет не логичной или я не прав?

    Asked by bayanruby2,

    0 votes
    4 answers

  14. степень

    подскажите как сделать чтобы на сайте отображалось не м3 а м3

    Asked by voin545,

    0 votes
    2 answers

  15. Проблемы с кроссбраузерностью

    Всем привет! Очень рад что наконец то зарегистрировался на этом замечательном форуме! Мне нужна ваша помощь! Нарисовал дизайн, сверстал. Во всех браузерах (опера, хром, сафари(немного тупит с бордер-радиусом), мозилла,) отображается сайт корректно. В ИЕ на это смотреть невозможно. Мало того, что бордер-радиус не сработал, так еще и ссылки стали с фоновым цветом, меню растянуло. А при добавлении инструментов (для ИЕ) с сайта хак для ИЕ чтобы скруглялось)) фон меню вообще пропадает. Ведь есть же на форуме, кто сталкивался с кроссбраузерностью. Помогите разобраться и настроить. Я скрипты к сожалению писать не умею. а вот и сайт, он тестовый: тестовый.

    Asked by WebMasterOleg,

    0 votes
    2 answers

  16. Не работает рефреш в ФФ

    Друзья! Столкнулся с мелкой, но досадной проблемой, не знаю как решить, уповаю на вас! Есть элементарный код: <?php $titl = 'bla-bla-bla'; $price = 123; ?> <form action="demo2.php" method="GET" name="form1"> <?php echo('<input value="'.$titl.'" name="titl" />'); ?> <?php echo('<input value="'.$price.'" name="price" />'); ?> <input type="submit" value="КУПИТЬ" /> </form> Всё работает, значения корректно подставляются в поля формы, но если изменить значение вручную и затем сделать рефреш (Ф5 или ктрл+Р, неважно), значение поля НЕ возвращается в первоначальное, заданное переменной. На данный момент н…

    Asked by Coder_D,

    0 votes
    2 answers

  17. 3 колонки % const %

    Здравствуйте! Подскажет, пожалуйста, как можно получить такую резиновую верстку: 3 колонки % const % например так не работает, поскольку left-block и right-block блоки набегают на central-block-const при масштабировании браузера body { margin: 0px; padding: 0px; background-color: #f0f0f0; } #main { border: 1px solid #f00; width:100; padding:0px; margin:0px; position:relative; overflow:hidden; } #central-block-const { border: 1px solid #ff0; width:100px; margin: 0px auto; } #left-block { border: 1px solid #ff0; width: 40%; position:absolute; top:0px; left:0px; margin:0px; padding: 5px; } #right-block { border: 1px solid #ff0; width: 40%; position:absolute; top:0px; …

    Asked by акрил,

    0 votes
    1 answer

  18. Помогите с версткой

    народ помогите советом. не могу решение найти, потому что даже не знаю как сформулировать проблему. не сохраняются изменения в css файлах. Пишет This file has been modified by another program Когда нажимаю "проинспектировать страницу " в опере или в хроме то вместо нормальных файлов (style.css или template.css) мне предлагаются вот такой файл 3ee76bd7b2de32d1ae03139124316705. css (причем для любого элемента и страницы) , который лежит в папке cache До недавнего времени все нормально было. Почему все изменения предлагаются через КЕШ файл? Подскажите кто сталкивался пожалуйста. К сожалению пока на локалке, не могу предоставить сайт. использую joomla 1.5 + virtuemart 1.1.9 …

    Asked by eralef,

    0 votes
    2 answers

  19. Центрирование изображения

    Прощу помощи) Вопрос: Как центрировать картинку по вертикали в диве(который float) с заданной высотой. Есть какие нибудь более элегантные способы чем задание подсчитанного паддинга? Должно работать в ie6.

    Asked by fragilewelldone,

    0 votes
    4 answers

  20. фон для div

    Пытаюсь задать фоновое изображение для шапки через css. Перепробовал массу вариантов, не пойму что не так. Сейчас код выглядит так: HTML <div id="container"> <div id="header"> </div> </div> CSS body { background-color: #fff; font:11px Verdana; } #container { margin: 0 auto; height: auto; min-height: 100%; width: 1260px; position: absolute; } #header { height: 628px; width: 1260px; background: url(..\images\home.jpg) no-repeat; position: relative; }

    Asked by chestr,

    0 votes
    3 answers

  21. высота в процентах

    Всем привет. Как сделать высоту на 100% экрана? Этот код устанавливает только ширину: http://jsfiddle.net/vdVT8/ Заранее благодарен

    Asked by B00sT,

    0 votes
    2 answers

  22. Как создать список в виде... (см. в сообщ.)?

    Всем доброй ночи/дня/вечера и хорошего настроения. Помогите, пожалуйста(!), состряпать список в виде (не мАгу отыскать): 1. ссылка 1.1 ссылка 1.2 ссылка 1.3 ссылка 2. ссылка 2.1 ссылка 2.2 ссылка 3. ссылка 3.1 ссылка ну и т.д.

    Asked by copyright,

    0 votes
    10 answers

  23. Помощь по css

    Скажите, пожалуйста, где можно почитать про css? Мне интересно не про css в целом, а именно про случаи типа этих: div.func:hover ~ img {...} div.func:hover > a {...} Я даже не знаю, как их назвать при поиске в гугле, поэтому обращаюсь к вам. Для чего в подобных случаях используется тильда и закрывающая острая скобка "больше"?

    Asked by gurylyov,

    0 votes
    6 answers

  24. Помощь по CSS

    Я учусь CSS. Так что сильно не ругать. Указал код вверху. Вопрос следующий. На сайте будет 4 блока, которые должны находиться по середине экрана на любом браузере и в любом разширение. Собственно в чем я допустил ошибку. Мне приходиться на глаз каждый блок выравнить в центр ;( Что родителя, что детей. Вот картинка www.ven000mus.ucoz.ru/1.png

    Asked by ven000mus,

    0 votes
    18 answers

  25. дергает всплывающее окно при попытке его сдвинуть

    http://www.174help.ru/ в Google Chrome при открытии всплывающего окна и попытке сдвинуть его, окошко резко выдергивает влево. В чем может быть дело?

    Asked by laird,

    0 votes
    1 answer

  • Обсуждения

    • 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