HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Проблема с 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…
0 votes10 answers -
Проблема с 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>…
0 votes2 answers -
Проблема с CSS меню
Установил меню над шапкой. И появился вот такой зазор между CSS меню и Шапкой сайта.(Cм. рисунок выше) Что делать?
0 votes6 answers -
Проблема с css сайта
Здравствуйте! Подскажите подалуйста как решить проблему сайта! разрабатывал макета при разрешении 1366х768. При смене разрешения на 1024х768 шапка сайта начинает наезжать друг на друга - вернее на две строки вниз переносится(не вмещается). Можно ли как то, исправить данную проблему? Заранее спасибо! Адрес проблемного сайта kinoiserial.ucoz.ru
0 votes2 answers -
проблема с Denwer'ом
Проблема такая, что при запуске денвера файл hosts переписывается и заполняется всеми моими локальными сайтами. Кто-нибудь сталкивался с подобным? В чем может быть причина этому, и как можно исправить?
0 votes14 answers -
Проблема с 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(…
0 votes0 answers -
Проблема с 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>в коде в шаблоне такого кода нет, но он сам почему-то появляется... Напишите пожалуйста как исправить, чтобы было видно поля снизу
0 votes1 answer -
Проблема с display:block при использовании padding
Есть обычный блок DIV, а в нем ссылка. Мне нужно, чтобы при наведении на любую часть DIV'а работала данная ссылка и цвет заливки DIV'а менялся на другой цвет. Я знаю, что это делается при помощи display:block. Но проблема в том, что для выравнивания текста внутри DIV'а я использую padding. И вот тут как раз появляется косяк - та зона, которая отдана padding'у перестает менять цвет при наведении и на на этой области перестает работать ссылка. Вот как это все выглядит: Ну соответственно вопрос - как при использовании padding заставить выделяться и менять цвет именно весь DIV?
0 votes2 answers -
проблема с display:none
Здравствуйте всем! Имеется таблица, каждая строка которой представляет собой "подтаблицу", которая при начальной загрузке страницы невидима, т.е. display=none. Есть кнопка, которая по нажатию отображает эту вложенную таблицу, так вот, в IE работает все нормально, но в FF и Опере содержимое подтаблиц вталкивается в первую ячейку, а не распределяется по колонкам. Код таблицы приведен ниже. Название Дата Очки Показать Вложенная таблица 1 1. Строка 1 21.05.2007 14:36 20.00 ... Кто подскажет, в чем причина? Заранее спасибо!
0 votes3 answers -
Проблема с div
Здравствуйте, сразу скажу, что я начинающий и толком ничего не умею. Вопрос такой. Имеется div с абсолютным позиционированием: .main { position:absolute; width:100%; right:300px; height:400px; background-color:#0000CC; } На практике из-за тега right он как бы смещается влево, при этом уезжая за край окна браузера на эти 300px. Каким образом можно этого "уезжания" избежать, оставив неизменным отступ справа? При этом сам див должен быть динамическим. Пробовал использовать одновременно right и left без указания длины в сто процентов, но ie это дело не поддерживает и формирует в отличие от оперы ширину дива по его содержимому. Могу ещё сказать, что в левой части находится к…
0 votes10 answers -
Проблема с div
Так вот, если посомтреть на картинку, то {content} (который реально помещен в див containe) то он не хочет просто там быть. Почему?( А как только уберу float: right; - так он сразу там где надо. И левый блок, тот который затертый, если присвоено значение float: left; - то он так же сразу делаеться на прозрачном фоне. В чем же дело? Спасите, срочно надо( http://s1.ipicture.ru/uploads/20120406/bN1A4pzc.jpg
0 votes3 answers -
Проблема с div
Здравствуйте. Короткое описание цели: я хочу сделать блок на странице, и чтобы слева от него впритык был маленький блок с меню, добился данного эффекта следующим образом: запихал эти два блока в 1 большой блок, и у основного блока прописал float:right тут и проблема, снизу на картинке содержимое маленького блока, я без понятия почему блок съехал так как и задумывалось, а содержимое блока осталось внизу страницы... я хочу именно чтобы блок с меню был под главным, и тень от главного на него падала, поэтому такое извращение Подскажите пожалуйста как передвинуть содержимое вслед за блоком или может другой способ реализации.
0 votes4 answers -
Проблема с 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 кнопки простенькие, на которых написано слово, а по клику пер…
0 votes3 answers -
Проблема с 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…
0 votes1 answer -
Проблема с Div блоками по горизонтале
Здравствуйте!Подскажите пожалуйста начинающему верстальщику,у меня проблема с блоками,мне надо разместить три блока с одинаковой высотой и шириной ровно по горизонтале,но у меня получается что один блок выше второго,а третий вообще встает под первый!Может я что то в коде упустил!?Заранее всем спасибо.
0 votes2 answers -
Проблема с 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"> …
0 votes2 answers -
Проблема с DIV в IE 6.0
Не могу понять почему в IE6 верстка кривая и, главное, как поправить. Вот здесь можно глянуть страничку: http://jsfiddle.net/BWcxQ/ В свежих браузерах все работает нормально: шапка, левое меню, тело. А в шестом ослике проблема - панель левого меню сдвигается вправо... Как исправить, подскажите!
0 votes2 answers -
Проблема с 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'), с кавычками и без. Перепробывал реально кучу в…
0 votes16 answers -
Проблема с 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"> и не должен выходить за его границы. …
0 votes19 answers -
Проблема с div или еще с чем?
Доброго времени суток, уважаемые форумчане. Я начинающий в этом деле. подскажите, если кто заметит в чем моя ошибка. Буду безмерно благодарен. http://hogw.ru/catalog/ адрес тестовый. Проблемы в следующем. В браузере Explorer блок с содержимым сайта съезжает влево, при сжатии браузера (уменьшении ширины браузера)картинка показывает нормально. Тот же самый блок в Firefox и Chrome остается по центру, как и должно быть. Все вроде бы ничего, но в Chrome появляется другая ошибка, которой нет в других браузерах. В Chrome блок обрывается не доползая до конца страницы. Пытаюсь найти решение так чтобы при написании текста в этом блоке фон (пергамента) доходил до самого подвала стра…
0 votes3 answers -
проблема с 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> …
0 votes2 answers -
Проблема с div-ами...
Есть некоторая задача: "Сделать два резиновых столбца. Первый — 20% по ширине, второй — 80%, между ними расстояние 20 пикселей, расстояния от краёв страницы слева и справа 10 пискелей. Без использования таблиц и javascript." Мой вопрос такой: Как сделать расстояние 20px. между колонками, если 20%+80%=100% т.е. вся доступная ширина, которая исключает еще какие-либо размеры вроде "20px".
0 votes48 answers -
Проблема с DIV-ом: как заставить след. блоки не строиться под предыдущим
Уважаемые господа. Помогите с решением данной проблемы: есть страница выводящая подкатегории в Joomla-шаблоне, не могу найти решение вывода подкатегорий не списком "друг под другом" (как сейчас), а по-строчно (по 2,3,4 элемента в строке). В коде html-прописаны размеры div-блоков каждого нового выводимого элемента, но что-то мешает этому отрабатывать корректно. Просмотр кода и тыканье css-стилей через инструмент "проинспектировать элемент" (как это делаю обычно) - результатов не дали. Помогите, пожалуйста! Вот ссылка на страницу: http://ruprosport.marker-armavir.ru/index.php/shop-now/18
0 votes1 answer -
Проблема с div-ссылкой в Firefox
Суть такова. Делаем портал на php с одним человеком. Дизайн разработал я, а верстал он. Но мы оба не профессионалы в этом деле и так как я пользуюсь браузером Firefox, а он - Opera, то у нас сразу выяснилось много проблем. И вот одна из них, которую мы просто наглухо не можем решить. Дело вот в чём. Разрабатываем топ юзеров, ну блок такой сбоку. Выглядит он примерно так: При наведении курсора на каждый блок он весь как ссылка отображаться должен. То есть не только на текст ника или аватарку, а вообще ка каждый отдельный блок курсор наводишь, он цвет немного меняет и как ссылка отображается. Их CSS таков: .usertop-block-0 { font-family: tahoma, verdana, arial, sans-se…
0 votes10 answers -
Проблема с 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…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-