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
-
Картинка в шапке
Здравствуйте. Появилось необходимость поместить в шапку сайта изображение. Использовал тег img <img src="контакты.png" alt="номер телефона"> На главной все отображается отлично, а на остальных страницах отображается альтернативный текст. Что я сделал не так?
0 votes19 answers -
Помогите с html/css кодом!
Не могу расположить второй ряд картинок все div идут в одну строчку. Пробовал и команду clear (both, left) всем блокам прописан float:left.(Всё в конце кода). Заранее спасибо за помощь.На всякий случай прикреплю ещё картинки. index.html style.css
0 votes2 answers -
размер шрифта хочу относительный
надо шрифт размером 11px но явно указывать его не охота, x-small - слишком велик xx-smal - слишком мал возможно как нибуть сделать так font: xx-smal+1;
0 votes2 answers -
DIV-ка с изображением внутри
Здравствуйте, такой вопрос: Сайт сверстан слоями. На сайте три колонки. Верстка резиновая. В центральной колонке нужно разместить блок (дивку), в которой размешено большое (2000px по ширине) изображение. При этом это изображение должно быть отцентровано в этой дивке. Т.е., если к примеру центральная колонка сайта получилась шириной 800px, то от изображения должно обрезаться справа 600px и слева столько же, а центральная часть отобразится. Это было бы просто сделать, если положить изображение бэкграундом, но вся беда в том, что изображение связано с картой (MAP)? т.е. на изображение есть ссылки. Я попробовал применить к дивке вот такие стили overflow: hidden; text-align: …
0 votes3 answers -
Internet explorer 6 и 7 на одном компьютере
В общем, каким образом установить Internet explorer 6 и 7 на одном компьютере ?
0 votes6 answers -
Помогите плиз! Неправильное отображение таблицы...
Помогите пожалуйста разобраться, не понимаю в чем проблема! Есть таблица с закругленными уголками, сделанными при помощи изображений по углам. Код таблицы правильный, Валидатор не обнаруживает ни одной ошибки. Если я ставлю !Доктайп XHTML 1.0 Transitional, то все в порядке, во всех браузерах отображение нормальное. А если ставлю !Доктайп XHTML 1.0 Strict(в котором как раз я и хочу работать), то во всех браузерах кроме IE6 таблица снизу неправильно отображается. Валидатор же показывает, что код правильный. Не пойму в чем дело, помогите плиз... XHTML 1.0 Transitional XHTML 1.0 Strict Вот сам код: <h3>Создание скругленных уголков:</h3> <table style="width: …
0 votes3 answers -
Не получается получить свойство через DOM!
Собственно код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> #foo { display:none; } </style> </head> <body> <div id="foo">Some text</div> <script type="text/javascript"> alert(document.getElementById("foo").style.display); </script> </body> </html> Ожидаю, естественно, получить "none", а в итоге - пустая строка. При этом если задать атрибут прямо в тэге (т.е. style="display:none") получаем то, что и требуется. Идеи?
0 votes11 answers -
IE7 - подозреваю не работает float:right;
Подскажите, почему во всех браузерах меню нормально прижато к правому краю, кроме IE7? http://mosstroy-10.ru/ Поиски дали мне почву подозревать, что здесь плохо работает float:right ... Но как с этим бороться не ясно.
0 votes5 answers -
Не работают два <select>'а
Всем привет. Мною был скачан шаблон сайта. В котором уже был встроено меню select, но когда их больше одного, то ни одно из них не работает. Но мне необходимо, чтобы их было как минимум 2. Как доработать код? Все исходники лежат здесь http://onemove.ru/40841/ Заранее спасибо! Вот мои скрины, на которых видно что не работает когда меню больше одного:
0 votes13 answers -
Прототип меню
Сперва объясню задумку. При наведении на верхний .elem из под #grey_box выдвигается .back с такими же .elem. .elem имеют событие :hover. Конструкция резиновая. #grey_box { height: 50px; background: #ddd; padding-top:10px; } table { margin-left:300px; } .back{ padding-top:30px; background:orange; position:relative; z-index:-1; } .elem{ background:blue; } .elem:hover{ background-color:yellow; } <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div id="grey_box"> <table> <tr> <td> <div class="elem">menu item</div> <…
0 votes19 answers -
Объясните разницу в scaffolding bootstrap
Здравствуйте. Начал заниматься версткой своей поделки на django. С html, css знаком. Вот начал читать документацию bootstrap. Прочитал http://twitter.github.com/bootstrap/scaffolding.html про scafollding, попробовал. не понимаю в чем разница структур: ——————— <div class="row"> <div class="span4">...</div> <div class="span8">...</div> </div> ——————-- <div class="row-fluid"> <div class="span4">...</div> <div class="span8">...</div> </div> ——————-- <body> <div class="container"> ... </div> </body> Объясните ,пожалуйста, разницу? в каких случаях удобнее при…
0 votes2 answers -
Java script выполнить обводку
Подскажите пожалуйста, можно ли вообще как-то скриптом выполнить обводку прозрачного контура рисунка? По примеру рисунка, зеленый контур при наведении мышки на рисунок например?
0 votes16 answers -
Сетка bootstrap-sass 11-колоночная?
Здравствуйте. Установил через Bower bootstrap-sass 3.3.6, начал верстать и столкнулся с неприятной проблемой. Код: <article> <div class="container"> <div class="row"> <div class="col-sm-5 hidden-xs"> <img class="shop-pages" src="img/shop-pages.png" alt=""> </div> <div class="col-sm-6"> <section class="suitable-offer"> <h2 class="suitable-offer__heading">Наше решение идеально подойдёт для:</h2> <div class="suitable-offer__elem suitable-offer_paper-airplane"><span class="suitable-offer_first-line">Запуска стартапа</span> Оптимальное решение для бизнеса, кото…
0 votes9 answers -
Три кусочека (зачёркнуто) слоя фона - градиент, заливка и рисунок. Бывает?
Да, я умею создать проблему на ровном месте. В данном случае требуется создать шаблон для объявления, состоящий из двухцветной рамки, белого поля для текста и логотипа в его правом нижнем углу (См.пример). Первое, что приходит на ум - создать DIV с фоном - первый уровень заливки с градиентом, на него наложить белый фон и на него уже в уголок - логотип. Например, использовать параметр border-box для градиентной заливки, padding-box для белой, а логотип - в правый нижний угол content-box. Но, конечно, я всё делаю неправильно и ничего не работает. Как я понимаю, именно заливка цветом ломает работу множественных фонов. А в принципе это возможно, или нужно усложн…
0 votes13 answers -
у меня сложность с фиксацией дочерних таблиц внутри родительских
Конкретоно: если вводить в дочернюю таблицу текст она начинает растягиваться (в мо?м случае это не приемлимо , нельзя ли как-нибудь сделать так чтоб в этой табличке появлялся скролбар. иначе весь вид портится.
0 votes5 answers -
height:100% и min-height:100%
Привет всем. Возник вопросик по css. как реализовать блоки таким образом, чтобы основной блок имел высоту 100% (допустим блок 1) и вложенный в него блок 100% (блок 2). Все хорошо, но есть одна проблема, если блок 2 превышает высоту 100%, то основной (блок 1) остается с высотой 100% и min-height:100 не помогает. <!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=UTF-8" /> <title>123</title> <style> body {margin:0; padding:0; h…
0 votes7 answers -
В Ie Не Отображаются Скругления. Помогите Исправить
в IE должно быть так HTML и css код <div id="ins"> <a style="margin: 0pt 13px;" href=" "><span class="l"></span><span class="c"></span>Текст1 <span class="r"></span></a> <a style="margin: 0pt 13px;" href="/url/"><span class="l"> </span><span class="c"></span>текст2<span class="r"> </span></a> <a style="margin: 0pt 13px;" href="/url/"><span class="l"> </span><span class="c"></span>текст3<span class="r"> </span></a> </div> #ins { height:20px; position:absolute; text-align:center; top:93px; width:100%; } #ins a { back…
0 votes9 answers -
проблема с ЧПУ
Привет! файл .htaccess RewriteEngine on RewriteBase / RewriteRule ^ru/([A-Za-z0-9\-_]+)/?$ index.php?action=$1 RewriteRule ^([a-zA-Z0-9_\-\/]*)$ index.php?action=$1 не могу попасть в папку ru в Чем может быть проблема?
0 votes4 answers -
HELP!
Всем доброго времени суток. Помогите пожалуйста с страничкой. Вот станичка содержимое правого сайдаба по разному отображается, в IE7 последняя картинка в блоке почти прилегает к низу блока, а в остальных браузерах чуть с запасом. Помогите разобраться. Уже пробовал с бубном танцевать - не помогло.
0 votes14 answers -
font squirrel и кириллица
привет всем. вобщем все таки пришлось мне свзываться с кастомными шрифтами. решил использовать font squirrel. шрифт junegull. закинул, конвертировал, скачал. но вот беда работает только с латинскими. то есть в демке подставляю русский текст - а фиг! хотя шрифт кириллицу поддерживает. во всяком случае в фотошопе работает. вобщем видимо я туплю - тыкните носом плиз. заранее благодарен всем отзвавшимся шрифт брал тут
0 votes4 answers -
checked для не-input'ов
Потребовалось мне применить свойство checked к элементу, не являющемуся input'ом. С налёту (просто взять и прописать) не работает, да и не особо надеялся. А как это технически возможно сделать?
0 votes7 answers -
При обновлении страницы съезжает блок меню
Здравствуйте. Подскажите пожалуйста как решить проблему с версткой. На сайте http://dsraduga.ru при обновлении страницы блок меню с картинкой на секунду съезжает влево потом встает на место. Буду признателен.
0 votes1 answer -
Пустота на месте перемещенного элемента разметки
Имеется разметка, имеется объект html (пусть таблица или div), позиция которой указывается в style. Браузер считает, что несмотря на указанные координаты, для этого объекта нужно оставить пустое место там, где объект был описан. (Т.е. там объект находился бы, если бы не были вручную указаны координаты). Как сделать, чтобы не появлялось это пустое место? Ткните пожалуйста в то место матчасти которое содержит объяснение. Что-то упускаю. Ещё раз: задача - класть на странице произвольное количество объектов произвольного размера, так, чтобы не появлялись пустые места на месте их описания. Свойство display не спасает. Пока display=none, все ок, но при других значениях вылезают…
0 votes9 answers -
Этика правильной верстки
1) Ребят подскажите можно использовать тег fieldset /legend вне формы, а также использование картинки вместо текста( legend) технически можно, а вот правильный ли тон кодинга? 2) Можно как-то регулировать отступ левого края линии ( fieldset /legend)? У меня он получается без отступа, а иногда с отступом, как повезет, глупо конечно, но факт. 3) При использовании JаvaScript (например, мелкая интерактивность) лучше оставлять его в странице или внедрять в отдельный файл, как СиСС?
0 votes15 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" lang="ru" xml:lang="ru"> <head> <title>Структурированные продукты</title> <style> .t-calc1 th, .t-calc2 th {border:1px solid #CCE8F3; padding:1px; vertical-align:middle; text-align:center; color:#fff; font-weight:bold;} .t-calc1 th div {padding:5px 10px 6px; background:#59B6D7} .t-calc1 td {border:1px solid #CCE8F3; vertical-align:middle;} .t-calc1 td span {display:block; margin:0 0 3px;} .t-calc1 input{vertical-align:middle; width:90px; height:19px; padding:…
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-