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
-
Подскажите пожалуйста
Приветствую всех! По сути: Столкнулся с давно описанной проблемой, а именно - расстоянием от маркера(маркир. списка) до текста. Вот здесь, в Рецептах показан доходчивый и надёжный способ (li {padding-left: 20px;}),но в моём случае он почему-то не работает...в FF нормально,в IE, Opera не работает. Вот участок CSS: li { padding-left: 20px; list-style-image: url(images/li.gif); list-style-position:inside; } li:hover {list-style-image: url(images/li-hover.gif); } Очень интересно, почему это не работает,может у меня где-то ошибка? Посмотреть как именно не работает
0 votes9 answers -
некорректное отображение страницы в opera & Firefox
я только учусь..ничего не знаю..)) IE- Opera- HTML- <!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>Документ Без Имени</title> <link href="index.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="#f6f6f5" > <div id="bg" align="center"> <div id="head"></div> <div id="content"> <p> </p> <p> </p> <p> </p> <p> </…
0 votes3 answers -
Резиновая верстка
Проблема в следущем, есть резиновый блок в котором есть 2 блока, как зделать что б при увиличении основного блока от 1100 пикселей до 1400 блоки не ссежали два втутрние оставались на своем месте? Какой код надо дописать? <div id="header"> <div id="leftside"></div> <div id="rightside"></div> </div> #header { width:100%; margin:0 auto; min-width:1100px; max-width:1400px; min-height:777px; background:#fff url(../image/bg_top.jpg) no-repeat center top; } html #header { height:778px; width: expression(document.body.clientWidth > 1100 ? "100%" : "1100px"); width: expression(document.body.clientWidth < 1400 ? "100%" : "140…
0 votes7 answers -
Вытянуть меню по ширине контейнера
Привет всем. Есть менюшка обычная, горизонтальная <ul> <li><a href="#">Ссылка</a></li> <li><a href="#">Ссылка вторая</a></li> <li><a href="#">Ссылка третья</a></li> <li><a href="#">Ссылка четверная</a></li> <li><a href="#">Ссылка последняя</a></li> </ul> Как можно его растянуть на всю ширину родителя и чтобы все ссылки меню были по центру? не могу никак придумать. Т.е. как таблица растягивается и все ячейки занимают автоматическую ширину... Спасибо.
0 votes3 answers -
Анимированное меню в виде сот
Добрый день. Сделала вот такое меню в виде сот http://codepen.io/anon/pen/rGJEI Текста не будет. Анимация работает только в хроме, т.к. использовала "filter", который поддерживается лишь в этом браузере и почему-то замыливает фотографии. Это была проба фильтра, в дальнейшем добавлю фиксы этого для всех браузеров, которые нашла на просторах интернета. Но вопросы немного в другом: 1. Думала просто подтянуть чб картинки вместо фильтра, но таких картинок слишком много на нескольких страницах и есть ли в этом вообще смысл? Если оставлять фильтр, то как убрать замыленность? 2. Возникла проблема при переносе этого куска в основной код. В фоне страницы - картинка, которая к…
0 votes2 answers -
Полупрозрачный фон на изображении
Добрый вечер форумчане. Столкнулся с такой проблемой. Никак не получается наложить полупрозрачный фон на изображение. Пример можно посмотреть здесь http://rezka.plasmainfo.ru. Заранее спасибо за ответы.
0 votes6 answers -
Border-image
Ребят здравствуйте подскажите почему не работает код нужно сделать бордер картинкой только с одной стороны border-image: url("../img/brimg.png"); border-top:0; border-left: 0; border-bottom: 0; или подскажите как сделать такие разделители при условии что ховер должен быть таким как вариант я использовал бордер но он заполняет всю сторону блока,
0 votes2 answers -
дамп базы данных
нужно загрузить из файла site.sql дамп базы данных. Не знаю пока как это делается. Установлен Denwer.
0 votes3 answers -
Скачит в EI6
Как исправить баг в эксплорере 6 ? Скачит центральный блок по экрану ! #centerColumn { margin: 0 15.4em; padding: 1em .5em 2em .5em; font-size:12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; background-color: #fff; }
0 votes2 answers -
Как убрать палец со ссылки?
Хочу чтобы как была стрелка так и оставалась - как это сделать?
0 votes2 answers -
PNG в два слоя и ie6
Есть полупрозрачный png фон у блока. Поверх него ложим ещё один такой-же. #right_menu {float:right; width:117px; background-image:url(images/light.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/light.png',sizingMethod='scale'); height:262px} #right_menu a {display:block; color:#FFFFFF; background-image:url(images/light.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/light.png',sizingMethod='scale')} Во всех браузерах работает, но в ie6 нет. Как это дело обойти? Даже если сделать в #right_menu a другой png (в два раза полупрозрачней), то он не отображается.
0 votes8 answers -
Обтекание элементов
Приветствую. Я сделал контейнер <div id="boxincontainerall"> <div class="bordertheme"> <img src="themes/Tema77.jpg" alt="Тема7777"/> <ul> <li>скриншот</li> <li>Скач</li> </ul></div> </div> Когда вниз я прописываю точно такой же контейнер, то соответственно на странице он под предыдущем контейнером. Где я только не ставил float, всё ломается. Как сделать так. чтобы у меня выходило по несколько контейнеров в один ряд. Заранее Спасибо.
0 votes8 answers -
Некорректное Отображение Div'a
Добрый день всем. Я новичок в этом деле и откровенно говоря это мой первый сай, точнее это только подготовка шаблона. Понемногу читаю, вникаю в суть. Начал делать шаблон и меню. Меню сделал, шаблон можно сказать тоже, но вот появились две проблеммы: 1. Главный контейнер (DIV, это картинка см. рис.1) прилип к левому краю, хотя все параметры я прописал в CSS для оцентровки. Такая картина во всех браузерах. В Opere вообще снизу появился какой-то подвал т.е. рис.1 не отображается там. 2. Меню почему-то не прилипает к верхнему краю, почему так? Появился отступ. 3. Меню делал по следующей технологии - http://demiart.ru/forum/index.php?showtopic=85145 Всё получилось, только не м…
0 votes13 answers -
Печать html страниц
При вывод страницы на печать весь дизайн "плывет", то есть страница распечатывается только без таблиц стилей. Как решить этот вопрос?
0 votes2 answers -
input type file
Ребят подскажите пожалуйста как нормально этот инпут оформить, у меня по дизайну эта кнопка широкая и меняет фон при наведении, я пробовал через опасити т.е. поставить фон под инпут а инпуту задать 0 прозрачность, но из за того что кнопка длинная курсор над ней становится плочкой как над input type text и никакими стайлами и импортантами это не исправляется, что не есть гуд, пробовал скриптами подгонять инпут под курсор при наведении на нужный фон так там с сменой фона фигня получается он тупо моргает как бы я не старался. В общем подскажите пожалуйста варианты решения проблемы - буду очень признательным.
0 votes6 answers -
Почему на сайте jsfiddle нельзя копировать коды?
Почему на сайте http://jsfiddle.net/HGHyJ/8/ нельзя копировать текс кода?какогото фига копируется ссылка которая мне ненужна...
0 votes11 answers -
Кроссбраузерная строка поиска на html+css
Здравствуйте. Есть простой код с формой, состоящей из строки поиска и кнопки. Есть желание задать оформление: placeholder + скругление + тень при фокусе. Казалось бы - куда уж проще. Но браузеры дружно доказывают, что я слишком наивен в своих предположениях. Вот код Тот же jsfiddle все отображает как задумано: тыцяем в поле - текст пропадает, граница и тень появляются. Opera: аналогично. Firefox 19.0.2: текст из placeholder пропадает не при фокусе, а только после начала набора текста запроса. Chrome 25 удивил: бордера, тени и скруглений нет, реакции на фокус тоже нет. Гугл толком ничего не сказал - только по placeholder-у нашлось решение на Javascript. Вопрос: Возможно …
0 votes2 answers -
Ребята, решил научится создавать сайт с нуля
Многие из Вас говорили что у меня не правильное представление о создании сайта. Хочу начать все с нуля, подскажите что для этого понадобится и с чего начинать. в Html немножко разбираюсь. Как подписаться на тему?
0 votes13 answers -
Забить или не забить, вот в чем вопрос?
Как вы наверно догадались речь идёт о кроссбраузерности. Хотел бы выслушать вас: кто под какие версии старых браузеров делает верстку? целесообразно ли это? делая верстку под старые браузеры, не продлеваем ли мы им жизнь, которая без них была бы намного легче? Короче излагаем свои мнения...
0 votes11 answers -
Подключение своего шрифта
Хочу на сайте использовать шрифт "aparaj", он вроде бы не лицензионный и нормально конвертируется. Но сам шрифт состоит из 4 частей - обычный, жирный, курсив и жирный курсив, то есть 4 файла шрифта. Шрифты конвертировал на onlinefontconverter.com Подключаю шрифт к сайту вот так: @font-face { font-family: Minion Pro; src: url("../style/minion_pro_or.eot?") format("eot"), url("../style/minion_pro_or.woff") format("woff"), url("../style/minion_pro_or.ttf") format("truetype"), url("../style/minion_pro_or.svg#svgFontName") format("svg");}Как мне подключить шрифт если он состоит из 4 частей? В примере использую шрифт "Minion Pro", он норма…
0 votes14 answers -
Съезжает элемент списка (li)
Подскажите, почему съезжает элемент списка (li). Никак не пойму, что не так. Код: http://cssdeck.com/labs/rofpq3bh
0 votes4 answers -
позиционировать пейджинг по середине
сабж, проблема в том что на данный момент я отцентровал пейджинг используя padding-left:120px, но размеры области в которой он находится изменяется и в результате пейдж смешается от центра. Нужно отцентровать a.next, a.prev, но они должны нах на одной строчке. Пробовал применять text-align: center не помагло. Код: .nv-pager { clear:both; padding-left:120px; height:35px; margin-top:10px; } .nv-pager a.next { background:transparent url("images/gotonext.gif") no-repeat right center; border:0pt none; cursor:pointer; float:left; margin-left:10px; display:block; height:25px; width:26px; } .nv-pager a.prev { background:transparent url("images/gotoprev.gif") no-r…
0 votes3 answers -
Проблемка с divами! подскажите
Подскажите, пожалуйста! Имеется 3 блока div выстроенные в линию один за другим. Первый и третий блоки имеют фиксированную ширину в px, надо сделать, чтобы блок, который находится между ними растягивался в зависимости от разрешения экрана. Помогите, буду очень благодарен! Вот, собственно, код: <!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> <style type="text/css"> div { margin:0; } #layer1 { background-color: #fc0; /* Цвет фона слоя */ float:left; background:url(img/…
0 votes5 answers -
border Css
Добрый вечер, подскажите, как мне через css сделать рамочку не только наружную но и меж ячеек(у меня 3 столбца и много строк(в разных колонках по разному)), а то через чисты htm рамка получается жирная и не красивая, а через css только внещнюю получается сделать... Благодарю. если ответ требует кода(я думаю врядли, но всёравно) вот <table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <td rowspan="4"> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td&…
0 votes8 answers -
Проблемы с нажатием ссылок в IE
Столкнулся с такой проблемой: Вывожу строки таблицы из базы, каждая строка - это ссылка, она должна выделяться при наведении, при нажатии перекидывать на другую страницу. В опере, мозиле, сафари, все работает, в IE нет. В IE при наведении на строку, она выделяется, при этом внизу в строке состояния показывается правильная ссылка, но если нажать, то ничего не происходит. (другие ссылки на странице работают) Помогите разобраться плиз. ——————————— Код: <?php do {printf(" <a href='price_unit.php?id=%s' class='catalog_table'> <table cellpadding='0px' cellspacing='0px'> <tr> <td class='table_catalog_img'>%s</td> <td class='table…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-