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: <style> div.tablero { border:1px black solid; display:inline-block; min-width:300px; width:30%; margin:2px; } div.tablero2 { border:1px black solid; display:block; width:70%; } </style> <div> <div class='tablero'>mysconfig#1</div> <div class='tablero2'>Этот параметр задает начальное положение...</div> </div> <div> <div class='tablero'>mysconfig#2</div> <div class='tablero2'>Этот параметр задает начальное положение...</div> </div> <div> <div class='tablero'>mysconfig#3</div> <div class='tablero2'>Этот параметр задает начальное положение...&…

    Asked by Poma_007,

    0 votes
    2 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. Возможно ли cредcтвами CSS оформить заголовок

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

    Asked by zancy,

    0 votes
    2 answers

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

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

    Asked by Ukrainian,

    0 votes
    2 answers

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

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

    Asked by alvaros,

    0 votes
    19 answers

  6. Как лучше сверстать?

    Подскажите пожалуйста новичку, как лучше реализовать даную схему сайта? Где использовать таблицы, а где блоки? Потому что не знаю с чего начать. На таблицах как-то не круто, а на блоках непонятно как сделать. Спасибо.

    Asked by Maximilian,

    0 votes
    30 answers

  7. iframe'ы и scrollbar'ы

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

    Asked by 1234ru,

    0 votes
    1 answer

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

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

    Asked by Red Planet,

    0 votes
    6 answers

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

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

    Asked by tass,

    0 votes
    2 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. Картинка в резиновой верстке

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

    Asked by lulica,

    0 votes
    13 answers

  12. Очередная проблема с валидацией.

    Валидатор FireFox "ругается" на строку: <a href="/ru/institutions/page2/?city=&area=&institution_type=&cuisine="> И объясняет все так: Как исправить?

    Asked by Alex&R,

    0 votes
    3 answers

  13. Вопрос по бэкграунду

    Вопрос 1 таков,я собираюсь сделать фон сайта покрасивее(раньше была просто заливка цветом),я думаю,какой бы мне сделать размер,чтобы на всех экранах отображалось одинаково? Или какой оптимальный размер без косяков? вопрос 2. я хочу сделать,чтобы бэкграунд сделал как бы контур всего сайта,т.е. примерно вот так: Как мне этот фон вставить,чтобы весь контент вошёл,и он не вылез наружу?фон другой сделаю=) Просто увидел этот фон и аффигел=D Или предложите другие хорошие идеи по созданию фона

    Asked by SenkOne,

    0 votes
    7 answers

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

    В 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

  15. Линейка

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

    Asked by epog333,

    0 votes
    4 answers

  16. Поиск тура онлайн

    Необходима реализовать поиск тура по файлу xml, на выходе должно получиться что-то аналогично вот этому http://213.227.193.94:8080/search_tour?DOL...IN_BEG=20110209 Подскажите с чего начать или где копать хоть Заранее спасибо P.S. Для агрессивных, бывалых пользователей форума официально заявляю, я не прошу сделать за меня работу, я прошу дать направления для движения и самообразования.

    Asked by marrone-art,

    0 votes
    16 answers

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

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

    Asked by marcouk,

    0 votes
    5 answers

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

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

    Asked by Kenzo,

    0 votes
    7 answers

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

    <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

  20. Таблица HTML

    Здравствуйте ув. коллеги. У меня такая проблемка. Просматриваю сайт, информация отображается в виде таблицы. Мне нужно данную таблицу перенести в ексель. Вариант сохранить mht (htm) и потом открыть офисом не подходит, т.к. даные выстраиваюся в столбик, а мне нужно чтоб оставалась табличка. И исходные даные "оставались" по ячейкам. Люди добрые, помогите кто чем может.

    Asked by Пет о1,

    0 votes
    7 answers

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

    Собственно вопрос опять же про 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

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

    Добрый день. Помогите сделать, чтобы скролл не зарезался снизу. 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

  23. GПроблема отображения сайта в браузерах.

    Некорректное отображение сайта браузерами Здравствуйте. Собственно не знал в каком разделе писать... Решил здесь. Создал сайт: http://skuchno.net.ru/ Всегда его редактирую в Google Chrome. Сегодня решил посмотреть как выглядит в IE8 и Opera 10.7. Был шокирован. Первое что бросается в глаза - некорректное отображение меню в Опере: В IE и Google Chrome выглядит правильно: Но, это только мои заметки, у других пользователей вообще половина сайта глючит в разных браузерах. Пожалуйста, проверьте как он выглядит у вас. Если что вот код меню сайта: <!-- <block1> --> <table class="boxC" border="0" cellpadding="0" cellspacing="0"> <tbody><tr>…

    Asked by AspeR,

    0 votes
    14 answers

  24. Расстояние между элементами 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

  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