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. Неразбериха в верстке с использованием HTML и СSS

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

    Asked by mira,

    0 votes
    9 answers

  2. вкладка

    Вот пробую сделать страничку, и столкнулся с проблемой, не могу убрать линию под дивом с надписью "тарам" , чтобы было типо вкладки, на сайте просматрел про параметр display: inline но он не срабатывает. Помогите, пожалуйста, уже непервый день над этим думаю:/ (про чистоту кода можете ничего мне не говорить, позже исправлю=) ) CSS: *:focus {outline: none} body { font-family: arial; font-size: 13pt; } html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img { margin: 0; padding: 0; } div { margin: 0; padding: 0; position: relative; } #page { width: 100%; height: 100%; } #head { width: 100% } #body { margin: 10px…

    Asked by Yahoo!,

    0 votes
    0 answers

  3. как убрать из css всё лишнее?

    Верстаю страницу(только учусь), за всё время вёрстки этой страници, удаление/добавление объектов, в css появилось много мусора, который не был удалён. Как выкинуть всё лишнее из css? Какие-нибудь автоматизированные средства есть?

    Asked by dimanlin,

    0 votes
    2 answers

  4. Динамический Select

    Хотелось бы узнать как сделать динамические выпадающие списки, то есть: имеется 2 элемента Select, в первом элементе есть 2 варианта выбора, Задача как сделать чтобы при выборе значения из первого селекта, во втором менялись значения от выбранного варианта первого Пример: в первом селекте 2 варианта (Сервер1 и Сервер2), при выборе Сервер1, во втором селекте появляются варианты выбора (Пример1, Пример2, Пример3), При выборе Сервер2 в этом же селекте появляются варианты (Пример4, Пример5, Пример6) с условием то не добавляются во второй селект а заменяются, вот как так, кто знает тот поймет о чем я, 100% это как то делается через массив строк, как связать все это что то не п…

    Asked by slavok47,

    0 votes
    7 answers

  5. Ищу готовое решение

    Такая проблема! Прошу помощи. Буду рад готовому решению. Есть div его высота min-height: 100% В него вложены еще два (один в другой) с высотой height: 100% каждый Выглядит это примерно так (это схематично) <div min-height: 100%> <div height: 100%> <div height: 100%> ............................ <div> <div> <div> дык вот! height: 100% не срабатывает, а очень надо. Может кто знает решение. Может есть скрипт (но он должен быть только для применения в css файле) P.S. Не занешь чем помочь не рассуждай, не поучай, вообще не пиши.....

    Asked by 3ABAPKA,

    0 votes
    19 answers

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

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

    Asked by lyapiss,

    0 votes
    4 answers

  7. Помогите с обтикатием.

    <!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>Untitled Document</title> <style type="text/css"> <!-- BODY { margin: 0 0 0 0; } #left { width:235px; height:500px; float:left; background-color:#06F; } #content { float:left; background-color:#0CF; width:50%; height:200px; } --> </style> </head> <body> <div id="left">left</div> <div id="content">centor</div> </body> …

    Asked by dimanlin,

    0 votes
    3 answers

  8. Как правельно оцентровать страничку ?

    Как правельно оцентровать страничку ? Надо что бы на всех разрешениях монитора отображалось одинакова? Заранее благодарю!

    Asked by maks-master,

    0 votes
    27 answers

  9. Проблемы с 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

  10. Как сделать тянущийся input, текстовый.

    Собственно тема!

    Asked by dimanlin,

    0 votes
    1 answer

  11. Что неправильно?

    День добрый, в чем ошибка? <?php header("Content-Type: text/xml"); echo "<?xml version=\"1.0\" encoding=\"windows-1251\"?>"; ?> <rss version="2.0"> <channel> <title>***</title> <link>***</link> <description>***</description> <language>ru</language> <?php *** ?> </channel> </rss>

    Asked by woofs,

    0 votes
    8 answers

  12. Размещение картинки внутри 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

  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. display: blick - для меня загадка

    здрасте делаю список, фоном делаю картинку, все как бы понятно, но на этапе добавления display:dlock все плывет в IE появляются загадочные пробелы между элементами спаска может кто знает в чем дело спасибо заранее вот код _________________________________________ <html> <head> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="left"> <p>tili tili, trali-vali</p> <ul id="menu"> <li><a href="index.html"> home</a></li> <li><a href="index.html"> ueber uns </a></li> <li><a href="index.html"> team </a></li> <l…

    Asked by katrin_qq,

    0 votes
    4 answers

  15. Подскажите, как сделать элемент

    Здравствуйте. Нужно сделать элемент. http://img3.imageshack.us/img3/2631/elementf.gif Тут хорошо подходит fieldset, но вот что делать с изображением самолёта. Как его переместить? Я пробовал помещать в div, ставить различные position, но ничего не выходит. Подскажите как быть, или может быть как по другому реализовать такой элемент?

    Asked by Flake,

    0 votes
    1 answer

  16. Уголки не спускаются.

    Ребят помогите пожалуйста. Блок со скруглёнными уголками (как здесь http://www.cssplay.co.uk/boxes/curves.html) + js список (отсюда http://ruseller.com/lessons/les155/example/index.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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> .curvy {position:relative; width:800px; background:#9caf9c; color:#000; marg…

    Asked by alex39x,

    0 votes
    0 answers

  17. Уголки не спускаются.

    Ребят помогите пожалуйста. Блок со скруглёнными уголками (как здесь http://www.cssplay.co.uk/boxes/curves.html) + js список (отсюда http://ruseller.com/lessons/les155/example/index.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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> .curvy {position:relative; width:800px; background:#9caf9c; color:#000; marg…

    Asked by alex39x,

    0 votes
    0 answers

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

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

    Asked by mozart,

    0 votes
    5 answers

  19. Кнопки

    У меня такая проблема, помогите плиз...сделал ссылку такого вида <a href="URL" target="_blank"><button type="button">Слово</button></a> и столкнулся с тем что Опера и другие браузеры проходят по ссылке, а IE ни какой реакции, как только убираю кнопку ссылка работает, как быть, чтобы и кнопка была и эксплорер как то реагировал, ссылка на сайт с проблемой Проблема с кнопкой, помогите плиз... P.S IE обязательно так как сайты защищенные и на Опере и других браузерах не работают (HTTPS) P.P.S Заходил на сайт с браузеров Mozilla Firefox 3.5, Opera 9.63, IE 6 (7,8)

    Asked by MHz,

    0 votes
    7 answers

  20. Флэш вылазиет за страницу(

    В общем не могу ничего понять, на сайте есть флэш в таблице справа, на моём разрешении всё номрально, но начинаю пробовать более маленькие происходит вот такая беда в цссе примерно слеждущее body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, form, input, textarea, p, th, td { margin : 0; padding : 0; } table { border-collapse : collapse; border-spacing : 0; } img { border : 0; } address, caption, strong, th { font-style : normal; font-weight : normal; } li { list-style : none; } caption, th { text-align : left; } h2, h3 { font-weight : 400; } sup { vertical-align : text-top; } sub { vertical-align : text-bottom; } input, textarea, select { font-family : inherit; font-size :…

    Asked by Quest182,

    0 votes
    1 answer

  21. Борьба с отступами сверху и снизу от елементов input в IE

    Asked by multio,

    0 votes
    2 answers

  22. Тег EMBED

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

    Asked by Elly,

    0 votes
    1 answer

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

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

    Asked by Тамрико,

    0 votes
    7 answers

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

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

    Asked by Jef,

    0 votes
    7 answers

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

    В тело документа уж не знаю какой злонамеренный компонент веб-сервера или ещё чго вставляет следующее в самое начало: <!--//--><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

  • Обсуждения

    • 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