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. Ошибка в Url страниц

    Прошу помощи в одной крайне не понятной ситуации. Сайт работает давно, но примерно неделю назад возникла ошибка которая привела к значительным потерям позиций в Яндексе. Вместо страниц которые были раньше, например http://kuhni-mebel-spb.ru/l_chem_horosha_kuhnazakaz.htm откуда-то нарисовались страницы вида _http://kuhni-mebel-spb.ru/l_chem_horosha_kuhnazakaz.htm/pravila.htm таких штуки 4. по сути получается что она дублирует нужную страницу но без картинок и с ужасной версткой. По идее такого URL вообще не должно быть, но он откуда-то возник: сайт/страница нужная.htm/страница другая (какая "страница другая" - тоже не известно, логики нет. Но контент со "страницы нуж…

    Asked by Tolsty,

    0 votes
    12 answers

  2. Div не хочет растягиваться по высоте

    Код примерно такой: <div class="wrapper"> <div class="content"> <div class="post-1"> </div> <div class="post-2"> </div> <div class="post-3"> </div> </div><!-- END content --> <div class="sidebar"> </div> </div><!-- END wrapper --> .wrapper никак не хочет растягиваться по высоте. Пробовал прописывать height:100%; min-height:100%; height: auto; но ничего не помогает. Что делать?

    Asked by SEObomj,

    0 votes
    12 answers

  3. Размещение флэш в html верстке

    Надо разместить флэшку как элемент html-дизайна сайта. Сделал так: <body> <div id="contanier" <div id="contanier" style="position:absolute;"> <div style="position: absolute; z-index:10; left:205px; top:100px"> <object width="250" height="84"> <param name="wmode" value="opaque"> <embed wmode="transparent" src="http://as-billiard.ucoz.ru/Flash/Ban1.swf" width="500" height="300"> </embed> </object> </div> <div style="position: relative; z-index:9; left:0px; top:0px"></div> Но при этом дизайн перестал центроваться. Как правильно разместить флэш в html дизайне чтобы не сбить центровку? Спасибо.

    Asked by fox7812,

    0 votes
    12 answers

  4. ширина Input внутри div

    Добрый день подскажите как мне "уложить" input в div так чтоб не появилась полоса прокрутки у внешнего контейнера <div style="width: 100px; overflow: auto;"> <div style="padding:2px; width:100%; background-color:red;"> <input type="text" style="width:100%" /> </div> </div> в данном случае мешает border у input который не берется в расчет при ширине в 100% Доктайп <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Спасибо!

    Asked by jetli13,

    0 votes
    12 answers

  5. <a><div></div></a>

    http://rk.bmstu.ru/nii/ шапка описана следующим образом <a href="/nii/" title="Главная страница"> <div class="head"> <div class="head_img"></div> <div class="right_div_1"></div> <div class="right_div_2"></div> <div class="right_div_3"></div> </div> </a> где .head{margin-top:17px;} .head_img{width:1000px; height:204px; background:url('img/head.jpg') no-repeat; float:left;} .right_div_1{height:52px; background:#d6d6d6; margin-left:1000px;} .right_div_2{height:38px; background:#f6f6f6; margin-left:1000px;} .right_div_3{height:114px; background:#d6d6d6; margin-left:1000px;…

    Asked by CEBEP,

    0 votes
    12 answers

  6. background-positioin в разных браузерах..

    Добавлено: Чт Сен 23, 2010 18:29 Заголовок сообщения: background-position в разных броузерах - помогите! В блочной верстке новичек. Идея такова: сделать фон снизу страницы (body) снизу. код: body { background-position: center bottom; background-repeat: no-repeat; background-color: black; background-image: url('images/bot.jpg'); } однако реально снизу страницы он появляется только в Internet Explorer. В чем может быть проблема? адрес странички http://myescortservice.co.uk/ Огромное спасибо всем кто сможет помочь, парюсь целый день.

    Asked by b1ow,

    0 votes
    12 answers

  7. Opera произвольно меняет картинки. Почему бы?

    Столкнулся с проблемой - виндовая опера меняет картинки на странице случайным образом... в других браузерах все в порядке, в линуксовой опере все хороше и в маковой. Проблема только в опере и только в винде. Версии оперы разные... начиная с 8.х... Валидатор показывает что все в порядке, по крайней мере на главной странице, остальные чистить буду позже... вот http://validator.w3.org/check?uri=http%3A%...ine&group=0 Сама страница: http://wless.ru/ Интересно что опера так глючит не на всех сайтах... копался в исходниках но не нашел взаимосвязи... Подскажите, сталкивались ли вы с таким и как эту проблему решить?

    Asked by APL,

    0 votes
    12 answers

  8. Неполная обводка ячейки

    В html я полный чайник. Возник такой вопрос: как сделать "неполную" обводку ячейки в таблице. Мне нужно чтобы "основа" ячейки №2 была без линии, а то получается что линия с таблицы №1 и линия с ячейки №2 склеились и как бы 2 пикселя.

    Asked by edwinkkc,

    0 votes
    12 answers

  9. Макет сайта

    Вот есть макет сайта.Меня интересует вопрос по центральной части.Там где новости с комментами,датой.Как её можно сверстать чтобы получилось все правильно.Я уже сверстал верх и эту центральную часть начал.Вот только не пойму как сверстать так чтобы текст и дата, комменты были на одном уровне и самое главное там под каждой новостью идет линия,как сверстать так чтобы линия была и там где дата с комментами и там где новость.Короче я так понял должен получиться один блок.Но в макете получается что слои то разные и что то не получается совместить на один уровень дату с комментами и линия подчеркивающую всю новость.Подскажите пожалуйста просто на словах можно, а дальше я cам раз…

    Asked by AndreyGSPB,

    0 votes
    12 answers

  10. IE6. jScrollPane ломает работу DD_belatedPNG.fix

    Привет всем. Есть такая вот страничка: http://yamble.ru/projects/zewa/production.html Очень важно было клиенту заменить системный скролл на кастомный, хорошо. Но сейчас появилась проблема везде, где есть скролл, если там есть любая PNG картинка то в IE6 она становится просто с белым фоном, не прозрачная, хотя скрипт DD_belatedPNG.fix у меня подключен и прописаны условия, я проверял, отключив jScrollPane.js — PNG становится прозрачным.. Вряд ли кто сталкивался с подобной проблемой.. но может есть какие-нибудь идеи, как можно пофиксить эту багу. Заранее спасибо.

    Asked by Sotnikov,

    0 votes
    12 answers

  11. Как убрать смещение фона нажатой кнопки в ИЕ?

    Есть кнопочка <input type="button" id="up"> Есть соответствующий стиль: input#up { width: 30px; height: 20px; background: url(++resource++images/arrow_up.png) no-repeat scroll center center transparent; border: none; } input#up:active { background: url(++resource++images/arrow_up_pushed.png) no-repeat scroll center center transparent; } Везде кроме IE работает нормально. В IE же фон кнопки при нажатии смещается. Как это убрать?

    Asked by LightOfMooN,

    0 votes
    12 answers

  12. Тень от слоя с обеих сторон.

    Здравствуйте. Может кто-нибудь подскажет, как сделать так, чтобы от див блока фиксированной ширины, который расположен по центру, тень падала в обе стороны? В одну то сторону она без проблем "роняется" с помощью -webkit-box-shadow: black 3px 3px 4px; вот такой строчки в CSS свойствах слоя. Но это получается только с правой стороны, а мне нужна тень ещё и слева. Как тут: kinopisk.ru, http://robertnyman.com/

    Asked by Dezmont,

    0 votes
    12 answers

  13. Скрытый текст

    У меня есть юкозный сайт: http://megaluch.at.ua/. Я хочу сделать так, чтобы после клика по рекламе в поле "реклама", высвечивался ниже любой мой текст. Не работает тот сайт уже=( Заранее спасибо!

    Asked by Contego,

    0 votes
    12 answers

  14. Проблема с отображением картинки

    Добрый день. Возник такой вопрос, если в internet explorer нет картинки, но существует тег img, то на его месте появляется квадратик с крестом, в opere квадратик с надписью "изображение". Как это убрать, в mozille ничего такого нет все это дело там скрыто, как добится такого же в IE и Opera?

    Asked by Aleksrip,

    0 votes
    12 answers

  15. фоновый градиент svg в safari

    Странность в том, что в safari фоновый svg в некоторых случаях располагается исключительно под текстом, а не на весь объект. При этом в Хроме такой особенности не замечено. Более того, особая странность в том, что один и тот же код различно себя ведёт на домашем сервере и на хостинге. Дома проблемы нет, на хостинге есть. Пример здесь, заголовки в середине контента. В чём дело — не пойму. собственно, как быть, чтобы фон растягивался на весь элемент? background-repeat и background-size уже опробованы.

    Asked by swetlana,

    0 votes
    12 answers

  16. Выделение строки таблицы картинкой

    Добрый день Уже вторые сутки сижу, пытаюсь отыскать подходящий мне скрипт. Задача стоит следующей: Нужно двухуровневое вертикально меню, строки которого при наведении курсора будут выделять заданной картинкой на полную длину Один из наиболее подходящих вариантов нашел на данной странице: http://www.html-books.net/js/menu/11.php Но: в ие и опере длина строчки отображается как заданная, в фф - обрамляет текст Попробовал подобрать другие решения - вышел на эту же проблему. Вот простейший аналогичный отрезок кода: #navlink {background: #FFFFFF; color:#777777; width: 183px; height: 100%; } #navlink:hover {width:183px; background-image:url('string.png'); color:white; text-dec…

    Asked by Provodnik,

    0 votes
    12 answers

  17. Вертикальное выравнивание

    Добрый день! Никак не могу справиться с вертикальным выравниванием. Есть меню из дивов в списке. В дивах как картинки, так и текст. Одно из картинок выше других. У меня выравнивается по верхней границе, а нужно по нижней. HTML <div id="header_img"> <ul id="categories_img"> <li><a href="#"><div><img src="../About_l.png" width="175" height="100" /></div>Contacts</a></li> <li><a href="#"><div><img src="../Cable_pic.png" width="350" height="200" /></div>Cable</a></li> <li><a href="#"><div><img src="../Sound_pic_l.png" width="175" height="100" /></…

    Asked by Ngels,

    0 votes
    12 answers

  18. Не работает выравнивание по центру в IE8

    Не работает выравнивание по центру в IE8 сайт http://wowzoloto.ru/ #PageWrapper { margin:0 auto; padding:25px 0 0; width:990px; }

    Asked by alex252003,

    0 votes
    12 answers

  19. Граница

    LunatiK Границу поставил,увидел,сделал в html нужный отступ,но ничего не произошло(Только граница изменила положение)

    Asked by Pomeo,

    0 votes
    12 answers

  20. Двух колоночный макет на таблицах

    Здравствуйте, я начинаю изучать верстку, решил сделать двух колоночный макет на таблицах и не могу понять… Хотел делать как на первом варианте, но просмотрел один из видеоуроков и там делалось как на втором, т.е. вкладывалась еще одна таблица. И теперь я не могу понять какой вариант верный и зачем он (автор урока) вложил еще оду таблицу. Помогите пожалуйста, или может Вы знаете где есть объяснения по моему вопросу, заранее спасибо.

    Asked by Dallass,

    0 votes
    12 answers

  21. Как красиво записать свойство селектора

    вот код #head {width: 902px; height: 131px; margin: 0 auto; border-left: 1px solid #979c98; border-right: 1px solid #979c98; background: #d9e2da как сократить

    Asked by barman,

    0 votes
    12 answers

  22. Проверка кроссбраузерности.

    Решил заняться версткой более менее профессионально, а не на уровне подправить что-то или сверстать простенькую страничку. Сразу же возник вопрос - как организовать проверку в разных браузерах? Например такое требование к макету: FireFox 2+, Opera 9.0+, Safari, Chrome, IE 6.0+ 1) Какие версии браузеров ставить? Все? Но тогда проверка во всех займет достаточно продолжительное время, так как одних опер больше 30 выйдет. 2) Что делать с IE6? Ставить его одного на виртуалку? 3) Различается ли отображение в разных ОС у одного и того же браузера? 4) Можно ли это как нибудь автоматизировать? Что то типо http://www.lunascape.tv/ но только с выбором нужного браузера, как в IEte…

    Asked by Nagibator,

    0 votes
    12 answers

  23. Как сделать такое?

    как сделать двойную рамку для <input>? Как сделать 2 рамки разных цветов для input? Например цвет внутри input серый, затем рамка 1px чёрная, и ещё одна рамка, поверх, 1px красная? Нужно чтобы работало во всех браузерах. И без отступов между рамками, то есть чтобы одна накладывалась на другую вплотную.

    Asked by enjoy_inc,

    0 votes
    12 answers

  24. gif & png вместе

    Вот что я имею... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>***</title> <meta name="description" content="***"> <link rel="icon" href="icon.jpg"> <link rel="stylesheet" type="text/css" href="index.css"> </head> <body> <div id="background"><a class="H333"></a></div> <div id="center"><H7><H30> *** </H30></H7></div> <a class="***" href="***.html" title="***"></a> <a class="***" href="***.html" title="***"></a> <a class="***" h…

    Asked by tolya100595,

    0 votes
    12 answers

  25. Еще один нубский вопрос!

    Снова привет! У меня возник еще один глупый вопрос, опять таки извиняюсь... Вот картинка на которой думаю все ясно чего я хочу... http://imglink.ru/show-image.php?id=c254dc...3e8745f4e8f747b А вот main.tpl: <!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> {headers} <style type="text/css" media="all"> @import url({THEME}/css/style.css); </style> <style type="text/css" media="all"> @import url({THEME}/css/engine.css); <link rel="shortcut icon" href="{THEME}/images/favicon.ico" /> </style> </head> &…

    Asked by Lumen,

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