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
29542 questions in this forum
-
Проблема с png и ссылками в IE6
Значит есть некий div, background которому я слелал png, и вставил в него 3 ссылки. Ссылки естественно тоже png. Так вот эти значит ссылки в IE 6 не работают - как ссылки, :|:/
0 votes6 answers -
Див, залазиющий на див
Здравствуйте! Подскажите пожалуйста как сделать слой, который будет поверх первого слоя и на всю ширину первого слоя? У меня имеется первый слой - - он включает в себя все слои. А мне нужно сделать еще один слой, который бы был поверх этого слоя и не влиял бы на первый (я хочу сделать эффект затемнения по правому краю страницы)..page-container { width:99%; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em; }
0 votes14 answers -
z-index vs ie
Привет. Зашел в ступор и не могу выйти, подпихните в нужном направлении есть код <div class="content"> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <…
0 votes19 answers -
Раскрывающийся список & Bootstrap
Использую фреймворк Bootstrap. Создал раскрывающийся список при помощи <select> и <option>. Теперь правда не могу понять как в список вставить иконки перед названиями. Т.к. тег <option> понимает только текст . И как сделать так чтобы курсор при выборе пункта из списка прыгал в поле Input, которое находится правее?
0 votes0 answers -
Встроенный плеер, замена object на iframe
Кратко суть проблемы. Есть сайт на Wordpress, есть аудиоплеер Uppod. Он генерирует код встраивания с помощью тега object с ссылками на (при помощи param): - файл самого плеера (uppod.swf) - файл стиля (номер_стиля.txt) - файл .mp3 Кроме того, в param могут быть прописаны название проигрываемой мелодии и целый ряд дополнительных параметров. (Все необходимые файлы хранятся на моём сайте, не на Uppod.) Wordpress с тегом object работает некорректно, с iframe нормально. На форуме техподдержки Uppod мне сказали, что единственный выход - перейти на использование iframe. Создать страницу с плеером, чтобы вставить в iframe ссылку на неё - не проблема, всё работает. Проблема в то…
0 votes6 answers -
убрать всплывающую панель управления изображениями
При наведении курсора на изображение появляется панель с возможностью печати, сохранения рисунка. Как ее убрать?
0 votes4 answers -
В Firefox съезжает текст
Почему на странице http://www.nordbass.ru/aerospa.php в Firefox текст "Аэро СПА получили признание во всем мире. Десятки тысяч таких бассейнов продаются" вылезает выше картинки и даже на не? залезает, хотя в html следует за картинкой? В IE вс? ОК отображается.
0 votes11 answers -
Сайт уезжает по вертикали за границу окна
Помогите пожалуйста девушке. которая только что начала изучать CSS и блоки. Простейший шаблон: сверху шапка, слева меню, справа контент. САйт должен быть вытянут по вертикали до низа. Если контента много то соответственно он должен вытягиваться дальше и появляться должна прокрутка. В данный момент он соответсвенно пуст, но почему то уходит за границы экрана. Помогите решить мою проблеу, пожалуйста. <!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=windows-1251"> <title>Документ Без Имени</title> <link href="style2.css" …
0 votes7 answers -
<iframe...> и allowtransparency
Использую allowtransparency="1" для прозрачного фона фрейма. Он становится прозрачным, но валидацию не проходит. Чем это грозит? ИЛи плюнуть на 1 ошибку на странице?
0 votes8 answers -
Вертикальное выравнивание
Всем доброй ночи, а ситуация следующая: Есть вот такое вот меню: http://psywalker.ru/Forum/vert.png Сделано оно таким образом: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0; list-style: none;} ul { text-align: center;} ul li { width: 110px;} ul li { display: inline-table; vertical-align: middle;} </style> </head> <body> <ul> <…
0 votes9 answers -
Анимация загрузки картинок
http://svyatoslavdesign.com.ua/works/cottege/1/ Пытаюсь сделать так, чтобы при клике на миниатюру внизу, во время смены сорса основной картинки последняя была скрыта, а поверх нее показывался див с анимацией загрузки (гиф). Код онклика миниатюры: onclick="imgOn('large/1.jpg','s5')" Код смены основной картинки + анимация function imgOn(imgSrc,imgId) { document.getElementById('central_photo').style.visibility = "hidden"; // скрываю основную картинку document.getElementById('load').style.visibility = "visible"; // показываю скрытый див с гиф анимацией img = new Image(); img.src = imgSrc; // делаю предгазрузку картинки в Image document.getElementById('central_photo').src…
0 votes11 answers -
img, вылезающая за пределы div?а в Opera при уменьшении размера окна
Имеется код: <!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> <title>title</title> <style type="text/css"> .content { text-align: center; padding: 20px; margin-bottom: 10px; border: 1px solid silver; } .b-content { padding: 20px; } </style> </head> <body> <div class="b-content"> <div class="content"> <img src="img1.jpg" width="735" height="512" /> </div> <div class="content"> <img src="img2.jpg" width="736" height="512" /> </div> </div&g…
0 votes2 answers -
Выравнивание поля формы с изображением
Здравствуйте все. У меня такая проблема: никак не могу выравнять текстовое поле формы с изображением (каптчей) по вертикали, почему-то изображение располагается не на одном уровне с полем, а выше. Пожалуйста, подскажите, в чем может быть дело? Далее привожу код двух файлов (стили в отдельном файле), которые размещаются в одной папке. form.htm <HTML> <TITLE>Form</TITLE> <LINK rel="stylesheet" type="text/css" href="style.css"> </HEAD> <BODY> <FORM method="post" class="cform" id="cformsform"> <FIELDSET class="cf-fs1"> <OL class="cf-ol"> <LI id="li--1"><LABEL for="cf_field_2"><SPAN>Your name<…
0 votes3 answers -
Модальное окно блокирует прокрутку
При вызове модального окна, прокрутка на странице блокируется и элементы немного смещаются в сторону (наверное из-за того, что прокрутка исчезает). Мне надо, чтобы скроллинг на основной странице работал, но в стилях не могу разобраться уже час как. Может у кого-то была такая проблема? Пример простой страницы с модальным окном. До После На песочнице не получается подключить файлы бутстрапа, поэтому выложу архив с страницей приведенной на скриншоте. https://yadi.sk/d/CPBzvMDjnyRgd
0 votes1 answer -
Inline-block в IE6. какая-то лажа=(
есть многострочная менюшка, состоящая из елементов типа inline-block с фоновой картинкой и именем элемента. Через каждые четыре пункта вставлен тег </br>. В FF и опере все происходит адекватно, в IE6 перевод на новую строку просто игнорируется и пункты выстраиваются по всей ширине экрана. Использую атрибуты Display:inline; zoom:1; для получения инлайн-блока в експлорере. стили выглядят так: html>body li.catalog_block, li.first_in_line_catalog_block для всех кроме ие { list-style:none; display: inline-block; width:132px; height:188px; text-align:center; color:#f3f3f3; font:bolder 15px/10px Sans-serif; text-decoration:none; } *html li.catalog_block, li.fi…
0 votes7 answers -
Перекрытие Flash - проблема
Проблема в том, что в Opera и Firefox блок с Flash меню блокирует контент, находящийся под ним. Вот пример: http://e-kao.ru/flash-menu Попробуйте выделить текст рядом с меню. Нужно сделать так, чтобы Flash оставался прозрачным, пункты меню раскрывались над контентом, но и сам контент был доступен для клика. В принципе, сам текст не так важен, но когда под блоком с flash находится ссылка и на нее нельзя кликнуть - очень обидно. При этом в IE все отлично работает. И меню активируется и контент доступен. Обыскал весь инет, но не смог найти решения. Может кто уже сталкивался с данной проблемой?
0 votes9 answers -
Непонятки со sql и еще пара вопросов
Всем добрый день. Вот список следующих вопросов: 1. Ошибка при создании таблицы. Дело там в строке show, а именно в дефаульте. Используя этот же синтакс до этого другие таблицы нормально создавались, а тут не пойму в чем дело... mysql_query("CREATE TABLE `guestbook_settings` ( aspam char(5) DEFAULT false, emoticon char(5) DEFAULT true, mail char(5) DEFAULT false, show int(2) DEFAULT '10' ) "); Ошибка при создании таблиц - 1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'show int(2) DEFAULT '10' )' at line 6 П.С. А есть ли какой-нибудь тип полей для логических …
0 votes10 answers -
ширина div в ie6 другая
Три колонки дивами. 280px+270px+250px (итого 800px). В IE6 третий див (#header-center) переноситься на новую строку. Если уменьшить width любого из дивов на 6px, то всё помещаеться. Т.е., я так понял, на каждую сторону из дивов уходит по 1px (маржинов и паддингов у этих дивов нет) вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <div id="header"> <div id="header-left"> </div> <!-- #menu--> <div id="header-right"> </div> <!-- foto --> <div id="header-center"> </div> <!-- #цитата--> </div><!-- #header--> …
0 votes9 answers -
Выпадающее меню по клику - помогите доделать
Здравствуйте, помогите доделать выпадающее меню по клику. Например, если посетитель попал в какой-либо подразел раздела_1 меню, то надо чтобы цвет фона этого подраздела изменился, а сам раздел_1 был раскрыт, а остальные свёрнуты. <script type="text/javascript"> function shiftSubDiv(n) {var el = document.getElementById('subDiv'+n); if ( el.style.display == 'none' ) el.style.display = 'block' else if ( el.style.display == 'block' ) el.style.display = 'none';}; </script> <ul> <li style="color:#000000; background:#E3E7D9; padding:3px; margin: 3px 0; width:200px; cursor:hand; text-decoration:none; list-style-type:none"> <di…
0 votes17 answers -
Засветление рисунка
Ребята, а сделать так, чтобы не создавать рисунок с изображениями, нормальной картинкой и засветленной и этот код использовать: .menu{ list-type-style:none; } .menu li,.menu a{ width:84px; height:30px } .menu a{ float:left; display:block; background-repeat:no-repeat; background-position: 0 0; } .menu a:hover{ background-position:0 -30px; } .menu .home{ background-image:url(images/button1.jpg); } А проще, как это сделать так чтобы было засветление рисунка, когда на него наводишь указатель мыши? Кажется это нужно делать на js, но нет под рукой примеров
0 votes15 answers -
Фреймы или ?!
Ребят подскажите в двух словах с помощью каких инструментов можно изящно реализовать следующее: Нужна область на странице разделённая на несколько частей. Предположительно на 2, первая часть это навигация (хаотичная текст и ссылки), а вторая динамическая в которой появляется контент в зависимость от ссылки... Типа тега <select> но ... другой или же это фреймы уже получаются... Может быть идея реализации неверная в корне поэтому я скажу для чего оно надо Хочу на сайте сделать страницу радио слушать. Радиостанций много (хочу штук 10-15) + у многих качество трансляции от 32 до 320 итого ссылок на загрузку плеера будет штук 40-50. В идеале хотелось бы при нажатии на как…
0 votes27 answers -
центрирование div
Здравствуйте! Как можно отцентровать div, если его ширина заранее неизвестна. Т.е. есть такой вот html-код: <div id="header"> <div class="menu_container"> <ul class="menu"> <li class="menu_item">пункт 1</li> <li class="menu_item">пункт 2</li> <li class="menu_item">пункт 3</li> </ul> </div> </div> Пункты меню выводятся динамически, т.е. сколько их будет заранее неизвестно. Что прописать в css для header и menu_container, чтобы этот самый menu_container центрировался такой css не помогает: #header { text-align: center; } .menu_container { margin: 0 auto; }
0 votes12 answers -
Ищу веб-мастера в наставники
Доброго времени суток! Я представляю собой сопливого новичка в верстке. Тем не менее пытаюсь уделять этому интересному занятию достаточно времени. Имею базовые знания HTML, CSS. Ищу себе в наставники опытного веб-мастера, который бы указал мне путь к свету. Иначе говоря, подсказал что почитать, давал задания, проверял задания, а также, самое главное, наставлял мудрым советом.
0 votes26 answers -
как закрепить меню
Здравствуйте! как закрепить меню, чтобы при свертывании окна internet explorer меню не смещалось вот ссылка на сайт это не реклама http://www.play-on.ru/ . И как сделать, что бы при разных разрушениях монитора меню не было сверху таблицы с текстом. и что бы сайт нормально отображался в разных интернет браузерах
0 votes6 answers -
Аналоговые часы на css
И так вопрос, у меня есть нескольно картинок с изображение <div style="background:url(images/clock_bg.gif) 0px 0px no-repeat;height:85px;width:85px;"> <div id="clock_hour" style="background:url(images/hour.gif) -340px 0 no-repeat;height:85px;width:85px;"> <div id="clock_minutes" style="background:url(images/minutes.gif) -510px 0 no-repeat;height:85px;width:85px;"> <div id="clock_second" style="background:url(images/second.gif) -4845px 0px no-repeat;height:85px;width:85px;"> </div> </div> </div> </div> Первый div, c изображением циферблата (основной бекграунд) Второй div, с изображением часо…
0 votes7 answers
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-