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
29,542 questions in this forum
-
Как правильно сделать фон для блоков?
У меня такой Я хочу чтоб обе блоки соединились к нижнему части сайта (footer) Код я использую в CSS /** block **/ .block { width: 193px; margin: 0px 0; background: url("../images/block.png") repeat-y -193px 0;} .bt { font-size: 1.2em; height: 29px; background: url("../images/block.png"); overflow: hidden; } .bt span { display: block; margin: 2px 2px 0 8px; color:#fff; } .dcont { padding: 0 8px; width: 177px; } .bbut { height: 0px; background: url("../images/block.png") no-repeat 80% 80%;}
0 votes0 answers -
Картинка - кнопка
Уважаемые форумчане! Заранее прошу меня извинить, почему-то сама сообразить не могу. Есть две картинки к одной кнопке (синего и серого цвета). В "спокойном" не нажатом состоянии кнопки серые, как сделать так, чтобы кнопка становилась синей при нажатии на нее, т.е. когда она становится активной. Именно при нажатии, а не при наведении. Причем глубоко в душе понимаю, что здесь работает .active{} и иже ему подобное, но как реально прописать такое - увы совсем туплю. Буду благодарна за пинок в правильном направлении. P.s. Можно еще конечно (я так думаю) обратиться к onmouseover, onclick, onmouseout - но с ними я как-то общего языка пока не нахожу). Заранее спасибо.
0 votes6 answers -
кнопка button
Объясните почему везде ,кроме хрома ,неправильное отображение?? <!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> *{padding:0;margin:0} a{display:block;width:100px;color:white; height:40px; text-align:center;} .but:active{background:red;} .but{background:blue;} button{margin-left:20px; /* display:inline-block;*display:inline;zoom:1; */} </style> </head> <body> <button>&…
0 votes1 answer -
Как сделать кнопку при наведении курсора картинка изменяется
Я хочу сделать свою кнопку при наведении курсора картинка изменяется Это CSS код: .hrss { float: right; margin-top: 8px; padding-top: 32px; width: 32px; background: url("http://codmws.ucoz.ru/rsshead.png") no-repeat; } .lcol { float: left; } .rcol { float: right; } А это код могу вставить куда хочу: <a class="thide hrss" href="http://vkontakte.ru/codmws" target="_blank" title="Наша группа в контакте">Наша группа в контакте</a> Помогите дополнить кнопку при наведении курсора картинка изменяется
0 votes6 answers -
Фон для бюлока
Хочу добавить серый фон побокам сайта (см. рисунок). Но не пойму как это сделать Код такой для блока wrapper (я так понимаю его нужно редактировать??) #wrapper { background: url("images/bg.PNG") repeat-y scroll 0 0 #fff; } Картинка "images/bg.PNG" вот http://hotbanya.ru/wp-content/themes/statua_v1.0.5/images/bg.PNG но ничего не выходит. Что не так? Или это вообще не так делается?
0 votes7 answers -
UTF-8 не отображается
Здравствуйте! Изучаю HTML по видеоуроку, там короче такой пример: <html> <head> <meta charset="utf-8"> <title>Шаблон</title> </head> <body> </body> </html> Слово шаблон у него в заголовке отображается нормально. У меня абракадабра! Можете подсказать в чём проблема? Кстати когда charset меняю на windows-1251 всё показывает нормально.
0 votes3 answers -
Не могу понять свойство overflow
Суть такова. Есть блок, у него внутри два блока. Один приклеен к левому краю, другой к правому. Но вот проблема, блок-родитель не хочет растягиваться на высоту бОльшего из дочерних блоков. Добавляю родительскому блоку overflow: hidden и он послушно растягивается. Только вот одно не могу понять. В описании значения hidden (на сайте htmlbook) - "Отображается только область внутри элемента, остальное будет скрыто.". Не могу понять, что в данном случае скрывается а что отображается?
0 votes1 answer -
Как сделать не прямоугольную форму с одним фоном
Нужно сделать как на картинке: т.е. у прямоугольной формы еще и треугольник внизу. Но проблема в том что фон для них один. Можно увидеть как темная полоса продолжается на треугольнике. И конечно это не фиксированной ширины.) Подскажите, можно ли такое реализовать?
0 votes50 answers -
Выравнивание прокрутки текста по вертикали
Здравствуйте. В который раз не могу выставить в нужное место блок div, блок прокрутки текста div id="target". Он должен стоять корректно под заголовком, но уходит по вертикали, вниз, вытесняя вниз код перехода страницы и нижний колонтитул рисунка. Пробовал через CSS, не получается. Как все таки вставить текст с прокруткой под заголовок? http://savepic.su/1317510.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" />…
0 votes11 answers -
Специфичность селекторов
Есть следующий код 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" xml:lang="ru"> <head> <title>Специфичность селекторов</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" href="style35.css" type="text/css" /> </head> <body> <div class="one"> <p title="privet">Это просто первый абзац текста</p> </div> </body> </html> и следующий код css p[title="privet"] { background: #ff0000; } .one p { background: #…
0 votes3 answers -
Див в форме трапеции
имеем карусель, нужно сделать что бы дивы в ней были в форме трапеции, как это можно сделать? рисунок прилагаю
0 votes2 answers -
Select видоизменение
Добрый день люди добрые Есть поле select, хотелось бы чтобы при раскрытии, под каждым пунктом было пояснение такого вида: как это можно реализовать? помогите пожалуйста.
0 votes3 answers -
аудио на html страничке
подскажите как лучше реализовать аудио на веб-страничку по типа как аудиозаписи вконтакте. юзал <audio controls> <source src="audio/europa.mp3" type="audio/mpeg"> <font color="#FFFFFF">Блин! Тег audio не поддерживается браузером.</font> <a href="audio/europa.mp3">Тогда скачай трек</a>. <br /> </audio> на страничке три трека и все грузятся параллельно и если нажать на плей всех трех, то они параллельно зазвучат
0 votes1 answer -
divы в div
Пытаюсь сделать вот такую структуру: Задача у меня такая: на общем фоне будут 6 блоков в которые в дальнейшем будут выводиться посты (анонсы). Что-то я делаю не так... Сайт не резиновый и чётко ограничен размерами 1024х800пикс. Подскажите как разложить дивы что бы позиционировались относительно основного дива, а не по экрану?? код: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="main"> <div class="menu"> <ul class="menu"> <li><a href="#"></a><…
0 votes10 answers -
Как разместить элементы?
Никак не получается красиво расположить соц кнопки Яндекса и форму подписки по Емаил. Сейчас это так: Код вот такой <div class="share"> <tabla> <tr> <td> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div> <noindex> </br> Если вам понравилась эта статья или весь наш сайт, то Вы можете рассказать об этом друзьям через социальные сети, нажав на кнопки выше. …
0 votes3 answers -
помогите пожалуйста сделать футер
Здравствуйте! Не могу сделать резиновый футер для странички с 3-мя колонками. Перечитал массу инфы в инете. но почему - то футер не опускается ниже 100%, хотя min-height:100%; Весь мозг сломал. никто не может помочь. Проблема скорее всего простая, просто я её не знаю. Очень надеюсь на Вашу помощь
0 votes1 answer -
вставить видео в html
Хочу вставить flv видео в html страницу, но оно не воспроизводится. Пишет "для отображения этого содержимого требуется плагин". Подскажите, в чем ошибка или подскажите другой? Можно воспроизводить swf также Вот сам код <html> <head> <title>Видео</title> </head> <body> <center> <OBJECT CLASSID="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95F" HEIGHT=480 WIDTH=640 NAME=Msshow1 ID=Msshow1> <PARAM NAME="FileName" VALUE="бХДЕН/1.mpg"> <PARAM NAME="autoStart" VALUE="true"> <PARAM NAME="showControls" VALUE="true"> <PARAM NAME="PlayCount" VALUE="20"> <embed src="coffee.flv" width="640" height="480" controller=…
0 votes1 answer -
Нестандартный шрифт.
Здравствуйте, уважаемые форумчане. Прикрепил шрифт через font-face. Но он отображается только в хроме.в остальных стандартным шрифтом какимто. Подскажите как исправить ситуацию(варианты картинками и на канвасе не устраивают).
0 votes7 answers -
Можно ли затемнить, или высветлить один край бэкграунда в диве.
Я создал див для шапки сайта и сделал темный фон для нее, можно ли нижний кран высветлить или сделать прозрачным с помощью каскадных таблиц стилей, или только с помощью редактирования фонового изображения в фотошопе. Заранее спасибо.
0 votes3 answers -
Как кнопку вставить или двигать в угол сайта
Код я использую в CSS .hrss { float: left; margin-top: 8px; padding-top: 32px; width: 31px; background: url("http://codmws.ucoz.ru/rsshead.png") no-repeat;} .hrss:hover {background: url("http://codmws.game-pack.net/vksar2.png") no-repeat;} А это куда я хочу <a class="thide hrss" href="http://vkontakte.ru/codmws" target="_blank" title="Наша группа в контакте">Наша группа в контакте</a>
0 votes2 answers -
деминифицировать js-код
скажите пожалуйста если js минифицирован, то его можно привести обратно в читаемый вид? как?
0 votes3 answers -
Помогите исправить форум сайта
Вот ссылка на форум сайта http://codmws.game-pack.net/forumъ Код <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>$MODULE_NAME$</title> <link rel="icon" href="http://codmws.ucoz.ru/icon.ico" type="image/x-icon" /> <link type="text/css" rel="StyleSheet" href="http://codmws.game-pack.net/Mycss/Forum2da.css"/> <link media="screen" href="http://codmws.game-pack.net/Mycss/forum.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="/js/libs.js"></script> </head> <body> <div class="wrapper"> <div class="lineinfo"> <div id="klik"> <div class="heder"> $G…
0 votes1 answer -
Проблемы с версткой, нид хелп
У меня почти готова страничка, но не настолько, чтобы выкладывать ее в раздел обсуждения работ. Есть некоторые проблемы, а именно: В хроме страница отображается некорректно, не до самого низа окна браузера. Верхний рекламный блок не видно. То есть когда я смотрю сайт с локального компьютера он есть, а когда с залитой в интернет странички - нету. Ну и плюс эта страница тянется по вертикали, делаю я это впервые. Посмотрите что не так с масштабированием, покрутите сайт туда-сюда. Буду благодарен за советы, какой блок тянуть, какой делать фикс, если у меня в макете что-то не так. Да, и я только сейчас подумал, что наверное стоило тянуть по ширине. Ширину-то я фикс сделал. upd…
0 votes14 answers -
Как сделать валидную кнопку-ссылку
Добрый день, вот код: <div style="width: 100px; height: 100px; background-color: blue;"> <p style="border: 1px solid; height: 100px;"> <a href="#" style="display: block;">Кнопка</a> </p> </div> Хочу сделать кнопку,чтобы при наведении на любую ее часть она определялась как ссылка, пока получается, что ссылка только текст. Что не так? И как вообще лучше сделать посоветуйте.
0 votes11 answers -
открытие результата обработчика формы в iframe
Добрый день. Я новичок в веб разработке и пытаюсь разобраться в следующем: как мне открыть результат обработчика формы в моем iframe - вроде бы все логично но не получается. Вот мой код, так же пробовал с перемещением iframe внутрь формы. Подскажите, что я упускаю? HTML изучаю самостоятельно. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>поиск google</title> </head> <body> <iframe name="o" width="100%" height="90%"></iframe> <form id="s" action="http://www.google.ru/search"> <textarea name="q" cols="150" rows="1"></textarea> <input form="s" type="s…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-