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. Масштабирование фона в старых версиях Opera

    Как в Opera версии ниже 9.5 масштабировать фон? Там -o-background-size не работает.

    Asked by MCStan,

    0 votes
    1 answer

  2. Растягивание контента при пустом правым sidebar'е

    Здравствуйте нужна помощь, я уже запарился, все не по фен-шую них... Проблема заключается в том чтоб при пустом правом сайд-баре контент растягивался на всю ширину, а если там что-то имеется сужался и по низу не оптекал сайд-бар. Я додумался только вот до токого: <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #main { width:300px; margin:0 auto; height:500px; background-color:#E4E4E4; } *{ margin:0; padding:0; } #block { float:right; /*background-color:#C9C;*/ width:100%; margin-left:-100px; } #content{ } #r-sidebar { width:100px; float:right; background-color:#66F; } …

    Asked by griboff,

    0 votes
    9 answers

  3. Позиционирование элементов

    Ребята, покажите пожалуйтса в чем ошибка. http://47823.selcdn.ru/vst/index.html С Фаерфокса если смотреть - стрелочки в последних двух ячейках таблицы прижимаются к левому краю экрана

    Asked by ghrd,

    0 votes
    1 answer

  4. Какими свойствами CSS лучше воспользоваться?

    Приветствую всех. Подскажите, пожалуйста, какими свойствами CSS лучше воспользоваться для достижения следующего результата: Мне нужно в блоке div выровнять изображения таким образом. Как это лучше сделать? Для всех изображений применить свойство margin-left думаю не совсем верно.

    Asked by Dimaz,

    0 votes
    2 answers

  5. мне нужно поменять фон всплывающего меню

    я совсем запутался: Это всплывающее меню. Оно работает. Но вот мне нужно поменять фон меню. Я прописываю в CSS ' #menu {background-color:#000000;} ' но фон черным не становится. Так как всё- таки добраться до фона и размеров верхнего (главного,горизонтального) меню. CSS: #menu,#menu li ul{ margin:0px; padding:0px; list-style:none;} #menu > ul > li{float:left; display:inline-block; margin-right:20px;} #menu li ul{display:none; position:absolute; z-index:100; width:200px;} #menu li:hover ul{display:block;} HTML: <div id="menu"> <ul> <li><a href="./index.php?route=product/category&path=20">Компьютеры</a> <div> &…

    Asked by Лис3,

    0 votes
    3 answers

  6. Как поставить блоки

    Как сделать на сайте такие блоки

    Asked by skvaer09,

    0 votes
    19 answers

  7. А что будет, если закрывающий тег не поставить </div>?

    Вопрос такой, потому что если я ставлю закрывающий тег, то параметр мультичекбокс в таблице выдает строку отступа из-за чего некрасиво таблица смотрится. Без закрывающего тэга - нормально. Или может есть аналог div'a?? Жирным внизу выделил проблемное место. case 'multicheckbox': case 'multicheckboximage': $found = 0; for($i=0,$nb=count($this->field_values[$field->fieldid]);$i < $nb ;$i++) { $fieldvalue = @$this->field_values[$field->fieldid][$i]->fieldvalue; $fieldtitle = @$this->field_values[$field->fieldid][$i]->fieldtitle; if (strpos($value, ",".$fieldvalue.",") !== false) {$return .= "<div class="multicheckboxfield">"; if ($field->t…

    Asked by Stenli,

    0 votes
    6 answers

  8. зачем тут нужна явная высота

    в общем, такой вот код html <div class="header"> <div class="logo"><img src="images/logo.png" title="Школа водительского мастерства" alt="Школа водительского мастерства drive-style" /></div> <div class="epigraf"> <table border="0" cellpadding="0" cellspacing="0" width="99%"> <tr> <td class="slogan"><span class="blue">БОЛЬШЕ ПРАКТИКИ - </span><span class="red">МЕНЬШЕ СТАТИКИ!</span></td> <td class="mission"> Дух независимости и предчувствие приключений - лучшие лекарства от серых будней. Сердце бьется в унисон шума колес, тело и авто - единый механизм. Свободный, ка…

    Asked by kukumumu,

    0 votes
    7 answers

  9. Joomla2.5 и JComments

    Решил немного освоить Джумлу и столкнулся с небольшой проблемой. Возникла необходимость изменить местоположение ссылки "Добавить комментарий" компонента JComments То есть ссылка "Добавить комментарий" в документе должна идти перед заголовком и текстом. Перерыл весь компонент, но способа не нашел. Как можно решить эту задачу?

    Asked by bref,

    0 votes
    1 answer

  10. Меню не выравнивается по ширине в FF

    всем привет! Уважаемое сообщество не раз подсказывало мне о различных тонкостях вёрстки на конкретных примерах и вот настал день обратится к коллективному сознательному опять! Есть главная страница сайта http://www.gruzoperevozki-pereezd.ru/ - во всех браузерах кроме Fire Fox верхнее горизонтальное меню смотрится нормально, но в FF это меню не дотягивается до края шапки всего 1 px. Как быть?

    Asked by Epileptoid,

    0 votes
    2 answers

  11. Как сделать чтобы меню стало фиксированным когда уперлось в верх страницы.

    живой пример на: http://www.lookatme.ru/

    Asked by phantomgoodone,

    0 votes
    2 answers

  12. проблема div- вёрстки

    как сделать чтобы меню наезжало на текст, а не вымещал его. Заранее огромное спасибо за ответы ! З.Ы: меню написано на CSS.

    Asked by ayya1,

    0 votes
    2 answers

  13. Подправить верстку

    Здравствуйте Есть сайт http://driver.f-vote.com/index.php/informatsiya - на это странице видно что текст идет на белом фоне дальше идет БГ картинкой и внизу футер, подскажите как сделать что бы Белый фон тянулся до футера и закрыл БГ который по середине видно! Заранее очень признателен так как голову долго уже ломаю.

    Asked by Floran,

    0 votes
    2 answers

  14. Выравнивание

    Здравствуйте уважаемые! Помогите пожалуйста начинающему. Пытаюсь верстать и у меня не получается выравнять текст по центру страницы. Вот верстка: <head><!--это шапка документа, здесь подключаем скрипты, стили и тд--> <meta http-equiv="Content-Type" content="text/txt; charset=windows-1251"> <!--устанавливаем кодировку документа--> <title>Планета земля.</title><!--Выравнивание слоя по центру--> <style> .center { margin: auto; } </style> </head> <body> <!--это тело документа, здесь идет основной код, который будет выведен на экран--> <di…

    Asked by T90,

    0 votes
    4 answers

  15. HELP! ЗАДОЛБАЛСЯ ИСКАТЬ ХАКИ НА ОПЕРУ

    Дайте нормальный хак для Оперы 12.10 ПОЖАЛУЙСТА!!!!!!!!

    Asked by boo,

    0 votes
    8 answers

  16. Перестал работать Open Sans Normal из Google Font

    Вчера перестал работать шрифт Open Sans, при чем только Normal, везде, где был Normal, отображается Bold. Шрифт грузится из Google Font. Проблема на всех моих сайтах, где он используется, с другими шрифтами и начертаниями проблем нет. блдаж! Проблема только в Chrome. Извиняюсь, выяснилось, что проблема только у меня, но как исправить? Кеш чистил

    Asked by litwit,

    0 votes
    1 answer

  17. Объясните разницу в scaffolding bootstrap

    Здравствуйте. Начал заниматься версткой своей поделки на django. С html, css знаком. Вот начал читать документацию bootstrap. Прочитал http://twitter.github.com/bootstrap/scaffolding.html про scafollding, попробовал. не понимаю в чем разница структур: ——————— <div class="row"> <div class="span4">...</div> <div class="span8">...</div> </div> ——————-- <div class="row-fluid"> <div class="span4">...</div> <div class="span8">...</div> </div> ——————-- <body> <div class="container"> ... </div> </body> Объясните ,пожалуйста, разницу? в каких случаях удобнее при…

    Asked by viz9,

    0 votes
    2 answers

  18. Как выравнять расстояние между описаниями программ?

    Добрый вечер. На сайте внизу видно, что расстояние между программами не одинаковое: Пробовал применить такой стиль: .moduletable_displaynews > div > div > div { display:inline-block; } После этого абзацы описания программ, описываемые стилем .moduletable_displaynews>div>div>div>a>p, начинают раньше конца строки переноситься на новые строки: Как грамотно выравнять расстояние между строками описания программ?

    Asked by borus,

    0 votes
    5 answers

  19. Запрет скроллинга google map

    Добрый день, очень прошу помочь объяснить мне каким образом можно заставить перестать работать скролинг google map на сайте (сохранив при этом весь функционал карты работоспособным), при заходе на сайт с компа, но при этом оставить полностью всё как есть при заходе на сайт через моб устройства и ipod'ы, ipad'ы? О чём я говорю: как реализовать такую же карту как на http://www.zocdoc.com/search/?dr_specialty=153&address=&insurance_carrier=-1&refine_search= Если зайти через обычный браузер, то при наведении мыши на карту - она не скролится!, но функционал карты весь работает, а если зайти с ipod, ipadб то она совершенно спокойно прокручивается - вобщем нетронута…

    Asked by Lexustop,

    0 votes
    2 answers

  20. СРОЧНО! ПОМОГИТЕ СО ШРИФТАМИ!

    http://dsdfsdsdfkvit.sdfsdfzdfsdato.ru/ сайт. имеется шрифт MyriadPro, код и ссылки для него сгенерировал при помощи великолепного сайта http://www.fontsquirrel.com/ Он выдал мне вот такой css @font-face { font-family: 'MyriadPro'; src: url('myriadpro-semibold.eot'); src: url('myriadpro-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-semibold.woff') format('woff'), url('../fonts/myriadpro-semibold.ttf') format('truetype'), url('../fonts/myriadpro-semibold.svg#myriadpro-semibold') format('svg'); font-weight: normal; font-style: normal; } все вроде бы хорошо, все вроде бы ок. Но гадская мозилла почему-то думает, что он жирный. мне …

    Asked by boo,

    0 votes
    4 answers

  21. Проблема с оформлением тега <body> через внешний css

    Проблема с оформлением тега <body> через внешний css. Проблема заключается в том, что я имею html страницу с внешним css файлом, задавая какие либо свойства для <body> с ним ничего не происходит (но задавая свойства для других элементов таких как, к примеру, div все нормально). Внешний css файл: charset "windows-1251"; /* CSS Document */ body { background-color:#CF0; /*оливковый*/ } Html файл: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="index_files/style.c…

    Asked by Draken,

    0 votes
    2 answers

  22. background собрать из двух картинок

    Есть вот такой вариант! _http://imageshack.us/photo/my-images/5/20122012174003.png/ Как сделать её продолжить до конца <h3 class="maintitle"> <a title="A Test Category" href="">A Test Category</a> </h3> .maintitle { background:url(/maintitle.png) no-repeat; padding: 10px 10px 31px; font-size: 150%; font-weight: normal; color: #5B6D77; line-height: 1.8; font-family: Georgia,"Times New Roman",Times,serif; } Думаю что надо подключить к этому background ещё одну картинку для предложения с повторением, вот только как это сделать я не знаю.

    Asked by angelShlesser,

    0 votes
    7 answers

  23. Оптимизация загрузки страницы

    Ребята, нужна помощь. Есть php скриптик. Он сканирует папку с картинками. Потом открывает страничку <html>, вводит стили, и в <body> с помощью цикла сжимает картинки(используя отдельный класс) и выводит их на экран как тучу <div> элементов. в каждой дивке 1 картинка. Проблема в том что страница открывается только после того как сожмет и подготовит все картинки. Как можно организовать вывод так, чтобы сначала на странице отобразилась шапка, и постепенно выводились на экран эти дивки ( сжал -> вывел )? Хотябы какие нибудь идеи, я уже все перелопатил.

    Asked by ivanovfcz,

    0 votes
    2 answers

  24. Смещение блоков при изменении размера одного из них

    Все доброго времени суток. Гугление не принесло никакого результата. Проблема такая: Есть, например, 12 блоков размеро 200на200, у всех левый флоат, размер радительского блока, скажем, 650пикселей(200*3+место на отступы). Итого получается 4 строки по 3 блока - типа галереии или портфолио, применение не важно. Хочется чтобы при наведение на любой блок он увеличивался, ну скажем, процентов на 10%. И вот тут начинается проблема. Блок увеличивается - ломается вся структура, блоки смещаются и получается хаос. Z-index проблемы не решает. Как сделать чтобы каждый блок увеличивался поверх других(если размер уж такой, что приводит к перекрытию соседнего блока) и структура была не…

    Asked by Marakaya,

    0 votes
    4 answers

  25. Как убрать рамку?

    Добрый день всем пользователям! Появилась вот такая проблема не знаю как убрать эти рамки? Причём они отображаются только в IE 7, но нужно верстать именно под него. =( http://itmages.ru/image/view/811992/91456c9a - IE 7 http://itmages.ru/image/view/811993/2d756bcf - GoogleChrome как убрать эти бордовые рамки? Сам код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Таблица</title> <style> </style> </head> <body> <table> <tr> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989"><img src="/icons/16round/135.jpg" widt…

    Asked by danila_omega,

    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