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
-
проблема с inputom
ребят проблема в IE в HTML <input class="sent" type="button" value="отправить" name="sent"/> в CSS input.sent{ backgroung:url(....) top left repeat-x; padding:0; } в опере, фаерфоксе все в норме! в IE все равно появляется какой-то отступ.....помогите решить...
0 votes13 answers -
radio и текст
помогите, пожалуйста, кроссбраузерно (ие7 +, ff 1.5 +, google chrome, safari 3.0 +, opera 9.0) расположить текст справа от radio. пробовал так: input.radio{float:left; margin:0 -18px 0 0;} label{display:block; margin:-1px 0 3px 18px; font-size:14px;} но в ие 7 текст смещается вниз (( весь код: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> html{width:100%; height:100%;} body{pos…
0 votes13 answers -
Не получается изменить цвет блока
никак не получается изменить цвет белого текста в блоке на главной (скрин) http://rubasket.com пробовал-пробовал-не вышло :
0 votes13 answers -
добавить гиперссылку
Помогите новичку : Как добавить , вставить гиперссылку в меню на все страницы сайта с помощью внешнего файла CSS
0 votes13 answers -
проблема с IE6
bactericide.ru по-моему комментарии излишни. посмотри в опере и ie6. как победить этот долбаный ie6?
0 votes13 answers -
Отступы в таблице
Здравствуйте! В общем хочу узнать как можно сделать отступы в таблице в одной колонке код примерно такой html: <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td colspan="3"> 5555555555 </td> </tr> <tr> <td width="200px"> 5555555555 </td> <td width="*"> <div id="5">555555555</div> </td> <td width="200px"> 5555555555 </td> </tr> </table> css: #5 {padding-left:1em; padding-right:1em;} при такой верстке у меня появляется внизу страницы полоса прокрутки, но ее мне не надо, но надо в средней колонке сделать отступы от краев. как это м…
0 votes13 answers -
Как растянуть текст по всей ширине блока
Здравствуйте! Хотел бы спросить как растянуть текст на всю ширину блока. Обычно это делает text-align: justify; но не пойму почему он не работает. Пример: Однострочный текст Январь 21 | Февраль 21 | Март 21 | Апрель 21 | Май 21 | Июнь 21 | Июль 21 все в одну строку, выходит одна неполная строка. Использую text-align: justify; не работает. Увеличиваю строку чтобы было хотя бы полторы строки - тогда работает, первую строку растягивает на всю ширину делая одинаковые отступы между словами, второй кусочек просто висит. Как и долно быть. Как можно растянуть эту строку? Да еще пробовал вордспейс норм впринципе только в ие6 каша выходит, так как вставляет пробелы между "Январ…
0 votes13 answers -
горизонтальный список с графическими разделителями
Помогите плиз! Задача стояла доверстать горизонтальное подменю, а опыта маловато... В результате получилось что адекватнее всего оно выводится в ИЕ6 Имею следующее: разделители в начале строки обрезаются (как и задумывалось) только в ИЕ6 и ИЕ7. В опере10 и ФФ 3.5 упорно не хотят скрываться. К этому всему добавилось то, что ИЕ7 не хочет переносить слово на вторую строку, обрывает на половине. В чем может быть проблема? Уже не знаю куда смотреть CSS .submenu2 { position:relative; float:left; width:550px; margin-bottom:5px; overflow:hidden} .submenu2 ul { position:relative; float:left; display: inline; width:550px; overflow:hidden;} .submenu2 ul li{ float: left; overflo…
0 votes13 answers -
Фоновая картинка в <li>
Возможно ли как то отобразить фоновую картинку за края в <li> блоке? То есть чтобы картинка не обрезалась.
0 votes13 answers -
Flash в Firefox
Подскажите пожалуйста!! не отображаеться флеш ролик в ФФ, в IE все нормально, если на ролик правой кнопкой мышки- просмотреть в ФФ все показывает.. а на сайте нет. вот сслыка: http://autoeuro.ru/8marth.htm заранее спасибо
0 votes13 answers -
Обтекание + центрирование
Доброго времени суток. Проблема вот какая : создал меню с выпадающим списком, все работало пока не проверили на IE6. пришлось переделывать. После переделки получилось, что в самом меню элементы расположены примерно так : <li>Главная</li> <li>Не главная<img src='someimage'></li> <li>Тем более не главная</li> someimage в данном случае это стрелочка индикатор выпадающего списка: курсор над кнопкой, стрелка указывает что список выпал(так скать для красоты). Вот в чем проблема элементы меню находятся на разных уровнях, если считать от верхнего края...то "главная" примерно на 5 пикселей, "Не главная" на 7 пикселях и "Тем более не главна…
0 votes13 answers -
Нарезка проекта на Cs3
Имею Проект.PSD но не имею представления что делать (навыков в Шопе НОЛЬ) с чего начинать?
0 votes13 answers -
Фон сайта две картинки !
Пробую реализовать но не получается ! Идея заключается в том чтоб на сайте сверху шла одна картинка в низу совсем другая ! Вот мой код ! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link type="text/css" rel="StyleSheet" href="style1.css" /> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> </head> <body> <div class='wrap'> <div class='sheader'> <div class='sfooter'> </div> <…
0 votes13 answers -
Убрать отступы между картинками
Добрый день. Подскажите пожалуйста, как убрать отступы примерно в 2px между картинками, расположенными в одном div-е. Общая ширина четырех картинок в сумме 664px. По идее картинки должны располагаться одной строкой без отступов. Но последняя уходит вниз и между всеми появляется совершенно ненужный горизонтальный отступ в несколько пиксел. <div class="mainmenu"> <a href=""><img src="images/about.png" alt="" /></a> <a href=""><img src="images/serve.png" alt="" /></a> <a href=""><img src="images/offer.png" alt="" /></a> <a href=""><img src="images/course.png" alt="" /></a> </div> div.main…
0 votes13 answers -
сдвиг бекграунда относительно окна браузера
aviacom.com.ua фигня, когда уменьшаю окно браузера, бекграунд сползает влево, и как результат - получается бредотень. такая фигня во всх браузерах кроме Оперы. почему так? и как ето исправить?
0 votes13 answers -
Размер изображения
Доброе время суток. Предположем, что есть изображение 1000х500 и весит 1000Кб. Я его вешаю на сайте и задаю размер 100х50. Что происходит при загрузке страницы, качаются все 1000Кб и потом изображение уменьшается или это происходит на сервере и пользователь загружает уже уменьшеное изображение, которое весит на порядок меньше ? Зараннее благодарен.
0 votes13 answers -
нужно грамотно сверстать блоки, когда один расширяется, левый блок опускаетсяниже, как в youtube
Здравствуйте. Такая задача: если посмотреть на Youtube, там блок видео может расширятся на ширину сайта, а сайд бар соответственно опускается ниже. Сверстать такое совсем не является проблемой, например так: http://www.jankoatwarpspeed.com/post/2009/...css-jquery.aspx структура только получается вот такая <div id="header"></div> <div id="main"> <div id="video"></div> <div id="sidebar"></div> <div id="content"></div> </div> <div id="footer"></div> но у меня проблема в том, что нужно (для SEO), чтобы блок #content был сразу за блоком #video, и затем следовал #sidebar. Если я так размещаю блоки, то н…
0 votes13 answers -
Добавить сайт в закладки
Всем привет. Вот такая у меня задача. Нужно на сайте http://cyclovac.kiev.ua/ сделать кнопочку где то красивую "Добавить сайт в закладки" . Каким образом и где это можно сделать. Работаю на базе Джумлы если это необходимо. Буду рад за любые подсказки. Сразу скажу, что я только учусь так что сильно не серчайте)))) За ранние всем благодарен.
0 votes13 answers -
Помогите с вёрсткой слоями!
Не могу сделать верхнее меню резиновое в слоях, чтоб растягивался автоматический! С табличной всё просто даёшь таблице 100% и спишь спокойна)) Помогите пожалуйста! <table width="100%"> <tr> <td><a href="#">Новости</a></td> <td><a href="#">Свадьба</a></td> <td><a href="#">Семейные праздники</a></td> <td><a href="#">Детские праздники</a></td> <td><a href="#">Корпаротивы</a></td> <td><a href="#">Кейтеринг</a></td> <td><a href="#">Форум</a></td> </tr> </table> Мне нужно чтоб меню растяги…
0 votes13 answers -
не понимаю логику позиционирования
Подскажите, как выровнять блок Text с надписью Login input и блок sr с надписью Sidebar , чтобы они находились на одном уровне по оси Y , чтобы sidebar не заходил на большой серый блок. Большой серый блок , блок сайдьара и блок текста имеют одинаковый уровень в html, но почему-то позиционируются по разному. недавно посмотрел видеокурсы по верстке css, но так и не догнал логику позиционирования блоков браузерами. Вот код HTML В вот код 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"> <head> <title></title> <meta http-eq…
0 votes13 answers -
Проблемы со списками в ие 6-7
Делаю выпадающее меню такой стурктуры: <ul class="dropdown"> <li class="mn_firstlvl"><a class="dir" href="#">Контакт</a> <ul> <li><a href="#">Одна длинна</a></li> <li><a href="#">Вторая очень большая длинна</a></li> <li><a href="#">Третья</a></li> </ul> </li> .... </ul> .mn_firstlvl { display: block; float: left; background-image: url(images/graymenuline.gif); background-position: center bottom; background-repeat: no-repeat; height: 32px; } ul.dropdown ul { visibility: hidden; position: absolute; top: 31px; left: 0; z-index…
0 votes13 answers -
Как "предсказать" размер ячейки?
Есть некоторая таблица в Excel, экспортируем её в HTML, выглядит это примерно так: Как видно высота ячейки в HTML выше чем в Excel. Можно как-то узнать насколько будет увеличена высота ячейки, при условии что весь текст в ячейку вмещается и по ширине ячейка в html не будет раздвигаться?
0 votes13 answers -
Высота курсора в поле ввода (Mozilla)
http://test.sinclairshop.ru/maket.php верхнее поле с поиском - когда ставлю курсор в поле, он получается высотой с поле целиком, а когда начинаешь набирать что-то, то курсор сжимается по вертикали примерно на 2-4 пиксела. Вот как бы сделать так, чтобы курсор всегда был в "сжатом" виде? В IE всё хорошо.
0 votes13 answers -
Стиль списков в ИЕ
Есть меню выбора. В Мозиле, Сафари и Хроме выглядит как нужно, вот так: В горячё любимом ИЕ вот так: HTML: <ul> <li><a href="#date">по дате</a></li> <li><a href="#category">по категориям</a></li> </ul> CSS: #tab-container ul { margin: 0; padding: 0 17px 0 0;} #tab-container ul li { display: inline-block; padding: 0 0 10px 10px;} #tab-container ul li a { display: block; outline: none; text-decoration: none; border-bottom: 1px dashed #2f7ca0;} #tab-container ul li a.active { color:#000000; border-bottom: none;} что ж не так делаю?
0 votes13 answers -
Не работают ссылки в таблице
<div class="progect"> <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td> <a href="lorem.html">Lorem</a><Br> </td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> </tr> </table> </div> вот такой кусочек кода есть .... почему то в браузере FireFox при наведении на ссылку она не становится активной и сколько ни клацай её всё р…
0 votes13 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-