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
-
<input type="button" - кроссобраузерность.
Всем привет. <input type="button" value="кнопка"> В браузерах ff, ie, даже в opere AC - вид кнопки примерно одинаковый ( с закругленными углами). И только в ОПЕРЕ - кнопка с прямыми углами. Очень бы хотелось вид кнопки в опере сделать как во всех браузерах. Иначе в дизайн не вписывается. Может CSS стили задать ? Или это не возможно?
0 votes21 answers -
Css. изображения выстроились лесенкой, хотя мне нужно в один ряд.
Приветсвую, помогите пожлауйста чуток. У меня на сайте изображения выстроились лесенкой, хотя мне нужно в один ряд. Какой класс за это отвечает, немогу понять где править. http://photo.sukurtisvetaine.lt/?page_id=80
0 votes3 answers -
Выход за рамки контейнера
Здравствуйте! Подскажите, пожалуйста, как зеленый фон меню продлить вправо до упора. Пытался делать :after с абсолютным позиционированием с отрицательными значениями (как мне советовали на форуме). Но в таком случае появляется горизонтальный скрол... Верстка на bootstrap. http://html.skoba.com.ua/ Заранее благодарю за помощь!
0 votes11 answers -
3D облако тэгов
Доброго времени суток уважаемые спецы. Помогите пожалуйста решить проблему: Заказчик хочет навигацию в виде 3х облаков тэгов по разным темам, проблема в том что бы поместить все 3 облака на одну страницу. На данный момент облака на разных страницах (http://www.site-devga.ru/test/index.html), подскажите как можно свести их на одну или может есть другой вариант решения проблемы. Вот сам код страницы <!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" lang="ru" xml:lang="ru"><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /&…
0 votes7 answers -
Меню
Привет всем. Меню, не получается отобразить полноценно в других браузерах кроме IE (сжимает) что можно предпринять? ____________________________________________________ #navigation { padding:0px; font-weight:bold; display:inline; } a.navigation { text-decoration:none; text-align:center; background-color:#BEBEFF; color:#ffffff; width:200px; border:3px solid; border-color:#ccc #ccc #999 #999; padding:2px; } a.navigation:visited { text-decoration:none; text-align:center; background-color:#BEBEFF; color:#ffffff; width:200px; border:3px solid; border-color:#ccc #ccc #999 #999; padding:2px; } a.navigation:hover { top:2px; left:2px; color:red; border-color:#999 #999 #ccc #ccc; …
0 votes12 answers -
Подскажите скрипт скролла страницы
В общем страница скроллится вертикально, пока не дойдет до раздела фоток и после этого фотки начинают скроллится горизонтально. "длинная фотка, при скроллинге сайта «зацепляется» и начинается скроллинг фотки вправо, как заканчивается скроллинг, снова появляется возможность скроллинга сайта"
0 votes11 answers -
РеКбус с прокруткой экрана ы IE
Привет! Не понимаю, что происходит с IE: при отображении страницы появляется полоса прокрутки по вертикали... В Мозилле и Опере такого нет - чистенько-аккуратненько! В чем заковыка? Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style type="text/css"> html, body { margin: 0; height: 100%; width: 100%; } #base { height: 100%; width: 100%; margin:0; padding:0; background-color:#FFFF99; } #top { position:absolute; top:0; width: 100%; height: 15p…
0 votes6 answers -
Прозрачность фона
Имеет ли смысл строка в css: BODY { background-color: transparent} Ведь там по умолчанию прописан #ffffff и поменять это значение на transparent у меня не выходит. Заполнить его прозрачными однопиксельными .gif или .png файлами не предлагать. Спасибо.
0 votes9 answers -
Помогите с hover!
У мну такая проблема: Есть ссылка -кнопка 1 при наведении курсора должно быть следующее-кнопка 2. Какие стили нужно прописать для hover, подскажите плз....
0 votes9 answers -
Боковое меню
Здравствуйте Помогите разобраться, как сделать пункты меню разного цвета? вот код блока с менюшкой <div id="nav"> <ul> <li><a href="">Главная</a></li> <li><a href="">Вторая</a></li> <li><a href="">Третья</a></li> <li><a href="">Четвертая</a></li> </ul> </div> это все что относится к меню из css файла #nav { background: url(images/nav_left.jpg) no-repeat; } #nav ul { margin-left: 9px; padding-left: 1px; padding-bottom: 29px; background: #2A2A2A bottom left url(images/nav_bot.jpg) no-repeat; } #nav li { list-style: none; f…
0 votes14 answers -
По каким причинам не показывает background-image?
По каким причинам не показывает background-image? А то сталкиваюсь иногда с этой проблемой, а понять почему так происходит не могу.
0 votes19 answers -
Проблема с фоном в Опере
В файле css установлен следующий параметр: body{ background-color:#000; } В FF5, Chrome, IE8 все отображается как задуманно (фон страницы - черный), но вот в Опере фон почти везде белый почему-то... Помогите разобраться чего не хватает Опере для корректного отображения. Сайт - http://ilonapalfi.com/. Валидацию html прошел. Заранее большое спасибо за добрый совет.
0 votes4 answers -
таблицу по центру экрана
Добрый день! Как записать с помощью CSS параметр таблицы Ширина страницы 650, мне надо, чтобы она располагалась по центру экрана... Спасибо!
0 votes4 answers -
ссылки на руском
На сайте есть много документов на русском. названия в кодировке cp1251 как и весь сайт. что то типа http://mysite.ru/files/Документ.doc Но браузеры как то неоднозначно к этому относятся. FF грузит без проблем. А Опера и Эксплорер говорят что такого документа нет,причем в теле ошибки имя документа указано в UTF-8. Есть ли какой то однозначный подход к решению такой проблемы? Мне просто нужно чтоб названия документов были на русском языке.
0 votes5 answers -
Обработка формы не зная заранее сколько там элементов
т.е. я получаю выборку из БД и напротив каждой строки размещаю input. при нажатии на кнопку, если в поле введено значение, значит оно записывается в БД, а если нет, то пропускается. Но вот как мне цикл постоить, если я не знаю 2 там записи или 20?
0 votes21 answers -
Помогите с background
Завел я свой блог, и решил изменить фон. В настройках можно редактировать СSS. Написал body { background-image: url("http://attachments-blog.tut.by/29555/files/2009/12/fon.jpg"); background-repeat: no-repeat; background-position: center ; background-attachment: fixed; } Получилось с белыми отступами по бокам. Пробовал другие тэги, не получается все равно сделать фон на всю страницу. Может есть стандарное разрешение, которое нужно использовать. Размер моей картинки 1024x927.
0 votes8 answers -
IE DXImageTransform.Microsoft.Alpha для элементов больших размеров
Привет. Есть абсолютно спозиционированный span размером 100*40000 пикселей. Ему установлен некоторый backgroundColor и прозрачность: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); В итоге имеем что span полностью прозрачный, а если размер сделать порядка 30000px то прозрачность с заданным backgroundColor отображается. Проблема проявляется только в IE, в других браузерах через opacity всё нормально. Кто-нибудь сталкивался с подобным?
0 votes14 answers -
Вопрос-ответ
Итак, первый вопрос: Как сделать так, чтоб в <div>е список не оступал от верхнего и левого краев ? padding 0px в свойстве дива не помогает хтмл <div id="left"> <ul> <li> one </li> <li> two </li> <li> three </li> </ul> </div> <div> в css #left { float:left; width: 102px; height:100px; border:solid 1px #000; } <li> в css li { list-style-image:url(img/li.jpg); } Спасибо !
0 votes18 answers -
Объясните как работает простой jQuery скрипт.
<script type="text/javascript"> jQuery(document).ready(function($){ var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); select.attr('class', 'rlightbox'); $( ".rlightbox" ).rlightbox(); }); </script> Вот линк на то о чем я говорю - http://berezovsky.org.ua/wptvk/ Сайт пашет на вордпрессе, этот код я дернул из плагина fancybox он насколько я понимаю автоматом добавляет к изображениям класс - rlightbox в моем случае. То есть раньше там был другой класс собсно фансибокса, этот класс .rlightbox нужен в моей карусели (шоб она горела сини…
0 votes15 answers -
Мультиязычный сайт
Здравствуйте, как можно сделать сайт с несколькими языками. Мне надо rus и eng. Например есть 2 файла index.html один на русском, другой на английском. Надо чтобы с одного на другой можно было перейти по ссылке вверху страницы "rus/eng", но при этом строка в браузере выглядела так : www.example.com/ru/ ,а не www.example.com/ru/index.html (index.html на русском). Надеюсь понятно
0 votes6 answers -
Реализация кнопки нестандартной формы
Пытаюсь реализовать кнопку необычной формы. Проблем с кнопкой не было, до того момента, как встала задача добавить при наведении эффект glow. Вот тут то и вышли проблемы. Сам пример тут. Если кратко то куски кнопки, которые эмулируют скосы отображаются как части, а не как единое целое. При ховер у меня также меняется прозрачность. По кнопке перерыл весь инет, нашел вот это. Но в основном эти реализации либо не работают с бордером, либо поддержка в браузерах малая(clip-path). В общем был бы благодарен за помощь.
0 votes3 answers -
Едет верстка на IPad'е
Всем привет. Есть простая верстка: http://test.premier96.ru/main.html Говорят (сам сабжевым девайсом не обладаю, поэтому воочию посмотреть не могу), что на айпаде кое-что едет, даже картинку дали как оно едет: http://test.premier96.ru/photo.jpg Проблема даже не в том, что вообще мало понятно, почему оно так вот едет, а в том, что ВСЕ онлайн показометры сайтов на моб. устройствах ничего подобного не показывают, там все ок. Может у человека с браузером на девайсе фигня какая-то происходит ? У кого айпад есть, гляньте, как у вас отображается или кто-то может просто подскажет, в чем может быть дело ? Заранее благодарю!
0 votes6 answers -
DIV
у меня вопрос, можно ли задавать координаты размещения слоя от какой либо картинки, а то у меня при разрешене больше чем 1024х768 таблица с картинками центруется а слои остаются на местя(и выглядит все так что слоиуходят в бок) вот html: <html> <head> <title>Don't panic</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/buttons.css" > </head> <body> <div style="position: absolute; display:block; width: 549px; height: 474px; z-index: 2; left: 244px; top: 285px" id="history"…
0 votes3 answers -
html5 <video>
Поставила видео ориентируясь на статью http://htmlbook.ru/html5/video Почему то не работают некоторые встроенные элементы управления. Например в firefox не срабатывает кнопка play/pause. И при нажатии на само видео ...видео не останавливается. В IE9, chrome, opera, safari тоже не срабатывает кнопка play/pause. Что это может быть?
0 votes1 answer -
Спрайт для счетчика для нестандартных цифр
Спрайт для счетчика для нестандартных цифр - когда каждая цифра имеет свою заливку и ее можно вставить только картинкой. Кто должен его создавать - дизайнер или верстальщик? Верстальщику придеться создать новый слой, написать 10 цифр, потом каждую вырезать отдельно и всавить в слои равной ширины друг за другом. Достаточно кропотливая работа - почласа может занять спокойно.
0 votes16 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-