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. Разваливается таблица

    очень нужна ваша помощь я совсем новичок , и при создании таблицы возникла проблема . как сделать так чтоб таблица смотрелась целостно ? <!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=iso-8859-1" /> <title>???? ????</title> </head> <body bgcolor="#453631"> <p>????? </p> </body> </html> <body> <center> <table cellpadding="0" cellspacing="0" style="background:#5C443A; " > <tr style="background…

    Asked by zxcv,

    0 votes
    6 answers

  2. Не коректно работает шаблон

    Вот такая у меня, начинающего верстника, возникла проблема: Хотя должно быть примерно так: (шапка - ссылки - левый блок - центр - правый блок) У меня почему то "не работает" правый блок Код html: <!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" xml:lang="ru"> <head> <meta http-equiv="Content-type" content="text/html"; charset="windows-1251" /> <link href="style.css" rel="stylesheet" type="text/css"> <title> Интересные факты о жывотных </title> </head> <body> <div id="macet"> &…

    Asked by witerwe,

    0 votes
    1 answer

  3. Автоматический перенос строк

    Есть проблема с добавлением текста на свой сайт он игнорирует перенос строк и отображает текст кучкой самому раставлять теги <бр> долго. есть какоенибудь решение моей проблемы?

    Asked by Ukrainian,

    0 votes
    2 answers

  4. Реализация задуманого!

    Есть задумка, помогите реализовать или подскажите другие варианты реализации. Хочу сделать сайт, задумка том, чтобы на одной странице были ссылки, а на второй информация. При чем, при нажатие на ссылку пользователя перенапрявляло именно на тот вопрос, который ему нужен, а остальные были бы скрыты+при прямом переходе на вторую страницу текст не отображался..

    Asked by chest,

    0 votes
    7 answers

  5. Перевод на страницу для Internet Explorer 6.

    Здравствуйте! Искал сегодня решение для перевода, но всюду предлагаются лишь методы закрытия доступа. Например, этот, ест много других. Нет, если можно спокойно давать от ворот поворот, то я за, но вроде кто-то им все еще пользуется. При написании кода приходится править не только CSS, но и HTML. Например, в макете картинки в левой колонке не центрируются (display: block помогает всем, но не IE 6), бордюры у них же игнорируются, сдвигать при помощи margin-left - снова не работает. Но это так, чтобы не быть голословным. Как отослать пользователя на index_ie6.html? Какой код и куда вставлять?

    Asked by Red Planet,

    0 votes
    6 answers

  6. Подскажите что за движек сайта

    Очень понравился сайт магазина: http://www.kvazar-m.ru/ И дизай ( ну это заслуга дизайнера) и самое главное как там все устроено... Знающие люди подскажите пожалуйста новичку что за движек используется? Заранее благодарен!

    Asked by test777,

    0 votes
    7 answers

  7. Выпадающее меню на CSS не отображается в IE

    Здравствуйте, возникла необходимость сделать выпадающее меню с помощью CSS. Задумка такая: 1) в "состоянии покоя": 2) при наведении на кнопку: т.е при наведении на левую графическую часть с кнопками появляется выпадающее меню, которое должно отображаться в строчку. Взяла код отсюда. Попыталась его адаптировать под свои цели, но столкнулась с двумя проблемами: 1) меню на том сайте работает в IE, а мое нет =( 2) мне нужно, чтобы в правом блоке синий фон был постоянно, а не только при наведении на кнопки в левом блоке. Помогите, пожалуйста уже два дня мучаюсь, ничего не могу сделать( Ссылка на страницу с "проблемным" меню вот. Код html: <div class="cssmenu"> <ul…

    Asked by tass,

    0 votes
    2 answers

  8. Ворос!

    Меня настигла проблема с картинкой под фон: Если делать в фотошопе картинку размером 1500х2000(например),то картинка будет мегабайт 8 весить,подскажите,как сжать картинку???

    Asked by SenkOne,

    0 votes
    5 answers

  9. Растягивание div блока

    И снова здравствуйте. Нуждаюсь в вашей помощи. <div class="a1"> <div class="a2"></div> <div class="a3"></div> </div> .a1 { width: 100%; display: inline-block; } .a2 { background: url("{T_THEME_PATH}/images/logogo.jpg"); background-position: center; height: 300px; border: 1px solid #BFBFBF; display: inline-block; float: left; overflow: hidden; display: inline-block; } .a3 { overflow: hidden; float: right; height: 300px; background-image: url("{T_THEME_PATH}/images/bg_tex2.jpg"); border: 1px solid #BFBFBF; display: inline-block; } В блоке a2 фоном изображение, которое может растягиваться на 100% ширины. В блоке a3 желательно указат…

    Asked by Andyk,

    0 votes
    15 answers

  10. Не корректное отображение сайта в разных браузерах.

    Здравствуйте уважаемые гуру. Второй день пытаюсь исправить это: В Google Chrom мой сайт отображается корректно,но к сожалению в остальных браузерах (Opera,Mozilla) сползает меню вниз,и статуса сервера не видно,как буд-то пропал он. Сайт: guardgame.ru Предоставляю HTML код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>{TITLE}</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="Description" content="stress, lineage2, la2"&gt…

    Asked by TurboMan,

    0 votes
    8 answers

  11. Вновь отступы

    В CSS: #content { width:1184px; padding: 0; border-spacing: 0; margin: 0; } #middle_top { background-image: url('img/middle_01.png'); background-repeat: no-repeat; width: 1184px; height: 33px; } #middle_center { background-image: url('img/middle_03.png'); background-repeat: repeat-y; width: 1050px; margin: 0px 0px 0px 1px; padding: 0px 50px 0px 50px; } #middle_bottom { background-image: url('img/middle_05.png'); background-repeat: no-repeat; width: 1184px; height: 41px; } #title { color:#2368ae; font-family: Verdana; font-size: 15px; font-weight: bold; font-style: italic; } HTML (незнаю надо или нет): <div id="content"> <div id="m…

    Asked by epog333,

    0 votes
    1 answer

  12. Возможно ли cредcтвами CSS оформить заголовок

    Возможно ли оформить заголовок так как показано на риcунке cредcтвами CSS?

    Asked by zancy,

    0 votes
    2 answers

  13. Скролинг Web-страницы

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

    Asked by alvaros,

    0 votes
    19 answers

  14. Линейка

    Я знаю, что есть линейка которой можно мерить расстояние между элементами прямо в браузере, подскажите откуда взять данную вещь.

    Asked by epog333,

    0 votes
    4 answers

  15. картинка по центру в фиксированном блоке

    Есть: http://tmin10.net.ru/1.html. Нужно, чтобы картинка была по центру <div id='add'> по вертикали и горизонтали. По горизонтали помогает margin: auto;, а как по вертикали?

    Asked by Tmin10,

    0 votes
    12 answers

  16. Вопросы от офомлению сайта

    Работаю сейчас с этой страницей: http://preview.4kings.su/ Сделал одну кнопку, а как сделать еще такую же, рядом но с другим изображением?

    Asked by Kenzo,

    0 votes
    7 answers

  17. iframe'ы и scrollbar'ы

    Товарищи, а такой вопрос: когда на странице iframe таких размеров, что показываемый в нём документ не влезает и появляются скроллы, то это скроллы чьи - от iframe или уже от body того документа? Пробовал экспериментировать с overflow:hidden. Оказалось, что если он есть хотя бы у кого-то из них, скроллы убираются. Как-то это странно: ожидаемо было, что уберется, если добавить overflow одному из них (скорее, iframe), а стиль другого на скролл не повлияет. А вообще говоря, задача ставится как раз убрать скроллы, причем стилями запрашиваемого документа, то есть, чтобы не нужно было ничего указывать для iframe (собственно, вопрос в том и состоит, гарантировано ли они уберутся …

    Asked by 1234ru,

    0 votes
    1 answer

  18. Фон в сообщении.

    Здравствуйте. У меня такой вопрос. Как сделать у определенного пользователя на форума фон сообщения. Например у всех фон постов один, а у определенного пользователя индивидуальный. Спасибо заранее.

    Asked by art312,

    0 votes
    7 answers

  19. Картинка в резиновой верстке

    Помогите советом новичку. При изменении окна браузера все растягивается и сужается как надо, а картинки нет. Что делать? Я уже каждой картинке прописывала width:%; и тд.

    Asked by lulica,

    0 votes
    13 answers

  20. как сделать подобную верстку

    Помогите пожалуйста. Нашел сайт pack-tradesk[точка]com[точка]ua Если посмотреть код там идёт сначало текст сайта а потом левое меню сайта, а браузер показывает левую колонку с каталогом а в правой колонке текст. промучился не чего не вышло каким образом можно попробывать подскажите пожалуйста или дайте ссылку где можно подробней почитать про данный прием.

    Asked by marcouk,

    0 votes
    5 answers

  21. Странная новость..

    <div class="entryMessage"><img align="left" src="template/no_img.gif">Вёрстка от 212th</div> .entryMessage {background-color:#fff; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; padding:4px;} .entryMessage img {border:1px solid #000000;} Рамка не полностью покрывает текст и картинку, ну из скрина видно.. Помогите!!

    Asked by 212th,

    0 votes
    3 answers

  22. Расстояние между элементами css

    Я хочу сделать блок. Пишу: <div id="left_colon"> <div id="top_block"><img src="http://www.iconsearch.ru/uploads/icons/silk2/16x16/user.png" /> Название</div> <div id="middle_block">Текст блока</div> </div> В CSS: #top_block {background-image: url('img/bt.png'); background-repeat: no-repeat; height: 35px; padding: 8px; font-family: Verdana; color: white; text-shadow: gray 1px 1px 0px;} #middle_block {background-image: url('img/bc.png'); background-repeat: repeat-y; padding: 8px; font-family: Verdana; color: gray;} #left_colon {border-spacing: 0; margin: 0; padding: 0;} Получается так: Помогите пожалуйста!

    Asked by epog333,

    0 votes
    2 answers

  23. Как уменьшить блок

    Добрый день. Помогите сделать, чтобы скролл не зарезался снизу. http://jsfiddle.net/RQfGm/ HTML: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> </head> <body> <div id="wid">fixed</div> <div id="wrapper"> <div style="height: 1000px;"></div> </div> </body> </html> CSS: html, body { overflow: hidden; width: 100%; height: 100%; padding: 0; margin: 0; } #wid { height: 40px; background: red; z-index: 10; width: 100%; } #wrapper { height: 100%; overflow: auto; position:relative; width: 100%; }

    Asked by yarikus,

    0 votes
    4 answers

  24. Вопрос к профессионалам

    Собственно вопрос опять же про overflow-x: hidden; overflow-y:visible; Задача: Сделать такой блок в котором все что выходит за пределы блока по горизонтали будет скрыто, а по вертикали видно. Нужна четкая вложеность: <div class="first"> <div class="second"> </div> </div> Вот наглядная схема то что нужно сделать <style> .first { margin: 100px auto; border: 5px solid #000; width: 500px; height: 200px; overflow-x:hidden; overflow-y:visible; } .second { width: 600px; height: 300px; background: lightblue; } </style> <div class="first"> <div class="second"> </div> </div> Вот как выглядит: Во…

    Asked by exessqd1,

    0 votes
    3 answers

  25. Проблема с якорем

    Есть трехколоночный макет. Все три колонки одинаковой высоты сделаны с помощью padding-bottom:20000px; margin-bottom:-20000px; и overflow:hidden; position:relative; у родительского контейнера. В центральной колонке есть посты, в которых используются якоря. Если переходишь к одному из якорей через строку адреса, то браузер не опускает окно ниже, к посту. Он перетаскивает непосредственно контентную часть вверх окна. Т.е. сам пост. И всё что было до него - режется. P.s. если убрать overflow:hidden, то тогда становится всё ок, но внизу появляется пустое пространство в 20000px. В чем может быть проблема?

    Asked by deMiX,

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