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. В IE7 блок с динамической шириной, выровненный по центру,

    Нужно сделать блок с динамической шириной, выровненный по центру, который не растягивался бы на всю доступную ширину, потому что у этого блока есть бекграунд (уголки и фон). Блок расширяется вложенным контентом, а именно - горизонтальным меню. Сделал так, работает везде кроме ишаков от семерки и ниже: CSS: #wrapper{ text-align:center; } #menu{ display:inline-block; background:url(../images/menubg.png) repeat-x; } #menuleftcorner{ background:url(../images/menuleftcorner.png) no-repeat left; } #menurightcorner{ background:url(../images/menurightcorner.png) no-repeat right; } HTML <div id="wrapper"> <div id="menu"> <div id="menuleftcorner"> <div id=…

    Asked by Squidward,

    0 votes
    0 answers

  2. в ie7 вёрстка немного разъехалась

    Вот так шапка сайта выглядит в файрфоксе и примерно так же в других браузерах: А вот так в ie7: Сабмит-кнопка от поиска съехала чёрт знает куда вправо и ниже и два divа как и не было. Вот код: Буду благодарен за помощь в решении бага.

    Asked by adelante,

    0 votes
    2 answers

  3. в IE7 не устанавливается курсор в текстовом поле

    Помогите плиз!!! не могу понять в чем дело. есть текстовое поле, в выкидыше мелкософта версии 7 курсор в нем устанавливается только при щелчке мыши на тексте (значении атрибута value). Код: <div id="search"> <input type="submit" id="search_submit" value=""> <input type="text" id="search_text" value="Что ищем?" onblur="valu('#search_text', 'Что ищем?')"> </div> Стили: #search {width: auto; height: 92px; padding: 0px 131px 0px 24px; overflow: visible;} #search_text {width: 100%; height: 22px; border: 1px solid black; position: relative; left: 0px; top: 3px; line-height: 22px; font-size: 12px; color: #000; padding-left: 13px;} #search_submit {w…

    Asked by Vlad_P,

    0 votes
    5 answers

  4. в IE7 основной контент заходит за боковую колонку

    в IE7 основной контент (тизеры: float: left) заходит за правую колонку, хотя, прописывая float: right; он таким же макаром залезает и под левую. Замечено только в IE7 и только в одном случае, где я сгруппировываю тизеры вот таким образом: .node_hand_made .teaser { text-align: center; float: left; width: 220px; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; background: url(images/hand_made_shopwindow.gif) center bottom no-repeat; } как в IE7 как должно быть спасибо!

    Asked by SlavviR,

    0 votes
    1 answer

  5. в IE7 пропадают объекты, интересный случай

    Верстка выполнена на XHTML. <!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"> Во всех браузерах все ровно и красиво. Кроме IE7, в нем пропадает часть объектов. Смотрим сравнение... На изображении обычный блок <div>, внтури которого <form>, а в нем идет таблица <table> с двумя столбиками и тремя строчками. И не понятно почему содержимое второго столбика пропадает в IE7. Самое интересное, что если убрать DOCTYPE выводится нормально все, но естественно все расползается. Стили нигде не перекрываются, фаербагом проверял все несколь…

    Asked by safiullin.at,

    0 votes
    3 answers

  6. В IE7 странная проблема

    Всем доброго дня, впервые столкнулся сегодня с такой проблемой верстка на дивах, вот такая ситуация <div id="content"> #content { width: 760px; margin: 10px auto; } все содержимое внутри этого дива, он является контейнером. Странная ситуация - в ФФ и других браузерах все ок, див как ему и положено располагается по центру, в осле этот див прилип к левому краю и отступает от него только если задать значение margin-left: ( любое кроме auto).. но так ведь быть не должно? перепробовал все, не помагает вот урл http://natali.rbwest.ru Если кто знает, помогите советом пожалста ( п.с. сайт совсем сырой, на оформление внимания не обращайте)

    Asked by volonter,

    0 votes
    3 answers

  7. в ie7 футер нормальный, в w3c-браузерах последний див в футере уезжает вниз

    Помогите, пожалуйста. Верстаю страницу. В футере есть две строчки, одна над другой. Я их сделал дивами определённой высоты (их общая ширина такая, что не превышает высоту футера). Во всех браузерах что-то не так. Только в ie7 строчки не уезжают за границы футера. В остальных есть смещение вниз дива #copyright. Если ставлю line-height:0, то во всех браузерах исправляется, а в ie7 текст пропадает. Что здесь не так? С помощью Firebug-а в fitefox попробовал поотключать свойства у дива #copyright, так если у него убрать ширину, то всё исправляется <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &l…

    Asked by clavin,

    0 votes
    11 answers

  8. В IE8 "плывут" сайты - глючит верстка

    Сегодня первый раз посмотел свои сайты через IE8 и ужаснулся. (до того момента смотрел только в IE6-7, опере, хроме, фаирфоксе, где все ок было). Так как знания в верстке у меня поверхностны, то спрошу здесь Вот навскидку две проблемы: 1. Оказалось, что использование тега <li> в контенте отбрасывает сайдбар кудато далеко влево-вниз. Непойму в чем проблема, убираю li - все ок, добавляю - перекос. Для li цсс не прописан, т.е. по умолчанию. Для дивов стандартая верстка #wrap {margin:0 auto; text-align:left; width:840px;} #content{ float:left; padding:12px; width:580px; text-align:justify;} #sidebar{ float:right; padding-top:22px; width:220px;} 2. Если просто накида…

    Asked by m0ntag,

    0 votes
    5 answers

  9. В ie8 вылазит горизонтальная прокрутка

    Брал за основу инфо с статьи http://www.zakharov.ms/footer/ и позиционирование. #page-all { left: 50%; margin: 0 0 -160px -485px; min-height: 100%; position: relative; width: 970px; } * html #page-all { height: 100%; } #page-empty { clear: both; height: 160px; } #page-footer { height: 160px; left: 50%; margin: 0 0 0 -485px; position: relative; width: 970px; } В ie8 вылазит горизонтальная прокрутка. Помогите, пожалуйста. Заранее благодарен.

    Asked by Mr.Smith,

    0 votes
    4 answers

  10. в ie8 не видет картинку

    добрый день проблема у меня такая никак не магу понять в ie10 ie9 паказывает картинку а в ie8 невидет картинки http://sait-ru.1gb.ru/

    Asked by pitbuli,

    0 votes
    0 answers

  11. В IE8 страница улезает влево

    В верстке не сильна, только начинаю изучать, так что сильно не пинайте Верстаю страницу и все вроде бы нормально, вот только в IE8 страница уехала влево, хотя должна быть посередине (ширина 900px). margin: 0px auto; не помогает Как справиться?

    Asked by klara7,

    0 votes
    5 answers

  12. В ie9 не работает border-radius после применения градиента ?

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#434343', GradientType=0 ); /* IE6-9 */ после этой строчки перестает работать border-radius ? если залить простым фоном без градиента то все нормально, как я понял background: -ms-linear-gradient(top, #848484, #434343); работает только в ie10, можно ли как нибуть заставить работать градиент с border-radius ??

    Asked by ilyas,

    0 votes
    17 answers

  13. в iе7 главная страница уходит влево

    Я опять беспокою общественность по поводу нашего сайта http://www.hram.vavtovo.ru. Снова проверял во всех браузерах, и заметел, что в ie главная страница уходит влево, а все остальные стоят как положено. css на всех остальных страницах написаны как раз на основе главной (style.css). Все проверил, не могу понять, в чем дело?

    Asked by uncleChalex,

    0 votes
    3 answers

  14. В max-width не работает padding

    Здравствуйте, я новичок в сайтостроении и у меня возникла одна проблема при адаптации страницы, она состоит в том ,что в max-width ,при заданной ширине, не хочет работать изменение отступов (padding и margin), хотя flex-direction: column; работает. Жуткое ощущение глупой ошибки ,которую не могу найти. Заранее спасибо за помощь. Ниже HTML и CSS код: <header> <div class="header"> <div class="wrap"> <div class="logo header_left"> <a href="#"> <img src="images/logo.png" alt="Логотип"> </a> …

    Asked by Masya,

    0 votes
    0 answers

  15. В Mozilla cлои перескакивают, в IE - нет

    Привет! Есть небольшие непонятки относительно поведения двух слоев в контейнере при использовании min-width: в IE слои слушаются этот min-width и не перескакивают друг под друга, а в Mozilla - перескакивают... Это почему происходит и как это вылечить. Код дивов: <div id="menu_niz"> <div id="menu_niz_left"></div> <div id="menu_niz_right"></div> </div> CSS: #menu_niz { position:absolute; width:100%; height:47px; top:100%; left: 0; margin-top: -92px; z-index:4; color: #FFFFFF; font-family: Tahoma, Verdana, Arial; font-size:14px; font-weight:bold; min-width: 965px; } #menu_niz_left { float:left; margin: 15px 0 0 5px; co…

    Asked by styleroom,

    0 votes
    6 answers

  16. в Mozilla Firefox появляется лишняя горизонтальная полоса прокрутки

    Здравствуйте! Пожалуйста, помогите решить проблему: на html-странице в Mozilla Firefox появляется лишняя горизонтальная полоса прокрутки, которой и быть не должно. В Opera загружается все нормально и этой лишней горизонтальной полосы нет. Собственно, нужно избавиться от этой горизонтальной полосы прокрутки. Вот та страница: http://mafia2resurs.narod.ru/new_design1.html

    Asked by call007,

    0 votes
    10 answers

  17. В Mozilla не подключаются стили

    Подскажите, в чем может быть баг. В Мазиле не подгружаются стили. Причем бэкграунд для body подгрузился, а все остальное нет. В опере и ie все отлично! 2 года уже верстаю а с таким не сталкивался... Спасибо!

    Asked by webmolot,

    0 votes
    3 answers

  18. в Nvu редакторе не опубликовать изменения

    в Nvu редакторе не опубликовать изменения, может нету доступа к сайту, как узнать?

    Asked by loh,

    0 votes
    17 answers

  19. В Opera едет верстка

    http://195.222.84.234/ Там, конечно, костыль на костыле, но может кто-нибудь может подсказать, где та ошибка из-за который в опере все плывет?

    Asked by Sevkov,

    0 votes
    2 answers

  20. В Opera и IE не работают ссылки и кнопки

    Сайт открывается во всех браузерах, но в IE и Opera вся страница становится не кликабельной. Не могу понять в чем дело, раньше все работало. Вот css @charset "windows-1251"; /* CSS Document */ .main_border {border:0px solid #000000;} p {font-family:Verdana; font-size:12px; margin:15px;} .left {border-right:0px solid #424242;padding:0px 0px 0px 15px;} a:link{ color: #C03;text-decoration: none;} a:active{ color: #C03;text-decoration: none;} a:visited{ color: #C03;text-decoration: none;} a:hover{ color: #C03; text-decoration: underline;} p.title { color: black; font-weight:bold; margin:5px; padding:5px; } .glossymenu{ position: relative; padding: 0 0 0 34px; margin: 0 auto …

    Asked by robertmk13,

    0 votes
    1 answer

  21. в opera и mozilla DIVы перескакивают на строку

    в IE7 все нормально картинка "домик" расоплагается слева от меню в опере и в моизле меню перескакивает на следующую строку как исправить? td.menu { width: 100%; background-image: url(images/menu_background.jpg); white-space: nowrap; } div.house { float: left; height: 22px; background-color: #3b73b9; background-image: url(images/house2.gif); } div.menu { float: left; background-color: #e6e6e6; vertical-align: top; } div.menu a{ font-family: Tahoma; font-size: x-small; color: #717171; text-decoration:none; } <td colspan="4" align="center" valign="top" class="menu"> <div class="house"></div><div class="menu"><TABLE Width=…

    Asked by Electra,

    0 votes
    4 answers

  22. В Opera пропал звук на страницах

    Искал по всему инету, не нашёл - может, тут кто знает... Слетела винда XP. Поставил всё заново. Всё заработало как обычно, кроме одной неприятности: в Опере пропал звук. T.е. SWF/FLV играют со звуком, и MIDI тоже играет - не играют только фоновые mp3, внедрённые на страницы через EMBED. Все нужные галочки в настройках Оперы включены. А в IE всё играет.

    Asked by Pinguin,

    0 votes
    1 answer

  23. В Opere заблокированы все поля ввода

    Здравствуйте! Тема такая: Opera блокирует набор абсолютно во всех полях ввода на сайте. Т.е., Поиск, Комментарии, Форма Связи, Подписка - не функционируют. Текст, просто, не набирается. При этом, во всех других браузерах - сайт работает в штатном режиме. В чем может быть проблема? Как ее решить? P.S. Настройки браузера выставлены по умолчанию. Заранее благодарю за ответ!

    Asked by Santorin,

    0 votes
    9 answers

  24. В браузере Safari возникает проблема с участком сайта

    Есть сайт в html Только в браузере Safari возникает проблема - не отображается встроенный код формы заполнения контактов. Хотелось бы понять в чём проблема и как она решается. HTML : <script type="text/javascript" src="http://form.jotformeu.com/jsform/43288390138359"></script>

    Asked by Orhydeya,

    0 votes
    1 answer

  25. В бутстрап-форме делаю отступы в 2 колонки слева и справа

    Всем привет, В бутстрап-форме делаю отступы в 2 колонки слева и справа с помощью col-sm-offset-2 и .col-xs-offset-right-2 и в стилях определив: .col-xs-offset-right-2 { margin-right: 16.66666667%; } Внизу формы группа кнопок выравненные вправо и возник вопрос а как сделать отступ справа в 2 колонки col-sm-offset-right-2 в этом случае не помогает https://jsfiddle.net/e214b0ab/18/ Выложив на фиддл, увидел, что он для колонок отступы справа не отображает хотя у меня и chrome и ff отступы справа отображаются нормально http://i.imgur.com/HdVXxvk.png Спасибо !

    Asked by mstdmstd,

    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