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
-
Размер шрифта
В процессе резиновой вёрстки возник вопрос: Возможно ли,что бы при увеличении разрешения экрана увеличивался и текст? Если да, то каким образом это осуществить?
0 votes12 answers -
Как работает такой стиль?
Подскажите плиз, как работает этот стиль? что означает запись вида "div.dashicon a {" или "div.di_network a {" ? @charset "utf-8"; @media all { div.dashicon { float: left; } div.dashicon a { background-image: url(icons/default.png); background-repeat: no-repeat; background-position: top; display: block; width: 70px; padding-top: 70px; color: #000000; text-decoration: none; text-align: center; margin: 2em; font-weight: bold; } div.di_network a { background-image: url(icons/network.png); } div.di_luci a { background-image: url(icons/desktop.png); }
0 votes4 answers -
0 votes7 answers
-
CSS, псевдокласс :hover
Возник вопрос относительно css псевдокласса :hover нужно, чтобы при наведении мыши на один элемент менялся стиль другого элемента, причём последний не является дочерним и располагается в другом месте 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=utf-8" /> <title>Документ без названия</title> <style> #a { color:#0F0; } #a:hover { color: #000; } #p { color: #C00; display:none; } #a:hover #p { color: #C0F; display:block; } …
0 votes7 answers -
<li> — отступ
Нужно убрать отступ который показан на рисунке ниже. Собственно сам код: .Menu { background: #222120; border-left: solid 1px #4d4b48; border-right: solid 1px #4d4b48; border-bottom: solid 1px #4d4b48; padding: 5px; width: 200px; margin: 0px; } Пробывал вставлять float:left, но толку нету, только ломает дизайн. Красной рамкой отмечен отступ
0 votes5 answers -
нужна помощь со скриптом формы обратной связи
На сайте есть форма обратной связи <form id="contact-form" action="post.php" method="post" enctype="multipart/form-data"> <fieldset> <label><span class="text-form">Имя:</span><input name="name" type="text" /></label> <label><span class="text-form">Email:</span><input name="email" type="text" /></label> <label><span class="text-form">Телефон:</span><input name="tel" type="text" /></label> <div class="wrapper"><div class="text-form">Сообщение:</div><textar…
0 votes5 answers -
Тень и бордер
Свертсал данную кнопку так: http://jsfiddle.net/37aeb/ Не могу добится чтобы была тень как на картинке, и в ИЕ8 вообще не так как на картинке. тенб вроде сделал box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3) inset; а вот с ИЕ8 и не понятно
0 votes10 answers -
Моя первая верстка
Доброе. Решил я всё таки перестать спрашивать на форумах "Как научиться верстать?" а просто взял и попробовал. Вот что из этого получилось: Макет: Верстка(демо): http://goodproject.tk/verstka/ Код: HTML: http://2paste.in/rfvg CSS: http://2paste.in/pbgc Сразу скажу, что верстку делал далеко не точную, я знаю что она фейспалмовая, ибо большинство элементов не вырезаны (иконки например, из за чего текст и иконки выглядит криво (разная высота)) + верхнее меню состоит из отдельных элементов а не из "ul" и "li" поэтому большинство элементов тут тупо наложены цельным бэкграундом, а не по отдельности, как это правильно, что бы не терять ещё несколько часов на вырезание, …
0 votes7 answers -
Несколько CSS с разными @Media запросами к одному HTML
Требуется что бы в зависимости от разного разрешения экрана менялись элементы на сайте, при этом я пытался привязать несколько CSS к одному HTML: <!DOCTYPE html> <html><head><title>Black Hog Games</title><meta charset="utf-8"> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1024x600.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1024x768.css" /> Документы привязались и все шло хорошо, пока не потребовалось межу ними переключаться: При проверке возникала путаница - включался не тот CSS, а самый пер…
0 votes5 answers -
Два блока перекрывают друг друга при мобильном разрешении
Доброго времени суток, на сайте i-took.ru при мобильном разрешении строка поиска и рекламный блок перекрывают друг друга, не смог решить проблему <form method="post" action="" class="search"> <input type="hidden" name="do" value="search" /> <input type="hidden" name="subaction" value="search" /> <input id="story" name="story" class="searchTerm" placeholder="Поиск по сайту ..." /> <input class="searchButton" type="submit" /><span class="searchIcon entypo-search"></span> </form> <div class="m20"> <a href="http://i-took.ru/" target="_blank"> <img src="{THEME}/assets/img/monitor.png" class=""> …
0 votes6 answers -
Помогите пожалуйста розобратся с эти м макетом
Не могу понять как сделать такой ховер?
0 votes4 answers -
вверху слоя отступ, а как заставить его забирать часть окна внизу?
К примеру: #d {position:absolute;left:0;top:239px;[b]width:245px[/b];height:350px;background:url(f/2.gif)} <div id=d> <div><a href="link1.html">1</a></div> <div><a href="link2.html">2</a></div> <div><a href="link3.html">3</a></div> </div> как отсюда видно высота у слоя 245 пикселей, а как тогда сделать чтобы див был на всю высоту окна кроме top:239px ? заранее благодарен
0 votes2 answers -
Вопрос по размеру текста в комбо-боксах
Вот что написано здесь Вопрос: какой размер текста браузер установит в этом случае для комбо-боксов ('select")? Практически я наблюдал, что размер довольно крупный.
0 votes3 answers -
Списки
Подскажите кто-нибудь please, можно-ли как-то отцентровать маркеры списка по высоте строки если они сделаны рисунком?
0 votes2 answers -
сайт подцепил вирус
вчера подцепил вирус на сайт, каким образом непонятно, проверял фтп на вируса, нод говорит вирусов нет, что делать?
0 votes4 answers -
При изменении длины слова, вся задумка портится...css :hover
В общем задумал я такую менюшку, чтобы при наведении на ссылку, стрелочки по бокам этой ссылки смыкались... http://img522.imageshack.us/my.php?image=menuwx5.jpg http://img141.imageshack.us/my.php?image=menuhoverqr5.jpg Но как видно из второй картинки, при изменении длины слова, эти стрелочки ливо заезжают на слово, либо куда то убегают... так вот хотелось бы узнать, можно ли как то с помощью css и html сделать, чтобы при изменении длины слова эти стрелочки были всегда на одном и том же расстоянии от слова? css: <style type="text/css"> html, body {margin:0px; padding:0px; background-color:#dbfafb;} #head {background-image:url("img/head.jpg"); width:710px; height:102…
0 votes4 answers -
верстка макета
привет друзья. подскажите как лучше верстать этот шаблон. файл прикрепленный. кто как бы посоветовал. или лучше переделать похожий бесплатный шаблон. может есть какие=-нибудь соображения. нуждаюсь в вашей помощи.. спасибо.. если кто видел похожий шаблон, подскажиьте пожалуйста. вот пример здесь: пример шаблона помогите пожалуйста
0 votes5 answers -
Картинка открывается под флэш роликом подскажите решение...
Всем доброго время суток. Описание проблемы картинка открывается под флэш анимацией что можно сделать? вот ссылка _http://www.foto-oazis.com.ua/fotooboi_20b.html П.С. Это мой первый сайт написанный с помощью div'ов так что сильно не пужайтесь увиденному изврату ) П.С. Впринцепе если кто та даст ссылку на подобную анимацию написанную на javascript тоже буду оч признателен...
0 votes8 answers -
в качестве основной картинки положить фото?
Хочу в качестве основной картинки (фон) положить фото, при чем мне нужно, что бы это фото при открытии сайта в браузере отображалось целиком без белых полос фона или каких либо полос прокрутки. То есть без прокрутки – везде только это фото. И как задать этой фото резиновость что бы она растягивалась на весь экран на любом экране. Хочу уточнить ПРИ БЛОЧНОЙ ВЕРСТКЕ. Я задала звездочке * { margin: 0px; padding: 0px; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} Вроде пока отображается на весь экран, но экраны то у всех разные, и мне нужно что бы на любом экране отображалось на весь экран. Стоит …
0 votes5 answers -
наложение слоев
есть код <div class="progressBar"> <div class="percentCount" style="width:50%">50%</div> </div> стили: .progressBar { border: 1px solid #e5e5e5; } .percentCount { background:green; text-align:center; width: 0%; position: relative; height: 20px; } этот код делает так что 50% располагается посередине заполненной части, как сделать чтобы он был по середине всей полоски? спасибо.
0 votes4 answers -
Проблема с jQuery Corner
Мне было нужно скруглить угли ,в ксс 3 не кроусбраузерно ,картинка там неподходит.Решил использовать jQuery Corner. сделал страницу с блоком и черним бекграундом но скрипт неработает ,в чем проблема http://img401.imageshack.us/img401/2259/14473946.png <!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> <title>Free</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="http://www.linkexchanger.su/example_jquery/js/jquery.corner.…
0 votes5 answers -
Вставка социальных кнопок на сайт джумла 1,5
Всем добрый день. Только пожалуйста не смейтесь с моих познаний. Проблема №1 Имеется сайт http://ciferkom.ru Я на него пытаюсь установить кнопки соц сетей. Кнопки поделится от яндекса (блоком) я поставил. Теперь хочу поставить кнопки голосования. Если Вы зайдете в любую статью на моем сайте, вы увидите, что под кнопкой (блоком яндекса), Я расположил кнопку "+1" от гугла и кнопку "мне нравится" от вконтакте. Вопрос: кнопка в контакте находится под кнопкой гугла. Как их поставить рядом. Код кнопок выглядит так: <!-- Google+1 --> <br> <g:plusone></g:plusone> <!-- Vkontakte --> <div id="vk_like"></div> <script type="text/javascr…
0 votes6 answers -
Проблема, когда ширина монитора меньше ширины макета
Здравствуйте. Верстаю макет сайта. У самого монитор в ширину 1024px. Размер макета в ширину 1200px. Для таких мониторов, как у меня должна появляться горизонтальная полоса прокрутки. Она появляется. Но в от в чем проблема. Есть общий блок footer. header { background: url('../img/header_bg.jpg') no-repeat center top; min-height: 1241px; margin: auto; overflow: visible; width: auto; } который служит просто подкладкой и в котором есть фоновое изображение. Его ширина 1 920px. Оно отображается, приведу скрин: Но когда прокручу вправо: фоновое изображение тупо обрезается. Если менять масштаб, то обрезанная область появляется. overflow: visible; не пом…
0 votes13 answers -
Почему не растягивается div
Добырй день! Я начинающий, потому не судите строго Не могу понять, почему div, в котором расположен еще div, имеет высотку 0 пикселей? Как его растянуть? Просто я хочу изображение на задний фон сделать, а оно не отражается, как я понял, как раз потому что высота div = 0. кусок index.tpl <body>......... <!-- Шапка (The End)--> <!-- Вся страница --> <div id="main"> <!-- Основная часть --> <div id="content"> {include file='slider.tpl'} {$content} </div> <!-- Основная часть (The End) --> </div> <!-- Вся страница (The …
0 votes3 answers -
Адаптация социальных иконок
Доброго времени суток, есть блок ширина которого указана в процентах, внутри него есть такая конструкция <div class="block"> <a href="#"><i class="vk"></i></a> <a href="#"><i class="ok"></i></a> <a href="#"><i class="gp"></i></a> <a href="#"><i class="fb"></i></a> <a href="#"><i class="in"></i></a> <a href="#" class="fullwidth">Link</a> </div> элемент с классом fullwidth всегда по ширине в 100% нужно сделать что бы вс элементы без этого класса были inline-block (аля only vertical) и квадратные при услови…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-