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. Хочу создать сайт студии Монолит

    Хочу создать сайт студии Монолит на бесплатном хостинге UCOZ. http://www.monolit-record.ucoz.ru/ Надо на основе другого сайта сделать страницы. И каталоги. http://www.soyuz-record.ru/ А я только начинаю этим заниматься. Меня все посылают сюда. Помогите мне, пожалуйста! Вот я скопировал коды главной страницы. Как бы мне её переписать для моего сайта? И как каталоги создавать? <!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"> <title>СОЮЗ - Сборник популярной музыки</title> <meta name='yandex-verification' content='796b4c2f78abd358…

    Asked by Smirnoffremastering,

    0 votes
    5 answers

  2. Проблемы с footer и menu

    В общем несколько траблов. 1. Сделали footer. Он не должен быть всегда к низу. Футер зависит от кол-ва текста. Но вот почему-то получается так, что внизу футера появляется линия странная и мешает нормальной заливки 2. Меню. Меню должно быть резиновым. 50% от ширины экрана. Как это сделать? 3. Footer должен идти повторяющейся волной. В общем сам сайт: http://psywalker.ru/SAITS/Lotos/main-page.html И макет сайта: www.w3u.ru/000.jpg p.s. линия под футером появляется только на больших экранах

    Asked by Вадим,

    0 votes
    84 answers

  3. Размещение картинки внутри div

    Здравствуйте! Такая проблема возникла. Есть div, у которого указано display: block;. Внутри него хочется разместить текст и картинку - просто чтобы они нормально выглядели, и текст облегал картинку. Для этого указываю у картинки align=left (или right), текст начинает облегать картинку, всё отлично - но только пока текста достаточно много. Если же текста мало, то div не раздвигается, и картинка вылезает за его пределы: http://problems.ru/view_by_author.php?author=480 Если же align=right не указать, то текст перестает облегать картинку, и возникают гигантские дыры. Можно ли поймать одновременно двух зайцев: чтобы при маленьком тексте div раздвигался до размера картинки, а п…

    Asked by Spartach,

    0 votes
    8 answers

  4. Нужны шаблоны.psd

    Если у кого нить завалялись шаблончики старенькие!! Попрактиковаться прошу скинуть их на xepb@rambler.ru! А то нигде найти нормальных шаблонов psdшных!! Выкладываешь сверстанный шаблон а тебе говорят нашел на чем практиковаться! Оченб обидно и грустно на душе становится!! А так хочется совершеннствоваться!! Заранее благодарен!

    Asked by Jef,

    0 votes
    7 answers

  5. Шапка из 3 картинок + Беграунд

    Добрый день, Уважаемые Гуру! Есть такой вопрос, как сделать на дивах следующее. Есть 3 картинки которые находятся в шапке сайта: Left.gif, center.gif, right.gif Надо чтобы центральная картинка была на месте по центру страници а левая и правая при изменении размера прятались или появлялись. Уже парюсь 3 дня все мысли кончились

    Asked by murzik123,

    0 votes
    21 answers

  6. Не помогает cellpadding

    В таблице текст налипает на рамку, указываю параметр cellpadding="10", чтоб было точно видно, что он работает или нет. И никакого результата не происходит вообще в люобм браузере. Посоветуйте пожалуйста, мож чё не так делаю? <table border="1" cellpadding="10" align="left" width="530"> <tr> <td width="72" valign="top"><p align="center"><strong>1 день</strong></p></td>.....

    Asked by artpol,

    0 votes
    8 answers

  7. Многоуровневый раскрывающийся список

    В общем учусь. Нашел на фрилансе, в заказе на верстку PSDшники. Скачал потренироваться. Главную страницу как бы сверстал, не считая меню. Сейчас с ним и разбираюсь. Верхнее горизонтальное меню с выпадающими списками сделал, в общем без особых проблем. А вот левое меню трехуровневое, причем последний уровень позиционирован отдельно (за пределами первых двух уровней). http://s41.radikal.ru/i093/0909/79/be266845ed42.jpg Я сделал меню, грубо говоря, такого вида: <ul> <li> <ul> <li> <ul><li></li></ul> </li> </ul> </li> </ul> И сегодня весь день пытался средствами css вытащить последний вложенный список, и…

    Asked by Psyh,

    0 votes
    4 answers

  8. центрирование div

    Здравствуйте! Как можно отцентровать div, если его ширина заранее неизвестна. Т.е. есть такой вот html-код: <div id="header"> <div class="menu_container"> <ul class="menu"> <li class="menu_item">пункт 1</li> <li class="menu_item">пункт 2</li> <li class="menu_item">пункт 3</li> </ul> </div> </div> Пункты меню выводятся динамически, т.е. сколько их будет заранее неизвестно. Что прописать в css для header и menu_container, чтобы этот самый menu_container центрировался такой css не помогает: #header { text-align: center; } .menu_container { margin: 0 auto; }

    Asked by theo_,

    0 votes
    12 answers

  9. Ссылки

    Всем привет, народ подскажите в чем проблема, я только учусь верстать, поэтому наверно своих ошибок не вижу Вот страница!, файл стилей style.css в той же папке probnik. Так вот на странице есть ссылка в главном тексте, ее легко найти, она одна, что с ней происходит не пойму, она унаследовала стили из хедера, а именно стиль активной ссылки и стиль списка li, но в файле стилей четко прописано что #header a, я так понимаю все ссылки с идентификатором header. А тут такое. Плюс ко всему даже если присваиваешь контенту идентификатор и прописываешь в нем все состояния ссылки #content a как у меня в файле сделано с хедером, опять же все сбивается, пробую для каждого значения сс…

    Asked by RUSA,

    0 votes
    2 answers

  10. как это сделать?

    Доброго времени суток! У меня возник вопрос: каким скриптом осуществляется переезд фона ссылки по соседним ссылкам (как тут - иконки слева). Пробовал погуглить, перебрал десятка два различно сформированных запросов, но так и не нашел ответа.. мб кто знает? подскажите.. заранее спасиба)

    Asked by mozart,

    0 votes
    5 answers

  11. В разных браузерах по разному?

    есть макет который верстаю http://www.qb-studio.jino.ru/ Там где нойтбук не сходится кортинку (div), нормально только в firefox + меню справа вверху в ie 6-7 тоже прыгает вниз. Кто знает в чем проблема?

    Asked by qb-studio,

    0 votes
    0 answers

  12. в ie 7 не отображаются маркеры у списков

    в мозилле в опере и в IE6 маркеры у списка отображаются нормально, но IE7 не хочет их показывать, и ещеочень странно это все происходит, я отрываю страницу маркеры появляются на миг и исчезают вот css код #list3 { width: 136px; height: 100px; position: relative; float: left; font-size: 12px; font-family:Verdana, Geneva, sans-serif; font-weight: bold; padding-left: 1em; margin-left: 1em; margin-top: 5px; list-style-image: url(img/bullet.gif); list-style-position: outside; } li { margin-bottom: 3px; } a.li { text-decoration:none; }

    Asked by Frie,

    0 votes
    2 answers

  13. <ul> <li>

    нужно сделать типа такой контент проблема заключается в том что не получается добавить разделители (черные линии) между блоками, так в теге li присутствует уже фон (синий). прописывая background в общем теге li ни к чему не приводит. li { float: left; width: 220px; display: block; margin-right:30px; } li.01{ background: url(image.jpg) no-repeat 0px 0px; } li.02{ background: url(image.jpg) no-repeat 0px 0px; } li.03{ background: url(image.jpg) no-repeat 0px 0px; } li.04{ background: url(image.jpg) no-repeat 0px 0px; } <ul> <li class="01"> <h1 class="">01</h1> <p class="">Lorem ipsum dolor sit amet, consectetur adipiscing e…

    Asked by termoplus,

    0 votes
    5 answers

  14. сайт с кодировкой utf8 (и файлы utf8) загружаю на сервер и тот выдает кракозябры

    В общем проблема давно уже меня эта мучает. В свое время пользовался разными ftp-менеджерами и уже реально запарился. Когда сайт делаю на utf-8 и сам блокнот сохраняю в utf-8 все работает шикарно на локальном хосте. Как только выкладываю в сеть через ftp (например FilleZilla, CuteFTP), то текст пролностью слетает и в начале кода появляется какой-то символ "п»ї". Если файлы не сохранять utf-8, а как ANSI, то проблем конечно же нет (правда тогда надо из кода убирать <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />). Проблему все это время решал тупо. Открывал средствами ftp исходный код поврежденых страниц выделял весь текст, а затем вставлял исхо…

    Asked by Вадим,

    0 votes
    10 answers

  15. еще немножко про div'ы

    Есть родительский блок, в нем располагаюся два дива, у первого из которых ширина фиксированная в px, у второго она должна занимать все остальное пространство. Как такое реализовать с помощью css? т.е. есть в общем случае такой html-код: <div id="content"> <div class="left"> <ul> .... </ul> </div> <div class="right"> ... </div> </div> что нужно задать в css? #content { width: 100%; overflow: hidden; } .left { width: 220px; } .right { /* Что тут нужно задать? */ }

    Asked by theo_,

    0 votes
    14 answers

  16. мануал по CSS кроссбраузерности

    Уважаемые знатоки! Пожалуйста, сэкономьте время, где прочитать наиболее внятный мануал о том, как писать так, чтобы всё было одинаково. Описание багов ие. Просто мне попадается фрагметарная информация - тут ИЕ 6 так, а тут так. Хотелось бы раз сесть и за вечер одолеть вопрос в начальном приближении. Заранее спасибо за советы.

    Asked by st1512,

    0 votes
    15 answers

  17. Неразбериха в верстке с использованием HTML и СSS

    1. После установления доктайпа чтобы браузеру было понятно по каким стандартам интерпритировать код моего сайта www.miroslava.nm.ru визуальное отображение меню поменялось. Так как я свой сайт начинала верстать в html и использовала елементы из CSS, то получилась неразбериха. Вроде я использовала один из способов - блочный(можно вынести в отдельный файл). Но кажется нужно что-то еще. Самой не получается разобраться. Хотелось чтоб менялся цвет кнопок. 2. Еще подскажите пожалуста урок в фотошопе или илюстраторе как написать в шапке название сайта, но не стандартными шрифтом, а с эскиза. 3. Скрипты сами цепляются с сервера, они вроде мешают? 4. Еще одна проблема. www.mirosla…

    Asked by mira,

    0 votes
    9 answers

  18. Автоматически вставляемые скрипты сбивают разметку

    В тело документа уж не знаю какой злонамеренный компонент веб-сервера или ещё чго вставляет следующее в самое начало: <!--//--><script>var PrxLC=new Date(0);var PrxModAtr=0;var PrxInst; if(!PrxInst++) PrxRealOpen=window.open;function PrxOMUp(){PrxLC=new Date();}function PrxNW(){return(this.window);} function PrxOpen(url,nam,atr){ if(PrxLC){ var cdt=new Date(); cdt.setTime(cdt.getTime()-PrxLC.getTime()); if(cdt.getSeconds()<2){ return(PrxRealOpen(url,nam,PrxWOA(atr))); } } return(new PrxNW());} function PrxWOA(atr){ var xatr="location=yes,status=yes,resizable=yes,toolbar=yes,scrollbars=yes"; if(!PrxModAtr) return(atr); if(atr){ var hm; hm=atr…

    Asked by st1512,

    0 votes
    0 answers

  19. Может ли сайт не идти исключительно на IE6

    Сайт www.elevel.ru Жалобы на IE6029005512 - грубо говоря он просто повисает. Скажите тут дело в верстке... ну или в битриксе или еще в чем-то может быть?

    Asked by lyapiss,

    0 votes
    4 answers

  20. поиск ошибок

    Может не совсем в ту тему пишу, но очень нужна помощь. Я достаточный чайник в верстке, но худо - бедно что-то верстала. Недавно меня взяли на поиск ошибок в чужой верстке, подскажите пожалуйста хорошие ресурсы по теме.

    Asked by linux-lynx,

    0 votes
    8 answers

  21. резина

    Реально ли вообще так сверстать? Я хочу чтобы у меня было три колонки и все три резиновые, при сужений одна (например правая) прекращала сужаться (min-width: xxxpx), а другие продолжали. При сужений, когда левая прекращает сужаться, правая, при одном решений проблемы, накрывает центральную, либо, при другом решении, сталкивает центральную в "унитаз" =). Есть решение, чтобы этого не было, а колонки продолжали взаимно, не мешая друг-другу сужаться?? И если уже на то пошло, таблицами можно такую задачу сделать?

    Asked by Yahoo!,

    0 votes
    5 answers

  22. Опять полоса прокрутки

    Здравствуйте! У меня возникла проблема: Текст "прилип" к полосе прокрутки. Его можно "отодвинуть"? Я пробовала использовать margin-right:15px, но текст отодвигается вместе с полосой. Мой код: Есть решения? Заранее спасибо.

    Asked by Тамрико,

    0 votes
    7 answers

  23. гризонтальная полоса прокрутки

    здравствуйте. у меня возникла проблема: взависимости от размерах монитора страница отображаеться с ГОРИЗОНТАЛЬНОЙ полосой прокрутки либо без. помогите пожалуйста .

    Asked by bald,

    0 votes
    8 answers

  24. Вопросик по выпадающему меню на CSS

    Всем привет, возник вопросик по выпадающему меню на CSS. Смотрим сайт _http://electrodance.org.ua, видим горизонтальное меню. Наводим, к примеру, на пункт "Новости", выпадает меню, переводим курсор на выпавшее меню и черный фон с ссылки "Новости" исчезает. Помогите, пожалуйста, сделать так, чтобы он не пропадал Стили: _http://electrodance.org.ua/templates/Electrodance/css/style.css Заранее благодарен.

    Asked by Mr.Smith,

    0 votes
    11 answers

  25. Тег EMBED

    Подскажите, что означает параметр wmode тега EMBED? Или это не параметр? в любом случае, что значит, если он = "window"? Спасибо!

    Asked by Elly,

    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