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. yandex опять пустое место показывает! как починить?

    Приветствую, Вроде получалось победить яндекс, не было пустого места слева, причём мне этот способ подсказали в техподдержке яндекса. но на днях способ просто перестал работать. а техподдержка молчит. css для яндекса у меня: первые две команды - убрать привязку строки поиска - работает и сейчас, но третья строка раньше убирала пустое место слева. сейчас она ничего не делает. .b-head-floater_fixed_yes{display: none;} .b-scroll{display: none;} .b-page-layout__column-proxy {margin-left: 0 !important} я пробовал найти, что отвечает за появление прорехи и нашёл - смотреть вложенный рисунок. но - не получается переопределить. как мне переопределить для яндекса .b-serp-item { …

    Asked by tte,

    0 votes
    5 answers

  2. Кривое отображение

    День добрый )) Подскажите, от чего у меня так криво отображается страничка в хроме и как это исправить! ссылка удалена модератором <html> <head> <style type="text/css"> BODY { font-size: +2; font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; } #table-outer { position:relative; width:100%; } /**/ #table-bg { width:100%; } /**/ #self-table { position:absolute; left:0; top:0; width:100%; } </style> <title>Удаленное администрирование</title> </head> <body> <div id="table-outer"> <img id="table-bg" src="ad.bmp" …

    Asked by laird,

    0 votes
    5 answers

  3. выпадающие списки: дергается страница при свертывании/развертывании пункта

    Чтобы воспроизвести, раскройте два последних пункта списка, category 2 и LAST. Страничка дёргается при разворачивании/сворачивании LAST, то есть когда контент пересекает нижнюю границу экрана: http://jsfiddle.net/kpoxo6op/kWBBz/#base Мне же нужно поведение, как на этом примере: http://www.designchemical.com/lab/jq...gin/examples/# Тут как ни жми, страничка просто удлинняется и укорачивается, без дёрганья.

    Asked by kpoxo6op,

    0 votes
    5 answers

  4. 2 div в одну линию при неизвестной ширине родительского div

    есть примерно такая ситуация <div class="0"> <div class="1"> </div> <div class="2"> </div> </div> div.1 { float: left; width: auto; } div.2 { float: left; width: 83%; } Ширина div.0 не известна, т.к. это схема организации комментариев, а при "комментарии на комментарий" div.0 смещается вправо и соответственно сужается. Можно ли сделать так, что бы div.2 растягивался на всю ширину от правого края div.1 до правого края div.0?

    Asked by Nilagor,

    0 votes
    5 answers

  5. Помогите разобраться с float

    Здравствуйте! пожалуйста помогите разобраться с задачкой с которой мне пришлось столкнуться. Задача тривиальная, создать блок в котором будут ещё два блока.Вопрос в следующем, почему при увеличении текста в левом блоке блок включающий его не увеличивается, а текст залезает на следующий блок.А ведь по идеи фон должен растягиваться вместе с вложенным в него блоком http://savepic.su/535000.htm <div id="content"> <div class="container_content"> <div id="main">"On the other h...</div> <div id="sidebar">...</div> </div> </div> http://savepic.su/543194.png Заранее благодарен.

    Asked by web_body,

    0 votes
    5 answers

  6. background-size

    Добрый день! Вот что выдает валидатор http://validator.w3.org/ 21 .shapka Свойство -webkit-background-size не существует : 100% 22 .shapka Свойство -o-background-size не существует : 100% 23 .shapka Свойство -moz-background-size не существует : content-box 77 .spisok Свойство background-size не существует в CSS2.1, но существует в [css3] : 100% 100% 103 .razdel Свойство background-size не существует в CSS2.1, но существует в [css3] : 100% 100% Как быть? Может где то у меня нужно указать что это css3 или как то по другому написать сам css. Вот мой кусок css .shapka { position: absolute; height: 13%; width: 88%; left: 0%; top: 0%; right: 0%; bottom: aut…

    Asked by Petro21,

    0 votes
    5 answers

  7. всплывающее окно

    Есть ли javascript или варианты с фреймами для создания всплывающего окошка при нажатии на ссылку в одном и том же окне? Как на сайте http://lowenbrau.ru/?

    Asked by laird,

    0 votes
    5 answers

  8. Вопрос о выравнивании

    Возник такой вопрос: У нас есть див, и в нем 5 строковых элементов(точнее inline-block). Как сделать чтобы пятый прижимался к правому краю всего дива? Я так понимаю оч просто: text-align:right; но как это прописать с помощью CSS только для пятого элемента?

    Asked by fragilewelldone,

    0 votes
    5 answers

  9. Как протестировать сайт на ИЕ6 онлайн?

    Есть ли возможность протестировать сайт (онлайн), работает ли в ИЕ6 (и др.)?

    Asked by copyright,

    0 votes
    5 answers

  10. Не прижимается футер

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

    Asked by rilada,

    0 votes
    5 answers

  11. мозила не выравнивает по центру

    Добрый вечер! Столкнулся недавно с одной очень странной проблемой - у заказчика сайт не отображается по центру (хотя должен бы), а выравнивается по левому краю - у меня же во всех браузерах все в порядке по центру, пробовал на разных компах - все одно по центру. Каким образом у него отображается с левого края ума не приложу. Заказчик и слушать не желает о том, что везде отображается нормально, и только у него неправильно. Проверить настройки его браузера и компа нет возможности. Во вложении скрин с его компа. Сайт: стильныеокна.рф. http://savepic.su/634242.jpg

    Asked by s2r,

    0 votes
    5 answers

  12. Вложенные формы

    Не знаю, можно ли как-то сделать формы вложенные друг в друга... Простенько наверно можно это описать наподобии такого кода (который конечно же не работает!) <form method="post" action="1.php"> <form method='post' action="2.php"> <input type='text' name='num'> <input type="submit" value="Перейти на страницу 1"> </form> <input type='text' name='res'> <input type="submit" value="Перейти на страницу 2"> </form> Как можно это написать правильно, и можно ли вообще, чтобы при клике на любую из кнопок у нас передавалось значение num, а второй передавалось и res?

    Asked by Nadyu,

    0 votes
    5 answers

  13. На чём посоветуете реализовать?

    Здравствуйте друзья. Прошу, как все наверное, простить меня за глупый вопрос. Я знаю css и html на так сказать терпимом уровне (на всякий случай) Так вот, вопрос. Хочу для друга реализовать конструктор + калькулятор мебели (диваны), что бы человек последовательно мог выбирать материалы, размеры и прочее по списку. В итоге, на выходе должна получится картинка с ценой. Делал кто ни будь такое уже? Я не прошу решения, просто, если кто то такое уже делал, направьте на путь истинный, что бы для этого не понадобилось. Буду рад любой полезной информации. Да, кстати, сайта пока нет. Буду делать на голом html.

    Asked by O'Nanas,

    0 votes
    5 answers

  14. Равная высота блоков div

    Здравствуйте! Необходимо создать равную высоту двух блоков div. Блоки выровнял с помощью: float: left; Оба блока имеют визуальную границу. По идее, левый блок будет всегда иметь больше текста, чем правый. Но получается некрасиво - левый блок значительно ниже уходит границей, а хотелось бы чтобы обе нижние границы блоков были на одном уровне. Просьба сразу не пинать ногами, можно тыкнуть носом в мануал (хотя ничего не смог выудить полезного ) Всё вышесказанное одной картинкой http://s017.radikal.ru/i415/1111/36/0728d5870c67.png

    Asked by SniPPer,

    0 votes
    5 answers

  15. Ссылки поверх дива

    <a href="/"><img src="/i/rem.png"></a> <a href="/"><img src="/i/techobs.png"></a> <a href="/"><img src="/i/obrdoc.png"></a> <a href="/"><img src="/i/stel.png"></a> <a href="/"><img src="/i/dopobor.png"></a> <a href="/"><img src="/i/cont.png"></a> <div id="star"></div> Как сделать чтобы ссылки были поверх дива? Сейчас див почему-то перекрывает ссылки.

    Asked by Tchorteg,

    0 votes
    5 answers

  16. bg for wrapper

    У меня есть враппер, которому задаю значения: #wrapper{ min-width: 1240px; width: 100%; ьшт-height: 100px; height: 100%; margin: 0 auto; background: rgba(0,0,0,0.3); } И когда он рисует bg то рисует его весь в ширину и хейт равный 100пикс, как сделать, что бы он занимал вплоть до конца страницы. п.с. clan-amp.ru

    Asked by Wahlberg,

    0 votes
    5 answers

  17. выравнивание по центру

    как выравнять по центру (и по вертикали и по горизонтали) элемент с плавающей высотой и шириной?

    Asked by z700i,

    0 votes
    5 answers

  18. Помогите растянуть див

    Здравствуйте. Мне нужно растянуть блок с контентом на сто процентов, на примере видно для чего это мне нужно _bio-logiya.ru Пробовал методом padding-bottom: 20000px; margin-bottom: -20000px; и для container'a overflow: hidden; но тогда то что за контейнером всё обрезалось и кусок коровки и бабочки. Какие ещё есть варианты?

    Asked by bayanruby2,

    0 votes
    5 answers

  19. Перенос строк при помощи CSS

    Всем привет. Являюсь начинающим в веб-дизайне и не могу понять, как сделать следующую вещь. Интересует именно реализация через CSS. HTML <h3>Заголовок 1</h3> <p><img src="theme1.png" class="image">Текст текст текст</p> <h3>Заголовок 2</h3> <p><img src="theme2.png" class="image">Текст текст текст</p> CSS .image { float: left }

    Asked by B2ron,

    0 votes
    5 answers

  20. Спрайты

    спрайты, уважаемые мегамозги скажите а можно ли использовать одновременно 5-10 изображений с помощью спрайтов? А то в примере только с 1-ной фото указан http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Напишите решение пожалуйста!!!

    Asked by Гость,

    0 votes
    5 answers

  21. Проблемы с float

    Есть страница с футером, прижатым к низу страницы. Сверху див с основным контентом. В нем слева див с меню, у него задано float: left. Следующий див на всю ширину. В нем набор элементов, также с float: left. Необходимо делить плавающие элементы подзаголовками. При этом первое же разделение уносит всё, что отделено на уровень ниже дива с меню. Вот образец: http://kaminski.dyndns.tv/look.php Попытка задать для дива с меню height: 0px на первый взгляд помогает решить проблему, но тогда если меню разрастается по высоте, оно залазит "под футер". Смотреть: http://kaminski.dyndns.tv/look2.php

    Asked by kaminski,

    0 votes
    5 answers

  22. Вставка логотипа в флеш плеер на сайте

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

    Asked by vadimcucherencko,

    0 votes
    5 answers

  23. Фоновое изображение на первой строчке div`a

    Всем привет! У меня есть див в котором текст, мне нужно на первую строчку, в левый угол, добавить изображение и чтобы у первой строчки был отступ на длину изображения(30px). Пробовал так: Код(html): <div class="title">→ Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст!</div> Код(css): .title { display:inline-block; padding:0px; margin:0px; color:#333; font-size:18px; font-style:italic; font-weight:bold; } .title:first-line { padding-left:30px; background:url(../images/tegs/twitter.png) no-repeat top left; } - Нет! Подскажите! Заранее спасибо!

    Asked by Serpanok,

    0 votes
    5 answers

  24. html верстка

    Доброго времени суток уважаемые форумчане ! 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"> <head> <title>test</title> <style type="text/css"> html, body { width:100%; height:100%; } * { margin: 0; padding: 0; } </style> </head> <body> <div id = "1" style = "background-color:red; width: 100%; height: 100px;"></div> <…

    Asked by bloodVIRUS,

    0 votes
    5 answers

  25. Меню с картинкой

    Здравствуйте, при верстке одного макета столкнулся с одной проблемой, не получается сделать меню с картинкой, вот демо. А как должно быть вот скрин Что посоветуете, как с этим бороться?

    Asked by moslem,

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