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
-
стиль для кнопки
есть кнопка в виде текста , текст должен менять цвет при наведение мышкой. в Ie6 не работает hover для кнопки. Подскажите как быть. чтобы hover воспринимался
0 votes6 answers -
При прокрутке экрана часть цыфр стирается
При прокрутке экрана часть цыфр стирается, подскажите пожалуйста в чем проблема, вот код фрагмента: <div id="headline"> <div class="newsblock"> <div class="val"> <div class="yes"> <div class="num"><a href="">96</a></div> </div> <div class="odobreno"><a href=""<img src="images/odobreno.gif"></a></div> </div> </div> </div> #headline { width:66.7%; float:left; background:#fff; padding:10px; font-size:1.05em; line-height:1.5em; margin:0; } #headline div.newsblock { width:'*'; height:110px; display:block; float:left; } #headline div…
0 votes6 answers -
проблема со слоями в IE6+
Буду очень признателен в оказании мне помощи, т.к. я только начинаю осваивать азы верстки... Пробую настроить шаблон VM на Jooml`e. Увеличил шаблон мини изображения, картинка увеличилась но текст справа наезжает на нее. Поправил красные поля, в Firefox все выглидит так как надо, а в эксплорере текст поверх картинки и в высоту длина не увеличивается. float: left пробовал добавлять к картинке... #product_list>div { /*Оформление "квадрата" с информацией о товаре */ border-right:1px #E5E5E5 solid; background-image:url("../images/t1_bottom.gif"); background-repeat:no-repeat; background-position:0 100%; margin-top:1em; margin-bottom:2em; margin-left:10px; margin-r…
0 votes6 answers -
Значение атрибутов для элементов HTML (по-умолчанию)
Господа, поделитесь информацией о том, где можно посмотреть значения всех атрубутов для html элементов по-умолчанию. К примеру какие изначальные значения margin у элемента <P> или <H...>? Может есть какая-то таблица?
0 votes6 answers -
Как правильно сделать кнопки в меню навигации (CSS)?
Нужно сделать менюшку навигации на css слоями. Вот такую: Написал сие: Пункты оформил списком <div id="navigation" class="navigation"> <ul> <li><a href="about.html"><b>О нас</b></a></li> <li><b>Пациенту</b></li> <ul> <li><a href="">Клиника заболеваний</a></li> <li><a href="">Информированное согласие</a></li> </ul> <li><b>Врачу</b></li> <ul> <li><a href="">Обучение</a></li> <li><a href="">Литература</a></li> </ul> <…
0 votes6 answers -
Как отцентровать дивы?
Здравствуйте. Вопрос такой. Есть код: <body> <div class="center"> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> </div> </body> И CSS к нему: body { margin: 0; padding: 0; font-family: Arial; line-height: 25px; background: #fff;} .clear{clear:both;} .center { width: 100%;} .block { float:left; margin: 6px; …
0 votes6 answers -
Как сделать полоску сверху?
У меня возникла проблема. Мне надо создать начальную страницу для сайта. Она должна быть такая: сверху впритык к верхнему краю страницы должна быть полоска (с фоном, может даже фон-картинка) на которой посередине ссылка на главную страницу...а под полоской посередине картинка вот макет: С помощью таблиц не получаеться, так как я непомню как убрать отступ страницы, тоесть вот это: Прошу, помогите! Зарание благодарен!
0 votes6 answers -
FF игонрирует bordercolor
<table border="1" bordercolor="blue" width="100%" cellpadding="5" cellspacing="2" > IE отображает всё как надо, FF игнорирует ЦВЕТ границ. как исправить?
0 votes6 answers -
по какому браузеру ориентироваться?
в разных браузерах оформление таблицы выглядит по-разному больше всего волнует отображение параметра width и отступы на какой браузер ориентироваться?
0 votes6 answers -
Не работае таблица стилей в IE (в Opera всё работает отлично.)
Помогите, пожалуйста, решить проблему с таблицами стилей. Есть страница сайта, оформленная при помощи слоёв.При просмотре в Opera, всё работает отлично, но когда смотришь через IE, впечатление, что таблица стилей вообще не подключается и поэтому всё оформление просто "разваливается". С такой проблемой столкнулся впервые, если раньше и возникали проблемы, то это касалось отдельных элементов страницы и устранить проблему не составляло большого труда. Подключаю css <link href="stylecss.css" type="text/css" rel="stylesheet" /> Часть файла css, так задаю стиль для слоя #layer_1 { position:relative; top:105px; left:510px; z-index:1; border:3px solid #70685A; width…
0 votes6 answers -
Недвижимость в виде фонового рисунка
Подскажите пожалуйста,у меня на фоновом рисунке пятна разного размера в которые я вписал текст(через создание таблицы),когда я уменьшаю экран фоновый рисунок естественно остается на месте а вот весь текст съезжает со своих мест и надписи оказываются где попало (а не на своих пятнах) Как сделать что бы при уменьшении размера окошка надписи оставались на своих местах и просто скрывались за надвигающейся границей экрана??? Я чайник,поэтому попрошу ответить по-доступнее и если можно со сцылками
0 votes6 answers -
Подскажите плз как реализовать
Пример сайта: https://www.cobb.com.au/ Мне нужно реализовать так чтобы фоном были закругленные белые прямоугольники с тенью в которых уже располагается контент, насколько я понял прямоугольники сделаны не в виде изображений, а как то по-другому. Как ?
0 votes6 answers -
центрирование дива
У меня есть див, с параметром position:absolute;, как его отцентрировать? Заранее спасибо. И как сделать так, чтобы элементы в диве были по горизонтали?
0 votes6 answers -
три колонки - средняя жесткая, боковые тянутся
Помогите сверстать или дайте ссылку, чего-то не могу найти нигде такого. Шапка и подвал не нужны. Просто три колонки. Средняя по середине - она неизменной ширины. Боковые тянутся, чтобы заполнить всю страницу. Пробую так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> #pred { float:left; background-color:#0000FF; width:50%; text-align:right; position:relative; z-index:1; } #sled { float:right; background-color:#00FF00; width:50%; text-align:left; position:relative…
0 votes6 answers -
Помогите найти ошибку в CSS
Есть HTML код: <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body class="body"> <center> <div class="all"> <div id="logo"> <div class="logo1"> <a href="index.php" style="font-size: 25px; float: right;">Юридическая фирма <br/> <b style="font-size: 35px;">"Империя права"</b></a> </div> <div class="logo2"/> </div> <div class="div"> <div id="menu"> </div> </div> <div id="container"> <…
0 votes6 answers -
Opera меня игнорирует :(
Осваиваю дивную верстку, и в процессе работы над шаблоном столкнулся с забавным косяком со стороны Оперы. На странице футер должен быть фиксированно приклеен внизу, а контент прокручивается отдельно. В ИЕ и ФФ примененное решение нормально работает, однако Опера при прокрутке основного окна контента колесом мыши по достижении нижнего края окна начинает перематывать всю страницу целиком, при этом игнорируя жестко заданное фиксированное положение футера. Текущий вариант шаблона И еще один косяк и опять же со стороны Оперы - на этой же странице горизонтальная полоска вверху залезает над колонкой "Новости". В ИЕ и ФФ этого не наблюдается...
0 votes6 answers -
overflow и opera
Не работает прокрутка под фотографиями в Opere, на этой СТРАНИЦЕ. Подскажите почему? Пробовал разные варианты, но нечего не получилось Вот стиль #list-Img { width:430px; height:225px; overflow-y: hidden; overflow-x: auto; overflow-x: scroll; white-space:nowrap; float:left; margin-right:5px; }
0 votes6 answers -
подключение css и Opera
Подскажите плз что нетак: E-Exploer принимает и "видит" css файл, опера в упор не воспринимает. какое лекарство против этого??
0 votes6 answers -
css размер бордера
может кто знает... в общем есть список (ul). по бокам от него идет бордер в 1 px. нужно, чтобы бордер прерывался за несколько пикселей до нижнего края. то-есть бордер должен идти не на всю высоту списка, а прерываться за несколько пх до конца врятли такое можно сделать базовыми средствами, но кто знает, может у кого есть свой рецепт
0 votes6 answers -
Как один div выровнять по центру правого края другого?
И чтобы при изменении размеров div-а относительно которого выравниваем, соответственно перемещался и второй div (который выравниваем)? p.s. первый div - блочный
0 votes6 answers -
Вывод маленьких таблиц построчно
Добрый день. У меня возникла проблемма. Существует несколько десятков таблиц состоящих из 1 столбца и 2 строк. Мне их нужно вывести на странице так что б они выводились в 1 строку, а когда ширины экрана не хватает, то что б выполнялся перенос на другую строку. Как бы похоже на на это оно работает когда в стиле указываешь стиль display:inline-block, но не во всех браузерах работет правильно или даже просто работает. Познаний в вебдизайне у меня не много, поэтому буду рад любому совету даже самому простому. Заранее спасибо за помощь.
0 votes6 answers -
Блоки в лисе уезжают в подвал
Че-то давно не писал. Вот наткнулся на любопытный глюк в лисе 2.0.0.18 Ссылка ИЕ все оки. В лисе вверху только один товар, все остальное улетает в подвал. Что делать?.
0 votes6 answers -
Обтекание картинки текством в ИЕ
Вот такая проблема, если мало тексту то картинка внутри контейнера, не растягивает его и срезается: вот css: #cont3 { width: 555px; margin-bottom: 20px; } img.obteknie { float: left; padding-left: 0px; padding-top: 5px; padding-bottom: 7px; padding-right: 10px; } p { font-family: Arial; font-size: 0.75em; color: #545454; padding-bottom: 10px; } h1 { font-family: Arial; font-size: 1.0em; font-weight: bold; color: #009bcd; padding-bottom: 5px; } вот код страницы: <div id="cont3"> <h1><a href="#">Название ссылки</a></h1> <a href="#" alt="Подробнее" title="Подробнее"> <img class="obteknie" src="kartinko.jpg" wi…
0 votes6 answers -
Opera 9.1-9.2! Проблема со списками!
Доброго времени суток. Проблема в Опере 9.1-9.2, есть выпадающее меню построеное по средствам списков и CSS. Если ссылка сильно длинная и переносится на вторую строку, то Опера ее не показываетт вообще, к тому же режет нижнюю часть первой строки текста... Что делать? Обновить Оперу прошу не предлагать. <ul id="top-nav"> <li class="tnma tnmp"><a class="tnma tnmp" href="#" >О компании</a> <ul> <li><a href="#" >Строительная техника</a> </li> <li><a href="#" >Импорт древесины</a> </li> <li><a href="#" >Полужидкие строительные смеси</a> </li> <li><a href="#" &…
0 votes6 answers -
Не обновляются стили.
Добрый день. Есть сайт http://www.vborovets.ru Если заходить под ИЕ, то при первом заходе верстка нещадно ползет. Потом если нажать на любую ссылку то все в порядке все на месте если с внутренней выйти на главную то все в норме. Такое ощущение, что он откуда-то берет старую css, раньше все там так и было, задача была все это безобразие подправить я подправила. Но при первой загрузке опять вылезает. Все ссылки на старые css в коде так же как и сами старые стили с сервака убрала. Этот глюк в тока в ие 6 и 7. Если кто знает в чем проблема, буду очень благодарна.
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-