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. Помогите разобраться с меню

    Помогите разобраться с меню. Крышка уже едет от него. Все хорошо. Но не работают ссылки при нажатии на них. В чем может быть проблема? Подскажите решение. Исходники: http://jsfiddle.net/r2Y99/

    Asked by bestt,

    0 votes
    5 answers

  2. Помогите разобраться с модулем

    Здравствуйте! Помогите разобраться.. Я только начал осваивать натяжку на joomla 2.5. Создал шаблон, разобрался как его установить, но возникла проблема с модулем меню..собственно модуль я подключил, но стили css теперь вообще криво работают, все поплыло.. Не пойму в чем дело, а главное не пойму как через css настраивать маркированный список, если в джумле вместо него вписывается jdoc:include.... P.S. Теперь стили работают, но почему-то joomla не видит картинки..Помогите разобраться..вот CSS код Еще дополню что изначально в index.php при отладке отображалось только <div id="nav"> и модуль меню (jdoc..), после того как создал меню появился какой-то <div class="modu…

    Asked by Noraad,

    0 votes
    4 answers

  3. Помогите разобраться с мультиклассовостью

    Здравствуйте участники форума помогите с таким вопросом создал небольшой пример, код которого приведу ниже <!DOCTYPE html><html> <head> <meta charset = "utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> <title>sample listing</title> </head><body><div class = "karkas"> <div class = "orange yellow"> </div></div></body></html>* {margin: 0 ;padding: 0 ;}ul{list-style-type: none ; }img {border: none ;}div{margin: 0 auto ;width: 400px ;height: 400px ;}.orange{background: orange ;}.yellow{background: yellow ;}В данном варианте все отрабатывает отлично, как нужно. Но …

    Asked by pavlovda,

    0 votes
    3 answers

  4. Помогите разобраться с навигацией

    Совсем недавно стал изучать html и css. По книжке и видео делать легко, а вот со своими макетами возникают сложности. И первая сложность возникла с навигацией, сверстал, разместил где хотел, оформил как хотел, но не могу понять, почему не окрашивается текст ссылки в нужный цвет класса select. Идея такова, что пункт меню, на которой находится пользователь, имел картинку красно белую и красный цвет текста. Картинка появилась, а текст все так же синий. Почему? Подскажите пожалуйста, где я ошибся или как написать правильно. Такое меню должно получиться html CSS Заранее благодарю за советы.

    Asked by Andrey K,

    0 votes
    2 answers

  5. Помогите разобраться с параметром "vertical-align"

    .menu_but{margin:0; padding:0; width:300px;background: #0420c3; list-style:none;} .menu_but li{padding:0; margin:0 0 1px 0; height:67 px; } .menu_but li a{ text-align:left; height:67px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:table; vertical-align:middle; background:url("../images/but.png"); background-repeat:no-repeat; text-decoration:none; outline:none;} .menu_but li a:hover{background:url("../images/but_a.png");} .menu_but li a.active, .menu li a.active:hover{background:url("../images/but.png");} .menu_but li a span{line-height:15px;} Если я правильно понимаю параметр vertical-align "Применяется К встрое…

    Asked by marrone-art,

    0 votes
    10 answers

  6. Помогите разобраться с пару задачек?

    1)Я прописал для ссылок их цвет при нажатии, наведении и так далее, но что если у меня два разных класса вида ссылок на странице. Как отдельно задать цвета для каждого? 2)Как растнуть ссылки в горизонтальном меню?

    Asked by red-nicolas,

    0 votes
    4 answers

  7. Помогите разобраться с позиционированием ДИВов

    Доброго дня. Помогите с позиционированием элементов. Есть 4 дива: <div id="header"></div> <div id="left"></div> <div id="right"></div> <div id="footer"></div> Должно все выглядеть примерно так: Нужно чтобы: 1. при включении свойства display:none у #left, ДИВ #right должен автоматом занимать его место и растягиваться по всей ширине экрана. 2. при изменении размера окна, должны сжиматься ДИВЫ: left - по высоте, до какого то предела, по ширине он фиксированный. right - должен и по высоте и по ширине, до какого то предела header и footer по ширине, по высоте они фиксированные. Подскажите как правильно начать позиционировать, ч…

    Asked by цсс любитель,

    0 votes
    9 answers

  8. Помогите разобраться с полем!

    Всем доброго времени суток. Только начал свой путь верстальщика. Сейчас работаю над одним из учебных шаблонов данного форума. Мой style.css html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote { padding: 0; margin: 0; font-size: 100%; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } td, th, caption { font-weight: normal; text-align: left; } img, fieldset { border: 0; } ol { padding-left: 1.4em; list-style: decimal; } ul { padding-left: 1.4em; list-style:square; } q:before, q:after { content:''; } #header { height: 401px; background: url(images/header_bg.png) repeat-x; } #header .contact…

    Asked by west456,

    0 votes
    3 answers

  9. Помогите разобраться с примером всплывающего окна

    Пример реализован вот так: http://jsfiddle.net/vend3tta/SE4tS/ по ссылке всё работает, пробую реализовать сам - не работает Вот код html файла: <!DOCTYPE html><head><title>CSS3 Javascript</title><link rel="stylesheet" href="css/style.css"><script type="text/javascript">p = $('.popup__overlay')$('#popup__toggle').click(function() { p.css('display', 'block')})p.click(function(event) { e = event || window.event if (e.target == this) { $(p).css('display', 'none') }})$('.popup__close').click(function() { p.css('display', 'none')})</script></head><body><p><input type="button" value="Popup!" i…

    Asked by alleclf,

    0 votes
    7 answers

  10. Помогите разобраться с проблемой ширина блока div 100%

    Здравствуйте! уже 3 ей день воюю с проблемой помогите одолеть. Проблема такого характера есть блок footer блок div вот ниже весь код. <div id="footer-wrapper"> <div id="footer" class="clearfix"> </div> <div id="footer-info-photographer"> <p></p> </div> </div> вот css код #footer-wrapper { background: none repeat scroll 0 0 #3E3E3E; color: #FFFFFF; } #footer { margin-left: auto; margin-right: auto; min-width: 920px; width: 1200px; } #footer-info-photographer{ margin-left: auto; margin-right: auto; min-width: 920px; width: 1200px; } #footer-info-photographer p{ text-align: center; } П…

    Asked by jaans,

    0 votes
    4 answers

  11. Помогите разобраться с синтаксисом)

    Разбираюсь в создании меню. Разъясните пожалуйста, или дайте ссылку, где можно почитать про такой момент: Есть HTMl код: <div id="menunav"> <ul> <li><a href="#">раздел №1</a></li> <li><a href="#">раздел №2</a></li> <li><a href="#">раздел №3</a></li> <li><a href="#">раздел №4</a></li> </ul> </div> А вот CSS: div#menunav { width: 100%; border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000; font-size: 11px; background-color: #b3b3b3; padding: 0 0 0 30px; } div#menunav ul { margi…

    Asked by Noraad,

    0 votes
    3 answers

  12. Помогите разобраться с сохранением паролей

    Добрый день. В очередной раз прошу помочь =) В общем так, есть этот сайт - _http://fn.eatlas.ru Есть у него в правом верхнем углу форма для ввода логина\пароля. Там есть form, но на сервер она не отправляется submit'ом, а шлются введенные данные через $.ajax(). И все прекрасно работает... Но вот захотелось заказчику, чтоб браузер сохранял логин\пароль И тут встал передо мной вопрос- а какие вообще необходимы условия, чтоб браузер как- минимум: сохранял введеный номер в автозаполнении поля, как- максимум: предлагал пользователю сохранить логин-пароль? Первая мысль- нужно чтоб был сабмит формы. Ок. Сделал невидимый iframe, инпутам дал уникальные name. Результат- Во-первых,…

    Asked by Odrin,

    0 votes
    5 answers

  13. Помогите разобраться с таблиуей

    Здравствуйте помогите пожалуйста разобраться с рамкой вокруг текста суть ошибки заключается в том что надо убрать отступ после верхней строки у крайних элементов чтоб просвета небыло вот исходный код <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="84" width="84"> <img src="http://www.pn.revendge.ru/images/elements/ram/c1.png" alt="" height="84" width="84"> </td> <td style="background: url(http://www.pn.revendge.ru/images/elements/ram/c2.png)"></td> <td height="84" width="84"> <img src="http://www.pn.revendge.ru/images/elements/ram/c3.png" alt="" height…

    Asked by litehause,

    0 votes
    2 answers

  14. помогите разобраться с таблицей

    Есть таблица. Нужно сделать так, чтобы ячейки, имеющие ссылки, были сами ссылками. Юзал поиск, ничего толкового для прешения этой проблемы не нашел. Если задать ссылке высоту и ширину ячейки получается совсем не то, что нужно. И как сделать такую рамку вокруг шапки таблицы как на изображении. Спасибо за помощь. Код: <table class="calendar"> <thead> <tr> <th colspan="7">Календарь на Июль 2011</th> </tr> <tr> <td>пн</td> <td>вт</td> <td>ср</td> <td>чт</td> <td>пт</td> …

    Asked by 9EVIL,

    0 votes
    0 answers

  15. Помогите разобраться с тр?хколоночным макетом

    Помогите ПЖС разобраться с тр?хколоночным и двухколоночным макетами на дивах. Задача: сделать тр?хколоночный макет с шапкой и подвалом (примитивный - хочу разобраться, без всяких там "чтобы меньше 800 не сжимался") при условии что высота колонок определяется их содержимым, и следовательно неизвесно какая из колонок окажется "самой длинной" Я взял двухколоночный макет Влада (с это сайта) но и там при увеличении объ?ма текста в колонке "Меню" подвал прилипает к колонке сбоку. Попытался заключить колонки в общий но это не помогло.Листинг: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #middle…

    Asked by Stran,

    0 votes
    5 answers

  16. Помогите разобраться с фонами

    Помогите пожалуйста разобраться с фонами... Так что бы под левой колонкой не появлялся белый фон... Код HTML: <div id="comp"> <div id="left"> <jdoc:include type="modules" name="left" style="table" /> </div> <jdoc:include type="component" /> </div> Код CSS: #left { width: 300px; float: left; height:100%; background-color: #0420c3; } #comp { width: 98%; background-color:#FFFFFF; } Суть вопроса состоит в том можно ли как-то ограничить фон comp на 300px от левого края или продлить фон left до нижнего края comp. Сейчас эта проблема актуальна http://www.planet-tour.com.ua/

    Asked by marrone-art,

    0 votes
    2 answers

  17. Помогите разобраться с фоном сайта

    Добрый день, мне очень понравился код: <div><img src="мой рисунок.jpg" style="position: fixed; width: 100%; height: 100%" /></div> он растягивает фон на всю страницу вне зависимости от размеров экрана, но к моему сожалению, я ничего не могу разместить на этом фоне, в инете инфы так же нет, кто подскажет как можно построить сайт на таком фоне?

    Asked by Serhio,

    0 votes
    7 answers

  18. Помогите разобраться с формой!

    Привет пипол помогите пожалуйста разобраться с формой, не как не могу включить в ней поля для обязательного заполнения подскажите пожалуйста как мне это сделать, чтобы работали поля на проверку и форма отправлялась на мыло! Вот сама форма. <form action="mailtest11.php" method="POST"> <table width="100%"><!--DWLayoutTable--> <input type="hidden" name="action" value="send"> <p> <td width="100%"> <div align="left"> </p> <table border="0" cellspacing="10" cellpadding="0" bgcolor="#F4F0F0" width="966"> <tr valign="top"> <td width="23%" bordercolor="#C0C0C0"><strong> Контактное лицо (т…

    Asked by Jnger,

    0 votes
    6 answers

  19. Помогите разобраться с шаблоном

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

    Asked by Amphick,

    0 votes
    2 answers

  20. Помогите разобраться с шаблоном

    Приветствую. Я пока начинающий веб-дизайнер и верстальщик, в архиве всего несколько сайтов. Решил сделать себе еще один, немного его изменить, и индивидуализировать. В общем вот ссылка на шаблон. Хочу переименовать кнопки в <header> <div class="right">(кнопки наверху), на русские, после того как сохраняю, русские буквы от туда удаляются. т.е. в коде они есть, а через браузер нет. Тоже самое с <div id="faded">, кнопки слева сбоку(и кнопка learn more). а надпись "Get more information" переименовывается. видимо потому что не в спане? В общем пытался разобраться часа два, ничего не получается. Помогите пожалуйста. возможно это из за JS??

    Asked by Dyke,

    0 votes
    2 answers

  21. Помогите разобраться с шаблоном.

    Разобрался.. CSS

    Asked by Reign2001,

    0 votes
    2 answers

  22. Помогите разобраться с шириной обертывающего слоя

    Здравствуйте.. Никак не могу разобраться в следующей проблеме (страница, где можно это увидеть - http://script.idhost.kz/XHTML_tpl_test/index.html): имеется слой (красного цвета), который содержит 2 других слоя: - синий, шириной 1000px - зеленый, шириной 100% при уменьшении окна браузера менее чем на 1000px по логике обертывающий слой (красный) должен обернуть синий слой, ширина которого = 1000px, и при этом зеленый слой шириной должен быть 1000px. Но на деле выходит так: ширина красного слоя = ширине видимой части окна, и, соответственно, зеленый слой = такой же величине.. Весь день проводил опыты, но неудачно.. Эффект который требуется, можно заметить в Opera или FF,…

    Asked by ScRiPt,

    0 votes
    5 answers

  23. Помогите разобраться со слайдером на css

    Не могу понять, почему не работает слайдер в блоке services-block. Надо, чтобы при нажатии на кнопки Доставка, Гарантия, Кредит, менялся справа текст. Делал аналогично блоку info-block, где все работает. В чем причина, может, что-то я пропустил? http://www.cssdesk.com/DGxeF

    Asked by Qwerty-Art,

    0 votes
    0 answers

  24. Помогите разобраться со слоями

    Привет! Начал разбираться с версткой дивами...сверстал нечто..) в IE7 все отображается как мне надо...то есть вверху блок top, в центре контейнер center с двумя блоками, расположенными слева и справа соответственно......в FF отображается не так как мне надо...помогите, пожалуйста, найти ошибку в стилях <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>test</title> <style> #top{ background-color:#009900; width:95%; margin: 0 …

    Asked by Sand,

    0 votes
    1 answer

  25. Помогите разобраться, как убрать показ ссылки.

    Добрый день. Подскажите пожалуйста, как можно убрать или запретить показ ссылки в браузере html методом? Пример: при наведения курсора на картинку, то в левом нижнем углу (браузер Опера) показывается полный путь ссылки, его надо убрать.

    Asked by abelitro,

    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