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
-
Почему фон остается белым?
Почему фон остается белым хотя я задал цвет фона? http://i13.fastpic.ru/big/2010/1214/27/e66...599e7e0d327.png
0 votes3 answers -
line-height по всей видимости как то добавился в Opera
Люди добрые, не подскажите почему так вышло, что в Opera странно начали отображаться ссылки, такое ощущение, что в Opera, добавился line-height. Не подскажите ли Вы в чем проблема? Заранее большое спасибо. Ссылка на сайт: http://social-it.ru/ Скриншот: http://s007.radikal.ru/i302/1012/1c/4371085eaa5d.jpg
0 votes3 answers -
Z-index
Всем добрый и сразу небольшой код <div class="l1"> <div class="l2"> </div> </div> .l1 {z-index: 1; background: url(images/bgtop.png) repeat-x; width:100%; height:15px;} .l2 {z-index: -1; background: url(images/left.png) no-repeat; width:30px; height:25px; } Имеем 2 дива вложенный один в другой и у каждого бекграунд. Задача: чтобы вложенный бекграунд был ниже родительского слоя если такой вид расположения не работает то просто 2 дива <div class="l1"></div> <div class="l2"></div> Задача та же. Оно реально? У меня что-то не работает
0 votes3 answers -
Фоотер
Подскажите как хорошо сверстать фоотер макета - http://img684.imageshack.us/img684/6060/1111dnm.png Я решил вот так <div id="footer" > <div style="float: left;">11</div> <div style="float: right;" >777</div> <div style="text-align: center;" >132</div> </div> Правильно
0 votes3 answers -
Не одинаковое отображение кнопок
Положение кнопок отображается по разному в IE7, в остльных браузерах норм. стили inputov одинаковые, они просто идентичны кроме параметров. вот фото http://i054.radikal.ru/1012/7e/57e5c277bb63.jpg в чем может быть трабл?
0 votes3 answers -
Полоса прокрутки текстового фрагмента
Уважаемые эксперты! На новостной странице сайта нужно создать полосу прокрутки для текстового фрагмента, не умещающегося на странице. Полазив в Сети, создал такой код: <html> <head> <title>XXX</title> </head> <body> <div id="wb_Text2" style="position:absolute; left: 385px; top:150px; width:680px; height:560px; z-index:6;"align="left"> <iframe src="l-25.html"> </iframe> </div> </body> </html> Получаю окно с полосой прокрутки, расположенное в соответствии с показателями left и top. Но размер окна (width:680px; height:560px) никак не регулируется. Оно явно меньше этих показателей. Как его поменять и от…
0 votes3 answers -
Проблема с блоком
Не могу понять почему блок text_mark не липнет к правому краю родительского блока. Вообще хочу его распложить ниже navigation, но по правому краю. <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <meta name="author" content="WhiteNight" /> <title>Неназванный 2</title> <style> .one { height: 400px; width: 800px; border: 1px solid blue; } #search { text-align: ri…
0 votes3 answers -
Проблема с футером
Помогите пожалуйста, не могу понять как написать на футере, вот картинка. Кнопка должна меняться(картинка) при наведении курсора. помогите!!
0 votes3 answers -
Хитрое меню
ребят, вот дизайнер нарисовал, голову сломал как верстануть меню слева. Центр фиксировано 1024 выделено красными линями, а слева меню ещё тянется фоном.
0 votes3 answers -
Скрипты всплывающих окон
Ребята привет. Прошу помощи. ПРоблема в том, что шаблон не воспринимает всплывающие окна. дело либо в вёрстке шаблона, либо в самом файле стиля .css. Проверял скрипты всплывающих окон на стандартных шаблонах, всё работает, а на это не хочет хоть ты убей... Что нужно выложить вам, что-бы посмотреть в чём проблема? (файлы .css, ссылку на шаблон) ?
0 votes3 answers -
Обёртка для Textarea
<!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="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <style type="text/css"> * { border: 0; padding: 0; margin: 0; } textarea { height: 150px; width: 100%; resize: none; outline: none; overflow: hidden; } .wrapper_form { border: 1px solid black; background-color: orange; padding: 3px; width: 30%; } </style> </head> <body> <form> <div class="wrapper…
0 votes3 answers -
Размер svg
День добрый. Есть svg-иконка 32х32, и вставлена она таким кодом: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="32" style="position: absolute;" > <path fill="#D1D1D1" stroke="none" d="M15.583,15.917l1.648-10.779C16.692,5.056,16.145,5,15.583,5C9.554,5,4.666,9.888,4.666,15.917c0,6.029,4 .888,10.917,10.917,10.917S26.5,21.946,26.5,15.917c0-0.256-0.021-0.507-0.038-0.759L15.583,15.917zM19.437,3.127l-1.648,10.779l10.879-0.759C28.313,8.026,24.436,3.886,19.437,3.127z"> </path> <rect x="0" y="0" width="32" height="32" r="0" rx="0" ry="0" fill="#000000" stroke="#000" style="opacity: 0; " opacity="0"> </rect> </svg> Как и…
0 votes3 answers -
Помогите с меню на HTML
Дорогие пользователи! Я здесь новенькая, а уже прошу помощи, но я не знаю, как мне быть. Делаем с одной девушкой сайт. Она в фотошопе рисует, а я версткой балуюсь. Необходимо, чтобы на сайте было как бы 2 вида активных ссылок, я не знаю, как это сделать. В горизонтальном меню на одной ссылке есть подчеркивание - это обозначение стр., на которой находишься. и так же с нумерацией (только наоборот т.е. без подчеркивания та, на которой находишься + выделение цветом) и в левом меню - кружочек и выделение цветом.. это обозначение стр на которой стоишь. Сейчас имеется вот такой css(не мной написанный) * { margin:0; padding:0; } body,html { font-family:arial; background:#dc…
0 votes3 answers -
4 картинки к одному элементу
Добрый день. Можете помочь в такой веще: как сделать четыре изображения к одному элементу, чтоб первое изображение было вверху слева и повторялось по оси "y" , второе вверху справа и повторялось также по оси "y" , третье внизу слева и повторялось по оси "x", и четвертое внизу справа которое повторялось также по оси "x"? пробивал делать по примерам, где две картинки к одному элементу, не получилось Скрин того что должно получиться: http://imm.io/2K5B Заранее спасибо Приблизительный код в html <div> <div class="PIC1" > <div class="PIC2" > <div class="PIC3" > <div class="PIC4" > </div> </div&g…
0 votes3 answers -
Проблема с растягиванием по высоте.
Помогите пожалуйста, чтоб все блоки тянулись на максимум по высоте. Просто получается, один блоки тянутся, другие статичны. Вот само место боевых действий: _http://profshopping.ru/index.php?show_aux_page=6 И еще если кто знает, хелпаните при наведение на товар, появляется увелич. картинка не на своем месте. До этого верстал, табличной версткой все прекрасно работало ( _profshoping.ru ) .
0 votes3 answers -
Почему опера выравнивает list-style-image по верхней линии?
День добрый Вот для меню, которое идёт списком сделал картинку для второго уровня. ФФ и ИЕ отображают его нормально, а опера приклеивает к верхней линии. Смотрите скрин. Сверху - опера, снизу ФФ Помогите пожалуйста. Может чтото прописать надо, чтобы отцентровать эту стрелку? Заранее спасибо
0 votes3 answers -
Ошибка в коде или Firefox глючит?
Всем привет. Подскажите пожалуйста в чем может быть проблема, браузер Лисичка глючно выводит фоновую картинку, а IE7 нормально и без глюков? Если убрать Center то тогда без глюков в Лисе будет. Казалось бы ничего лишнего, а глючит. Так же пробовал вообще все лишние Теги убирать, методом тыка, не помогает, только этот Center или top или 50% 50% (любая аналогия) у Лисы вызывает искажения. Вот html: <head> <title>Music Portal</title> <link rel="stylesheet" type="text/css" href="main.css" /> <script type="text/javascript"></script> </head> <body> </body> Вот CSS: html { margin: 0; padding: 0; } body { background: …
0 votes3 answers -
IE и слои
Делаю всплывающее меню, в опере и лисе нормально отображается, в IE видны границы и текст поверх всплывающего окна. Подскажите как исправить.
0 votes3 answers -
Размер шрифта
Приветствую. Подскажите, если в стилях для тега html задан размер шрифта 75%, от какого абсолютного значения считается этот процент? html{ font-size: 75%; font-family: Arial, Verdana, sans-serif; } и вообще, объясните, как новичку, что предпочтительнее - проценты или пикселы и по какой причине? заранее спасибо!
0 votes3 answers -
Самопись или CMS?
Решил сделать сайт. Небольшой по размерам и с узкой направленностью (сайт для тестирования по знаниям об одном языке программирования). Создал шаблон в Photoshop, сверстал его в html+css+php. И тут за неимением опыта в php я задумался о безопасности, ведь предполагается работа с чужой базой данных (с согласия второго человека), он конечно может посмотреть мой код и поправить, но за любую ошибку буду нести ответственность я и частично он. Что посоветуете? Использовать полностью самописный сайт или CMS (Joomla для примера)? CMS не хотелось бы привлекать т.к. мне скорость не нравится...любая универсальность приводит к увеличению кода в разы, хотя с другой стороны проверенн…
0 votes3 answers -
Помогите новичку
<!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> <style> BODY {background:#FFFFFF;margin:0 auto;padding:0;} ul {padding:0} li {float:left; overflow:hidden; padding-right:10px; padding-left:10px;} .wrap { width:780px; margin: 0 auto;} .logo {background:url(images/Logo.jpg); width:780px; height:180px} .menu-l {background:url(images/left-m.jpg); width:23px; height:49px; float:left } .menu-c {background:url(images/centr-…
0 votes3 answers -
Зачем нужен тег?
Хочу спросить зачем нужен behavior.Я примерно знаю с чем его едят но все таки....
0 votes3 answers -
Поменять ссылку на картинку
Проблема вот в чем: Есть такой код, <a href="java script:;" onclick="this.blur();showThem('login_pop');return false;" id="openLogin">Login</a> он выводит ссылку "Login" а как сделать что бы выводило нужную мне картинку за место ссылки?
0 votes3 answers -
Выравнивание виджета «Мне нравится» от Вконтакте
Всем привет. Пытаюсь встроить виджет «Мне нравится» от Вконтакте к себе на сайт. В принципе, просто вставить его на сайт не проблема, однако у меня возникли проблемы с выравниванием этого виджета по центру какого-нибудь элемента. В начале я пытался выровнять его внутри <td> и/или <div> элементов, но когда совсем зашёл в тупик попытался просто сверстать обычную таблицу на всю страницу с выравниванием по центру и, очень удивился, когда просто вставленный код виджета отображается по вертикальному центру нормально, но сдвигается в сторону относительно горизонтального центра. Был бы очень благодарен за помощь в таком, казалось бы, не самом сложном вопросе. Сам, до …
0 votes3 answers -
Проверка на выключенный javascript
Я знаю о наличии блока <noscript>, с помощью него можно показать текст если яваскрипт выключен. У меня обратная цель - нужно показать определенные элементы, если яваскрипт включен. Как?
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-