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. Обтекание блока

    (кликабельно) Нужно сделать вот так. Почему-то когда у блоков, которые должны обтекать фотографию, выставляю float: right; они вообще выпадают и не работают. Как бороться? Заранее спасибо.

    Asked by Sevkov,

    0 votes
    2 answers

  2. Vertical-align работает в <div></div> ?

    Как отцентровать по вертикали текст в <div></div> или в <p></p> ? По горизонтали получается с помощью text-align: center; В описании (http://htmlbook.ru/css/vertical-align) написано, что "middle - выравнивание средней точки элемента по базовой линии родителя плюс половина высоты родительского элемента." Я задал ширину и высоту для контейнера. То по идее к центральной точке текста или изображения должна добавляться половина высоты контейнера от верхней его границы. <!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"> <head> <…

    Asked by Oleh,

    0 votes
    2 answers

  3. Оптекане текстом изображения при скролинге

    Здравствуйте, появилась такая идея: есть слой фиксированного размера, в него выводится текст (текста много, поэтому у слоя стоит overflow : Auto). суть задумки: реально ли в верхнем левом (к примеру) углу разместить изображение с фиксированной позицией, так чтобы при прокрутке текста, он обтекал картинку? Как то примерно так, главное чтоб картинка не съезжала и текст не шел поверх нее заранее спасибо!

    Asked by Avalon4eg,

    0 votes
    2 answers

  4. Непонятное отображение во всех браузерах.

    Здравствуйте уважаемые гуру форума =) Пришел к вам с вопросом, сейчас на практике переношу шаблон сайта техникума, на другую CMS... Работаю естественно на компах которые стоят в учебном заведении. Когда делаю верстку там, и проверяю, то что сделано отображается так как нужно (проверялось только на ИЕ 6-7, другие там ставить нельзя), я так и думал что все отлично... но вот решил посмотреть на сайт уже на домашнем компьютере, и ужаснулся! большая часть CSS стиля просто не применяется (смотрел в ИЕ 8, хром, фф), причем такая проблема есть везде, где бы не открывался сайт (это я уже про компьютеры, попросил открыть всех своих знакомых...), НО, на компах в техникуме, сайт отоб…

    Asked by blackoverdose,

    0 votes
    2 answers

  5. курсор в input

    помогите пожалуйста решить проблему. на этой странице в поле .social_box .social_boxM form fieldset .fld_social_box курсор не располагается точно по центру вертикали(смещён вниз). не могу выровнять по вертикали. добавление padding-bottom не помогает

    Asked by cyklop77,

    0 votes
    2 answers

  6. Выравнивание по разным краям в одном элементе

    Как в одном диве сделать так, чтобы часть текста выравнивалась по левому, а часть по правому краю, чтобы они все были на одной строке? Пишу сюда, потому что не смог толково составить запрос для гугла(

    Asked by Mosya,

    0 votes
    2 answers

  7. как запустить WMA поток в IE10

    Есть несколько аудио потоков в формате wma, в эксплореле никогда не было проблем с их проигрыванием через ActivX WMP Но в windows 8 IE10 по умолчанию загружается в метро режиме, где не работают флеш и другие плагины да, mp3 можно запускать тегом аудио, а как быть с остальными форматами? wma, списки m3u? Получается майкрософт отказывается от своих же форматов аудио?

    Asked by alex196,

    0 votes
    2 answers

  8. Нужна помощь с позиционированием

    Добрый день! Подскажите, пожалуйста, не могу разобраться Имеется сайт на джумла, шаблон представляет собой блок #content по центру. Фон залит текстуркой. Теперь заказчику надо поставить две завитушки одна справа от логотипа, другая слева. Если их позиционировать абсолютно то ни стоят на месте при сужении страницы, можно как-то сделать, чтобы при сужении они уезжали за границы экрана?

    Asked by DFS,

    0 votes
    2 answers

  9. как одним чекбоксом задавать сразу два параметра?

    В интернет-магазине есть форма с чекбоксами для фильтрации товаров по цене. Например: чекбокс1:"от 500 до 1000руб", чекбокс2:"от 1000 до 1500руб" и т.д. То есть каждый чекбокс должен передавать сразу 2 параметра: минимальную и максимальную цену. Как для этого нужно задать параметры name и value?

    Asked by Koroed,

    0 votes
    2 answers

  10. Кривой backgroung-image в устройствах iPhone и iPad

    Проблема следующая. Сделал сайт-визитку. Таблица из 3-х строк(шапка, контент, подвал), в каждой по ячейке. Каждой из ячеек прописал backgroung-image. Сайт во всех браузерах отображается нормально, но если заходить с iPhone или iPad бэкграунд контента сжимается и занимает лишь половину ширины, в то время как шапка и подвал отображаются как следует. В чем может быть дело? HTML <tr> <td id="header"></td> </tr> <tr> <td id="content"></td> </tr> <tr> <td id="footer"></td> </tr> CSS #header { width:1024px; padding:0px; height:335px; margin:0px; background-image:url(../img/header.jpg); } #content { m…

    Asked by santik,

    0 votes
    2 answers

  11. Показ изображения и капча код.

    Всем добрый вечер. Помогите пожалуста, как зделать чтобы при нажатии на изображение оно отрывалось не в новой вкладке как в фейсбуке или в контакте? Второй вопрос, как вставить проверочный капча код при вводе сообщения как на этом сайте?

    Asked by Hypnoso,

    0 votes
    2 answers

  12. глючит фон

    подскажите пожалуйста что делать див shapka почемуте неадекватно работает далее привожу код CSS .shapka { background: url('image/vse.jpg'); height:300px; } HTML <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="index.css"> <title>Договор</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div class="shapka"> </div> <div class="knopki"> <a href="index.html"><img src="image\dom.jpg" ></a> <a href="bet.html"><img src="image\bet.jpg" ></a> …

    Asked by voin545,

    0 votes
    2 answers

  13. Не работает background-size

    Уважаемые форумчане доброго времени суток. Подскажите как быть. Почему-то не в css не работает тег "background-size". Привожу код: html,body .vse { background: url(image/vse.jpg); background-size: cover; }

    Asked by voin545,

    0 votes
    2 answers

  14. div:hover и свойство color

    Всем привет. Есть стили: .filt-producer { width: 130px; margin-bottom: 5px; cursor: pointer; } .filt-producer :hover { color: #0088cc; } Есть html-код: <div class="filt-producer"><strong>Name1</strong></div> <div class="filt-producer">Name2</div> Проблема в том, что при наведении курсора на первый div, цвет текста в нем меняется, во втором div'е - нет. Если текст во втором диве обернуть в <strong>, то все ок. Как сделать так, чтобы цвет текста менялся независимо от того <strong> он или нет? Спасибо.

    Asked by soler,

    0 votes
    2 answers

  15. Hover на несколько элементов

    Начал недавно осваивать верстку, столкнулся со следующей проблемой. Есть следующий код: <div id="wrap"> <div id="f"> Один</div> <div id="s"> Два </div> <div id="t"> Три </div> </div> И Css к нему: #f { background-color: red; float:left; width:30%; } #s { background-color:yellow; float:left; width:30%; } #t { background-color: green; } #wrap:hover { background-color: teal; } Нужно чтобы при наведении на любой из дивов #f #s #t все три дива меняли бэкграунд на teal. Вышенаписанный код не работает. Как сделать? jquery и javascript использовать нельзя. Спасибо/

    Asked by DmitryG,

    0 votes
    2 answers

  16. Веб-программисты! Сюда!

    Интересно послушать а как вы стали веб-программистом? В каком порядке учили языки, как именно учили каждый из них, какие читали книги (авторы) и как практиковались? Сам я еще нуб, поэтому хочу пойти по следу опытных людей)

    Asked by tooq,

    0 votes
    2 answers

  17. Помогите с фоном!

    Как сделать фон внутри фона! То есть нужно посередине сайта ( от начала левой колонки, до конца содержимого с права) пустить полосу с другим фоном!

    Asked by Diman777,

    0 votes
    2 answers

  18. Верстка проблемы с IE

    Здравствуйте, проблема в том что после верстки дизайна в IE страница открывается нормально как и во всех браузерах но появляется горизонтальная полоса прокрутки и если ее мотать (сайт при этом на растягивается) то фон длится в право до бесконечности чем дальше ведешь полосу чем дальше уходишь в право от сайта. вот сайт http://gurmantea.ru/ подскажите где ошибка или что то браузер на поддерживает хотя использовал простые теги.

    Asked by j-63,

    0 votes
    2 answers

  19. Мнемоника HML5

    Прошу прощения за опечатку, не знаю как отредактировать тему. Речь конечно же про HTML5. Что-то изменилось? Например, не работает &emsp. Википедия пишет, что это HTML4. Так как быть? Неужели они такие вещи меняли и зачем.... Или этот пробел и в html4 не работает? Быстро вопрос решился, прошу прощения, снова. " ;" ?? Сбило, что обычный пробел в этом не нуждается...

    Asked by alexandr_v-vich,

    0 votes
    2 answers

  20. Как это сделать и что это такое?

    Привет, помогите пожалуйста Почему-то не хочет картинка отображаться Если не видно http://imageshack.us/photo/my-images/401/picjj.jpg Допустим есть таблица. Я хочу чтобы при нажатии на слово "развернуть" эта строка меняла свою высоту и отображался какой-нибудь текст. А при повторном нажатии надо чтобы таблица принимала свой первоначальный вид. Я не говорю что это должна быть именно таблица, слово таблица использовала чтобы просто объяснить. Может тут таблицы и не причем. Скажите, пожалуста, как это делается и как это называется, чтобы хотя бы знать по каким словам искать в гугле

    Asked by Эма,

    0 votes
    2 answers

  21. прижать ДИВ к низу ячейки?

    Здравствуйте скажите как прижать ДИВ к низу ячейки? vertical-align:bottom; в мозиле и ИЕ неработает почемуто

    Asked by igor3310,

    0 votes
    2 answers

  22. Проблема с кодировкой

    Создал форму обратной связи на сайте сделал обработчик пхп. Все работает письма присылаются, но когда приходит письмо то в некоторых словах появляются ромбики. Кодировка ютф-8. И еще одна не задача в зависимости заполнения формы, ромбики появляются в разных местах. Письма отсылаются на почту mail.ru. В чем может быть проблема?

    Asked by Vitek25,

    0 votes
    2 answers

  23. Фон ютуба

    Ребят подмогните плиз дурочку, как фон ютуба к себе на сайт завести? В html капельку только пониамю.... сенки

    Asked by sergeyshat,

    0 votes
    2 answers

  24. Opera. Проблемы с обтеканием картинкой списка

    В Опере Версия: 11.61 Сборка: 1250 Платформа: Win32 Есть картинка и рядом список. Нужно сделать обтекание. Условие, что список должен иметь буллеты снаружи (list-style-position:outside) <div> <img style="float: left;" src="/images/1.jpg" width="171px" height="176" /> <ul> <li>Подраздел</li> <li>Подраздел</li> <li>Подраздел</li> </ul> <p>какой то текст</p> </div> По теме нашел линку http://xpoint.ru/forums/internet/html_css/markup/thread/39748.xhtml

    Asked by lost,

    0 votes
    2 answers

  25. Что такое default button

    Здравствуйте! Объясните, пожалуйста, что такое default button (в чем отличие от command button) и как ее вставить в html-код?

    Asked by hike,

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