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. Плавное изменение картинки при наведении мыши

    Как сделать чтобы при наведении на картинку, она плавно переходила в другую. После увода курсора с картинки, так же плавно применяло свое прежнее обличье. <!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

  2. Смена цвета текста при наведении на 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

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

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

    Asked by Vollmond,

    0 votes
    7 answers

  4. :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

  5. 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

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

    Проблема заключается в том, что когда слой (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

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

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

    Asked by tini.kRyptoNite,

    0 votes
    0 answers

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

    Доброго времени суток. Возникла следующая проблема. Есть 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

  9. Полоса

    Помогите сделать полосу между входом и новостями Вот 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

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

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

    Asked by laird,

    0 votes
    4 answers

  11. Не правильно отображается сайт в 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

  12. Не могу разобраться

    Всем привет, к сожалению не могу понять что случилось, вставил движок jqwerry на этот раздел, но он почему то не работает на серве, на локальном работает, на сервере есть ещё разделы где есть jqwerry и там все работает, что делать? http://www.vs-aqua.ru/chudo.html

    Asked by ZFJoury,

    0 votes
    4 answers

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

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

    Asked by volse6nik,

    0 votes
    10 answers

  14. Работа clear

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

    Asked by fourty,

    0 votes
    5 answers

  15. border-radius

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

    Asked by necro,

    0 votes
    9 answers

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

    Доброго времени суток, уважаемые форумчане и программисты! У меня такая проблема, на сайте есть хедер, в фотошопе дополнил его красивым заголовком, теперь нужно это изменение сделать ссылкой. То есть чтобы отдельная часть картинки была ссылкой. В исходном коде страницы картинка выводится вот так: <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

  17. Вопрос по 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

  18. Тег meta

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

    Asked by Yarkaya,

    0 votes
    1 answer

  19. Как прописать фон в html?

    Подскажите, как правильно прописать фон посредствам тега (пример)<img src="1111.jpg" alt="1111"> в коде, минуя CSS Спасибо

    Asked by Yarkaya,

    0 votes
    8 answers

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

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

    Asked by cyklop77,

    0 votes
    3 answers

  21. "Падает" контент под меню на 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

  22. Помогите в написании кода

    Здравствуйте! Решил обратиться на форум вашего сайта за помощью, так как не силён в html. Я пользуюсь системой uCoz. Ищу такой html-(css-)код, который при нажатии открывает ajax-окно. В этом окне есть два поля, если в них написать что-нибудь и нажать кнопочку "ОК", то то, что написано, вставится в определённые места определённого html-код(всегда одинакового), который можно будет скопировать и потом вставить и отправить по ЛС(если можно так сделать, то сразу при нажатии на кнопку отправить по ЛС). Если нужна дополнительная информация - спросите.

    Asked by Vladimir_Новичок,

    0 votes
    0 answers

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

    У меня вот задача: четыре блока в ряд, каждый блок целиком — ссылка. Текст выровнен по центру. Сейчас так сделано: <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

  24. Как сделать чтобы прокручивался только контент?

    Привет. Подскажите пожалуйста где можно почитать как сделать фон на сайте так что бы прокручивался только контен. Ну то есть фоном сайта является только одна большая картинка, и если контент выходит за риделы картинки то прокручивался бы только контент. Ну вот например как на этом сайткие - http://www.screenpaper.ru.

    Asked by misha-qwerty,

    0 votes
    1 answer

  25. Кнопки "В контакте", "Facebook" и тд.

    Подскажите, как установить кнопки на сайт?

    Asked by Yarkaya,

    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