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. Проблема с CSS в Smarty

    У меня проблема, Большая... Есть структура: templates/index.tpl css/main.css index.php Код index.tpl <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0.1//EN"> <html> <head> <title>{$page_name}</title> <meta name="robots" content="index, follow"> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta http-equiv="pragma" content="no-cashe"> <link rel="stylesheet" type="text/css" href="/css/main.css"> </head> <body> <h2>{$head_page}</h2> </body> </html> Код main.css h2 { color : red; font-family : 's…

    Asked by shkoda,

    0 votes
    10 answers

  2. Проблема с css и html

    Здравствуйте! Помогите мне сделать так, как я хочу) Показано на изображении: Вот css, который я написал для картинки div#sermonsauthor a:hover {color: #363636;} div#sermonsauthor { background: url(../img/sermonsfonauthor.png) no-repeat; width: 770px; height:263px; margin:0 auto; } div#authorphoto { width: 223px; height:223px; padding:20px; } Для текста рядом (который сине-голубым цветом) не могу написать, это в данном случае в css sermonstextauthor Вот html код: <div id="sermonsauthor"> <div id="authorphoto"><img src="/img/IMG.png"></div> <div class="sermontextauthor" id="sermonstextauthor">Этот сине-голубой текст</div> </div&gt…

    Asked by Xorigan,

    0 votes
    2 answers

  3. Проблема с CSS меню

    Установил меню над шапкой. И появился вот такой зазор между CSS меню и Шапкой сайта.(Cм. рисунок выше) Что делать?

    Asked by Owen,

    0 votes
    6 answers

  4. Проблема с css сайта

    Здравствуйте! Подскажите подалуйста как решить проблему сайта! разрабатывал макета при разрешении 1366х768. При смене разрешения на 1024х768 шапка сайта начинает наезжать друг на друга - вернее на две строки вниз переносится(не вмещается). Можно ли как то, исправить данную проблему? Заранее спасибо! Адрес проблемного сайта kinoiserial.ucoz.ru

    Asked by allonemoon,

    0 votes
    2 answers

  5. проблема с Denwer'ом

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

    Asked by Lemming,

    0 votes
    14 answers

  6. Проблема с display: none;

    Здравствуйте! Очень надеюсь на вашу помощь. Есть стрим видеоплеер для просмотра видео прямо с торрент файлов ace stream и я хочу поставить его на сайт посредством модального окна. Вставляю код самого плеера и плейлист (источник видео): <div id="player" style="display: none;"><embed id="plugin" type="application/x-acestream-plugin" width="800" height="600" fullscreencontrols="true" fscontrolsenable="true" fscontrols="default" nofscontrolsenable="true" nofscontrols="default" nofscontrolsheight="36" loopable="false" /> <script type="text/javascript"> var plugin = document.getElementById(…

    Asked by Drazz,

    0 votes
    0 answers

  7. Проблема с display:block внутри табов

    Вот страница - http://borha.ru/contests/3-mezhregionalnaja-olimpiada-shkolnikov-vysshaja-proba.html Если открыть через Firebug, то код такой: <table class="teaser2"> <tbody><tr><td class="teaser21"><img src="/upload/000/u1/015/0af7dfcc.jpg"><div class="content_item_props contests_item_props" style="display: none;"></td><td class="teaser22"></tr></tbody>в коде в шаблоне такого кода нет, но он сам почему-то появляется... Напишите пожалуйста как исправить, чтобы было видно поля снизу

    Asked by sergeyborha,

    0 votes
    1 answer

  8. Проблема с display:block при использовании padding

    Есть обычный блок DIV, а в нем ссылка. Мне нужно, чтобы при наведении на любую часть DIV'а работала данная ссылка и цвет заливки DIV'а менялся на другой цвет. Я знаю, что это делается при помощи display:block. Но проблема в том, что для выравнивания текста внутри DIV'а я использую padding. И вот тут как раз появляется косяк - та зона, которая отдана padding'у перестает менять цвет при наведении и на на этой области перестает работать ссылка. Вот как это все выглядит: Ну соответственно вопрос - как при использовании padding заставить выделяться и менять цвет именно весь DIV?

    Asked by MiHALbI4,

    0 votes
    2 answers

  9. проблема с display:none

    Здравствуйте всем! Имеется таблица, каждая строка которой представляет собой "подтаблицу", которая при начальной загрузке страницы невидима, т.е. display=none. Есть кнопка, которая по нажатию отображает эту вложенную таблицу, так вот, в IE работает все нормально, но в FF и Опере содержимое подтаблиц вталкивается в первую ячейку, а не распределяется по колонкам. Код таблицы приведен ниже. Название Дата Очки Показать Вложенная таблица 1 1. Строка 1 21.05.2007 14:36 20.00 ... Кто подскажет, в чем причина? Заранее спасибо!

    Asked by a_web,

    0 votes
    3 answers

  10. Проблема с div

    Здравствуйте, сразу скажу, что я начинающий и толком ничего не умею. Вопрос такой. Имеется div с абсолютным позиционированием: .main { position:absolute; width:100%; right:300px; height:400px; background-color:#0000CC; } На практике из-за тега right он как бы смещается влево, при этом уезжая за край окна браузера на эти 300px. Каким образом можно этого "уезжания" избежать, оставив неизменным отступ справа? При этом сам див должен быть динамическим. Пробовал использовать одновременно right и left без указания длины в сто процентов, но ie это дело не поддерживает и формирует в отличие от оперы ширину дива по его содержимому. Могу ещё сказать, что в левой части находится к…

    Asked by Счастье Ммм,

    0 votes
    10 answers

  11. Проблема с div

    Так вот, если посомтреть на картинку, то {content} (который реально помещен в див containe) то он не хочет просто там быть. Почему?( А как только уберу float: right; - так он сразу там где надо. И левый блок, тот который затертый, если присвоено значение float: left; - то он так же сразу делаеться на прозрачном фоне. В чем же дело? Спасите, срочно надо( http://s1.ipicture.ru/uploads/20120406/bN1A4pzc.jpg

    Asked by emtecif,

    0 votes
    3 answers

  12. Проблема с div

    Здравствуйте. Короткое описание цели: я хочу сделать блок на странице, и чтобы слева от него впритык был маленький блок с меню, добился данного эффекта следующим образом: запихал эти два блока в 1 большой блок, и у основного блока прописал float:right тут и проблема, снизу на картинке содержимое маленького блока, я без понятия почему блок съехал так как и задумывалось, а содержимое блока осталось внизу страницы... я хочу именно чтобы блок с меню был под главным, и тень от главного на него падала, поэтому такое извращение Подскажите пожалуйста как передвинуть содержимое вслед за блоком или может другой способ реализации.

    Asked by Dumle,

    0 votes
    4 answers

  13. Проблема с div (наверное). Помогите!

    Вот такой вот код: #prodbtn a { font-family: Century Gothic; font-size: 14px; text-decoration: none; background: #e5e5e5; padding: 5px; border: solid 1px black; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px } #prodbtn a:hover { text-decoration: underline; background: #c1c1c1; } <a href = "http://link"><div id = "prodbtn">Оборудование</div></a> <a href = "http://link"><div id = "prodbtn">Программное обеспечение</div></a> Я в верстке шарю чуть лучше, чем никак. Хочу сделать 2 кнопки простенькие, на которых написано слово, а по клику пер…

    Asked by Shimmy,

    0 votes
    3 answers

  14. Проблема с Div position:absolute;

    Постараюсь кратко изложить суть проблемы есть два блока <div id="background" style="position:absolute;"> <div id="bg1"></div> <div id="bg2"></div> <div id="bg3"></div> <div id="bg4"></div> <div id="bg5"></div> </div> таким образом я сформировал сложный фон для страницы, теперь мне нужно сверху наложить остальную часть сайта <div id="body" style="position:absolute;"> <div id="content"></div> ............ ............. </div> В итоге получаем сайт состоящий из двух слоев Но мне нужно, чтобы <div id="background"> был дочерним по отношению к <di…

    Asked by freesoul,

    0 votes
    1 answer

  15. Проблема с Div блоками по горизонтале

    Здравствуйте!Подскажите пожалуйста начинающему верстальщику,у меня проблема с блоками,мне надо разместить три блока с одинаковой высотой и шириной ровно по горизонтале,но у меня получается что один блок выше второго,а третий вообще встает под первый!Может я что то в коде упустил!?Заранее всем спасибо.

    Asked by mixman48,

    0 votes
    2 answers

  16. Проблема с div блоком, не расширяется на 100% по высоте

    Имеется следующий код html и css <!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=utf-8" /> <title></title> <link href="style/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <div class="header_left"> <div class="header_left_line"> <div class="header_left_line_bottom"> …

    Asked by dinaron,

    0 votes
    2 answers

  17. Проблема с DIV в IE 6.0

    Не могу понять почему в IE6 верстка кривая и, главное, как поправить. Вот здесь можно глянуть страничку: http://jsfiddle.net/BWcxQ/ В свежих браузерах все работает нормально: шапка, левое меню, тело. А в шестом ослике проблема - панель левого меню сдвигается вправо... Как исправить, подскажите!

    Asked by Talker,

    0 votes
    2 answers

  18. Проблема с div и onmouseover

    6 часов бился, честно, уже нет сил. Идея - сделать меню, имеется 2 картинки, push - когда мышка над кнопкой и npush когда мышка не над кнопкой. Требуется - меню из n пунктов, при наведении на один пункт он подсвечивается, ПОВЕРХ ФОНА КНОПКИ ТЕКСТ. Мой код, итоговый. последний что в голвоу пришёл (помоему так нельзя, но источники противоречат) <div style="background-image:url(npush1.png); height:35; width:200;" onmouseover="this.style.background('push.png')" onmouseout="this.style.background('npush.png')">текст на кнопке </div> То что жирным отмечено, работает. Были варианты this.style.background-image('push.png'), с кавычками и без. Перепробывал реально кучу в…

    Asked by kxz8,

    0 votes
    16 answers

  19. Проблема с Div и флоатными элементами

    Верстаю собственно страничку, вот код http://jsfiddle.net/Yura/mWNap/ Возникла такая проблема, имеется header content и footer в контенте имеются элементы <ul><li></li></ul> при помощи которых сделано горизонтальное меню естественно эти элементы флоатны. Так вот когда я выставляю для <li> float:left нижняя граница контента приподнимается над <ul> Что бы опустить границу, после ul вставил <div> </div> и присвоил ему clear:both; тогда граница опускается Пожалуйста объясните, почему происходит поднятие границы, ведь насколько я понимаю <ul> находится в <div id="content"> и не должен выходить за его границы. …

    Asked by rango2014,

    0 votes
    19 answers

  20. Проблема с div или еще с чем?

    Доброго времени суток, уважаемые форумчане. Я начинающий в этом деле. подскажите, если кто заметит в чем моя ошибка. Буду безмерно благодарен. http://hogw.ru/catalog/ адрес тестовый. Проблемы в следующем. В браузере Explorer блок с содержимым сайта съезжает влево, при сжатии браузера (уменьшении ширины браузера)картинка показывает нормально. Тот же самый блок в Firefox и Chrome остается по центру, как и должно быть. Все вроде бы ничего, но в Chrome появляется другая ошибка, которой нет в других браузерах. В Chrome блок обрывается не доползая до конца страницы. Пытаюсь найти решение так чтобы при написании текста в этом блоке фон (пергамента) доходил до самого подвала стра…

    Asked by strize,

    0 votes
    3 answers

  21. проблема с Div`ами

    Добрый день, у меня следующая проблема: есть главный div container (на картинке в синей рамке) в нем расположены еще два div`a content (тот что слева обведен зеленой рамкой) и sidebar (обведен красной). 1. главный div контейнер почему-то по высоте меньше чем div content. 2. sidebar занимает место не справа, а на всю ширину страницы (по сути он сейчас равен по размерам container). Надеюсь на помощь, т.к. только начал разбираться в верстке. Так выглядит html: <div id="container"> <div id="content"> <div class= "slider"> <img src ="img/slider.png" alt= "Слайдер"/> </div> …

    Asked by Gr1n4,

    0 votes
    2 answers

  22. Проблема с div-ами...

    Есть некоторая задача: "Сделать два резиновых столбца. Первый — 20% по ширине, второй — 80%, между ними расстояние 20 пикселей, расстояния от краёв страницы слева и справа 10 пискелей. Без использования таблиц и javascript." Мой вопрос такой: Как сделать расстояние 20px. между колонками, если 20%+80%=100% т.е. вся доступная ширина, которая исключает еще какие-либо размеры вроде "20px".

    Asked by Mark Ghaphes,

    0 votes
    48 answers

  23. Проблема с DIV-ом: как заставить след. блоки не строиться под предыдущим

    Уважаемые господа. Помогите с решением данной проблемы: есть страница выводящая подкатегории в Joomla-шаблоне, не могу найти решение вывода подкатегорий не списком "друг под другом" (как сейчас), а по-строчно (по 2,3,4 элемента в строке). В коде html-прописаны размеры div-блоков каждого нового выводимого элемента, но что-то мешает этому отрабатывать корректно. Просмотр кода и тыканье css-стилей через инструмент "проинспектировать элемент" (как это делаю обычно) - результатов не дали. Помогите, пожалуйста! Вот ссылка на страницу: http://ruprosport.marker-armavir.ru/index.php/shop-now/18

    Asked by p_sheremet,

    0 votes
    1 answer

  24. Проблема с div-ссылкой в Firefox

    Суть такова. Делаем портал на php с одним человеком. Дизайн разработал я, а верстал он. Но мы оба не профессионалы в этом деле и так как я пользуюсь браузером Firefox, а он - Opera, то у нас сразу выяснилось много проблем. И вот одна из них, которую мы просто наглухо не можем решить. Дело вот в чём. Разрабатываем топ юзеров, ну блок такой сбоку. Выглядит он примерно так: При наведении курсора на каждый блок он весь как ссылка отображаться должен. То есть не только на текст ника или аватарку, а вообще ка каждый отдельный блок курсор наводишь, он цвет немного меняет и как ссылка отображается. Их CSS таков: .usertop-block-0 { font-family: tahoma, verdana, arial, sans-se…

    Asked by bems,

    0 votes
    10 answers

  25. Проблема с DIV'ами

    Задача. В тег ДИВ фиксированного размера вставить Н-ое число ДИВов, внутри которых будет хранится изображение. Необходимо сделать прокрутку этих изображений в ДИВе, без использования скролл-бара. Проблема: 1. Внутренние ДИВы переносятся на след. строку. 2. Не могу выровнять изображение во внутреннем ДИВе по-вертикали. HTML: <div class="photos_slider"> <div><img src="/img/test_photo1.gif" border="0" alt=""></div> <div><img src="/img/test_photo2.gif" border="0" alt=""></div> <div><img src="/img/test_photo3.gif" border="0" alt=""></div> <div><img src="/img/test_photo1.gif" border="0" alt=""></div…

    Asked by Grenouer,

    0 votes
    1 answer

  • Обсуждения

    • 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