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. Как font-size h2 сделать по таким же как у h1, не зная точной величины font-size h1?

    Добрый вечер. Как можно сделать содержимое h2 таким же по высоте как содержимое h1, заранее не узнавая фактический размер шрифта текста тега h1? Благодарю.

    Asked by borus,

    0 votes
    6 answers

  2. нечеткое изображение

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

    Asked by cyklop77,

    0 votes
    3 answers

  3. Шрифты для WEB

    Здравствуйте.Хочу попросить у вас совета по поводу грамотного использования шрифтов при верстке.Что почитать,куда посмотреть,кого спросить...буду признателен за каждый ответ.Спасибо

    Asked by Vollmond,

    0 votes
    7 answers

  4. разница отступа меньше пикселя

    Доброго времени суток. Возникла следующая проблема. Есть 2 блока с позицией absolute, во втором блоке располагается меню. Между их высотой получилась разница меньше пикселя, если ставлю высоту первого блока на пиксель больше разница ещё больше становится, если на пиксель меньше, то ещё меньше. Не могу выровнять, чтобы было одинаково. При этом первый блок при загрузке страницы поднимается с помощью JS. Код прилагаю. HTML код блоков: <div id="active-punkt"></div> <div id='second-menu'></div> CSS код блоков: #active-punkt { position: absolute; margin-left: 1px; padding: 0 5px; z-index: 10; font-size: 10px; width: 53px; co…

    Asked by JhonyLe,

    0 votes
    3 answers

  5. не тянется input

    не получается сделать резиновое текстовое поле формы. на этой странице в контейнере .colR есть форма. я пытался поделить её на 2 области.левая фиксированния(в ней будет абсолютно позиционированный <label>). правая резиновая(в ней будет текстовое поле input). проблема в том, что поле выходит за пределы своего родительского контейнера, в результате чего обрезается справа(некрасиво). так должно выглядеть. а вот так сейчас. помогите пожалуйста понять как такое можно сверстать

    Asked by cyklop77,

    0 votes
    6 answers

  6. Плавное изменение картинки при наведении мыши

    Как сделать чтобы при наведении на картинку, она плавно переходила в другую. После увода курсора с картинки, так же плавно применяло свое прежнее обличье. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01/EN" "http://www.w3.org/TR/html4/strict.dtd" /> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> a.rollover { background: url(bez.PNG); display: block; width: 295px; height: 295px; } a.rollover:hover { background: url(s.PNG); } </style> </head> <body bgcolor="#89afe5"> <center><p><a href="" class="rollover"> </a></p></center&g…

    Asked by Klaus,

    0 votes
    4 answers

  7. И снова вертикальное выравнивание

    У меня вот задача: четыре блока в ряд, каждый блок целиком — ссылка. Текст выровнен по центру. Сейчас так сделано: <nav class="extra__list"> <a class="extra__unit extra__unit_view_1" href="#ex1">Раз</a> <a class="extra__unit extra__unit_view_2" href="#ex2">Два</a> <a class="extra__unit extra__unit_view_3" href="#ex3">Три</a> <a class="extra__unit extra__unit_view_4" href="#ex4">Четыре</a> </nav> .extra__list { display: table; width: 100%;} .extra__unit { display: table-cell; height: 122px; width: 25%; text-align: center; vertical-align: middle; font-size: 24px; border-radius: 3px; padding: 0 30px;} Всё бы …

    Asked by Gaspode,

    0 votes
    17 answers

  8. border-radius

    Собственно нужно сделать закругленные углы и тени, чтоб нормально отображалось в ие 6-8 перепробывал уже все что можно, ничего не хочет работать, мб тут кто подскажет что-нибудь, а то это реально полный провал. слева как должно быть, справа как отображается в ие http://itmages.ru/image/view/381524/f5677160

    Asked by necro,

    0 votes
    9 answers

  9. Помогите с масштабом картинки

    Помогите с масштабом картинки, вот пример Что бы картинка не сплющивалась, а обрезалась по размеру

    Asked by skoch244,

    0 votes
    1 answer

  10. Denver

    Доброе время суток ребята, Пишу свой первый сайт и возникла проблемма с Denver, которую уже второй день немогу решить и работа из-за этого остановилась. Проблемма в том, что не срабатывает команда include в рнр файле. Все файлы размещенны в папке Z:/home/localhost/www/site/www/далее файлы сайта. А именно фаил рнр2.рнр код такой: <html> <head> <title>Моя первая интернет страница </title> </head> <body> Сегодня замечательный день.<br>Я сделал своюпервую интернет страницу <br> <?php echo("А теперь я могу делать и на РНР");include("inc/top.inc");?> </body> </html> и папка inc с размещенным в нем файле top.inc П…

    Asked by tse,

    0 votes
    2 answers

  11. Смена цвета текста при наведении на div с картинкой и текстом...

    Доброго времени суток! Проблема заключается в следующем: есть DIV в котором размещены картинка и текст. Мне нужно сделать это всё как ссылку для открытия модального окна (это сделал) и чтобы текст менял свой цвет. Вот отрывок кода: PHP <span class=\"span_link\" onclick=\"ShowModalbox()\"> <div style=\"width: 100px; height: 100px;\"> <img src=\"".$prev_link."\" style=\"padding-top: ".$marg_top.";\"> </div>".$product['product_name']." </span> CSS A:link, A:visited , .span_link { cursor: pointer; text-decoration: none; color: #6593CB; } A:hover, a.botlink:hover, .toplink:hover, a.copyright_link:hover, .close_link:hover, .span_link :hove…

    Asked by JAGUAR4uk,

    0 votes
    3 answers

  12. Работа clear

    Доброго времени суток. Верстал шаблон и столкнулся с такой проблемой. Внутри блока если поставить у элемента clear, то он вылетает за пределы блок. Если не поставить то верхний блок залезает на элемент. Собственно сабж http://jsfiddle.net/wagJb/1/ Заранее спасибо за помощь.

    Asked by fourty,

    0 votes
    5 answers

  13. :hover для другого элемента

    Всем приятных праздников! Есть ссылка a { color: black; text-decoration: none; } Есть для неё hover-параметры a:hover { text-decoration: underline; color: #666699; } Есть ячейка таблицы с hover-параметрами td.menu1:hover{ background-color: #eaeaea; } Ссылка сидит внутри ячейки таблицы Никак не могу сообразить, как сделать, чтобы при наведении на ячейку (НЕ на ссылку) изменился цвет ссылки (т.е. нужно задать как бы еще один hover-параметр для ссылки, но ведь один уже задан!)

    Asked by Coder_D,

    0 votes
    5 answers

  14. Вертикальная прокрутка при выходе элемента за пределы окна с правой стороны

    Проблема заключается в том, что когда слой (div) выходит за предел окна с правой стороны, то возникает вертикальная прокрутка. При этом такого не случается, если слой вылазит за пределы слева. А его выхода за пределы окна требует дизайн страницы. А точнее на случай разной ширины экрана. Пример: <!DOCTYPE html> <html> <head> <title></title> <style> html, body { width: auto; height: 100%; } body { margin: 0px; } div { border: 1px dotted black; } #spacer-1 { background: red; opacity: 0.7; margin: 0 auto; width: 100%; min-width: 1024px; max-width: 1280px; height: 160…

    Asked by Arantir,

    0 votes
    2 answers

  15. добавить отступы

    помогите пожалуйста добавить отступы сверху и снизу блока .wrap сеичас так. а хотелось бы чтобы было так и так при этом подвал прижат к низу, скроллов не было, при изменении масштаба центрирование сохранялось

    Asked by cyklop77,

    0 votes
    3 answers

  16. Проблема с Firefox зазоры.

    Всем доброго времени суток. Есть такая проблема что в Firefox при масштабировании браузером страницы появляются зазоры в 1px по разным краям. В других браузеров такой проблемы нет. Не подскажите как эту проблему решить?!

    Asked by tini.kRyptoNite,

    0 votes
    0 answers

  17. Сделать часть картинки ссылкой

    Доброго времени суток, уважаемые форумчане и программисты! У меня такая проблема, на сайте есть хедер, в фотошопе дополнил его красивым заголовком, теперь нужно это изменение сделать ссылкой. То есть чтобы отдельная часть картинки была ссылкой. В исходном коде страницы картинка выводится вот так: <div id="block-header"><div> А вот css: #block-header { background: url(../../images/header/rust/header_destroyed2.png) 50% 0 no-repeat; position: relative; z-index: 999; } Подскажите, пожалуйста, как сделать часть этой картинки ссылкой, ну или для начала хотя бы всю картинку ссылкой. Заранее очень благодарен!

    Asked by leny1984,

    0 votes
    3 answers

  18. Полоса

    Помогите сделать полосу между входом и новостями Вот index.php: <? session_start(); ?> <!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"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta http-equiv=\"content-language\" content=\"ru\"> <head> <style> body { background-image:url(9.jpg); } a { color:#00C } </style> <title>MySite</title> </head> <body> <? require_once('bd.php'); mysql_select_db('My'); $result = mysql_query("SELECT * FROM news WHERE id=…

    Asked by web-mindfreak,

    0 votes
    1 answer

  19. Как расстянуть контейнер до подвала?

    Здравствуйте! Возникла проблема которую не могу решить, вернее не хватает знаний в области css., сам макет делал с помощью всем известного http://csstemplater.com/ и выбрал опцию "прижать футер к подвалу". В результате чего футер прижался, но контейнер так и не расстегнулся до футера. Затем с помощью текстуры решил создать тень по бокам и вот тут и возникла головная боль, пробовал и так и эдак., пожалуйста помогите решить проблему, буду очень признателен.

    Asked by volse6nik,

    0 votes
    10 answers

  20. разрывы в таблице

    Собственно, ссылка http://www.174help.ru/ и, собственно, логичный вопрос - что ентому коду html ещё надо, чтобы разрывов между строками таки не было? что-то подсказывает, где-то надо убрать границы таблиц либо.... хз

    Asked by laird,

    0 votes
    4 answers

  21. Не правильно отображается сайт в Mozilla Firefox

    Здраствйте! Помогите пожалуйста. в IE отображает как надо, а в Mozilla Firefox по другому. <html> <head> <style> #container { width: 1000px; heigth: 100%; border: 1px solid red; border-width: 1px 1px 1px 0; } #navigation { width: 200px; height: 100%; float: left; } </style> </head> <body> <div id="container"> <div id="navigation"> </div> </div> </body> </html>

    Asked by alexb,

    0 votes
    3 answers

  22. Вопрос по CSS

    На данном сайте взял исходник на Dropdown Menus -> Centered - это zip-архив. Его содержимое в части CSS: /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssmenus.co.uk Copyright (c) 2009- Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ ul#menu {padding:0; list-style:none; background:url(back.gif); text-align:center; margin:0 auto; font-size:11px; f…

    Asked by dvf,

    0 votes
    2 answers

  23. Тег meta

    Для правильной оптимизации сайта необходимо прописание ключевых слов в тегах meta, как правильно это сделать? <meta http-equiv="KEYWORDS"> <meta http-equiv="DESCRIPTION"> Спасибо

    Asked by Yarkaya,

    0 votes
    1 answer

  24. Вопрос по верстке

    Приветствую всех. Я так вообще только дизайн рисую, но решил еще и версткой сайтов заняться. Верстаю сейчас шаблон по видео-уроку, но столкнулся с некими проблемами которые не охвачены в уроке, вроде до всего догнал, но столкнулся с проблемой footera он почему-то не лежит постоянно внизу и налазит на более старший div, подскажите пожалуйста в чем проблема. Вот домен на котором тестирую http://transfer.milanodiluxe.com/ спасибо всем заранее))

    Asked by brendmaster,

    0 votes
    14 answers

  25. "Падает" контент под меню на float

    Помогите пожалуйста разобраться, делаю сайт и при уменьшении окна браузера контент съезжает под меню. Меню идет статическое 250px, а контент надо что бы тянулся в ширину. #menu { width: 250px; float: left; padding: 0; margin: 0; height:100%; background-color:#C3E0C6; } .button{ float:left; margin-top:80px; margin-left:12px; padding:1px; } #kontakty{ float:left; margin-left:20px; margin-top:10px; padding: 2px; color:#04605B; font-family:Arial, Helvetica, sans-serif; font-size:10pt; } #kontakty ul li p{ font-weight:bold;} #kontakty ul li{ list-style-type:none; line-height:1.5em; z-index:6; } #content { background: #F5FAF5; width: 80%; margin-left:250px; f…

    Asked by katrinok_k,

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