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
-
Кнопка для загрузки документа
У меня есть кнопка. Мне надо,чтоб при нажатиии на неё скачивался документ. Как это сделать?Я,так понимаю,это Джава?
0 votes8 answers -
Не могу убрать отступ
Не могу убрать верхний отступ у фоновой картинки в хэдере с помощью margin. Не могу въехать почему При установке position: absolute; верхний отступ убирается, но тогда не выравнивается по центру по горизонтали. Буду очень благодарен за ответы! Прошу не сильно ругаться Ниже код: - body { background-color: #f8ebb8; margin: 0 auto; width: 100%; } [b]div#header-all { background: url('../img/header-all.jpg') no-repeat; background-color: #f8ebb8; margin: 0 auto; position: relative; height: 406px; width: 1200px; } <body> <div id="header-all"><!--Хэдер--> <div id="header-1"> <!--Верхние кнопки+Поисковая форма--> <p id="action-b…
0 votes8 answers -
Чтобы два блока растягивались одновременно
Здравствуйте! В общем проблема такая. Есть два параллельных блока. Если один из них уходит вниз, то второй не изменяется, а надо, чтобы действия были параллельны. Фиксировать высоту не вариант. Пробовал заключить оба в один блок, но безуспешно. Колонки различаются цветами, поэтому и создается сложность для меня.
0 votes8 answers -
несколько блоков со скруглёнными уголками
на странице есть два проблемных места. из-за того, что блок .topinfoL имеет закруглённые уголки, места соединения этого блока и крайних пунктов меню не сплошные. помогите пожалуйста поправить
0 votes8 answers -
Вставка изображения посредством css/php
Добрый день всем Вобщем, суть вопроса такова Из первого сделать второе Пробывал: через img src вставить в header.php - вставляется, но не загружается, т.е. вообще не кэшируется на странице, хотя в "Инф о странице" файрфокса прописывается в списке элементов, но не размер не формат неизвестен. Также пробывал через php echo все с тем же img src А как вставить посредством css - вообще ума не приложу... Что посоветуете? Сайт - kiadesign.ru , архив со всеми файлами темы WP - kiadesign.ru/wp-content/uploads/2011/12/theme.zip код header.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1…
0 votes8 answers -
Divы выровнять по центру и по горизонтали
Здравствуйте Всем, верстаю макетик свой. В общем такая проблема. меню состоит из картинок расположенных в ряд одноц линией. каждая картинка заключена в див, по горизонтали я их поставил , а вот как, теперь делать итак, что бы они были еше и по центру. спасибо. вот код html и css <!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>MK</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name ="title" content=""/> <meta name="description" content=""/> <meta na…
0 votes8 answers -
Как прописать фон в html?
Подскажите, как правильно прописать фон посредствам тега (пример)<img src="1111.jpg" alt="1111"> в коде, минуя CSS Спасибо
0 votes8 answers -
padding в меню
Столкнулся с такой проблемой, хочу сделать отступы от текста сверху и снизу по 5px и по бокам 10px делаю padding:5px 10px; у меня только по бокам отступы получается, а с сверху и снизу ничего не происходит. http://jsfiddle.net/ha7ap/
0 votes8 answers -
Проблема с таблицей
Здравствуйте! Возникла маленькая проблема, не могу решить. Есть таблица, вот её приблизительный вид: Вот как выглядит таблица в коде: <table> <tr><td>1</td> <td rowspan="2">3</td></tr> <tr><td>2</td></tr> </table> Так вот, я поставил чёткие размеры высоты для 1 и 2 ячейки, но в 3 ячейке есть вкладки и нажимая на одну из них ячейка №3 увеличивается у высоту, при этом растягивая 2 ячейку. Как сделать чтобы размеры у 1 и 2 ячейках не менялись? P.S. Извините за запутанное объяснение, если что-то не понятно - спрашивайте.
0 votes8 answers -
3 колонки
Здравствуйте. Помогите пожалуйста сделать вот что: Фиксированная Резиновая Фиксированная И все это на одном ряде. Спасибо... Вот с каким кодом мучаюсь: <div id="main"> <div class="left_container">1</div> <div class="right_container">3</div> <div class="content">2</div> </div> #main .left_container {float:left; width:210px; padding:10px;} #main .content {width:100%; padding:10px; margin:0 240px; position:relative; display:block;} #main .right_container {float:right; width:210px; padding:10px;}
0 votes8 answers -
Где взять Opacity?
Как сделать прозрачную картинку если в Dw нет функции opacity? Вот разметка .DDD {opacity: 50%;} <img src="DD.jpg" alt="Непрозрачность 50%" class="DDD"/> Спасибо
0 votes8 answers -
Footer
Как сделать фиксированый Footer если Body выровнен по центру с помощью padding-left: 25%;? Он почему-то начинается от начала Body? Спасибо
0 votes8 answers -
"Падает" контент под меню на float
Помогите пожалуйста разобраться, делаю сайт и при уменьшении окна браузера контент съезжает под меню. Меню идет статическое 250px, а контент надо что бы тянулся в ширину. #menu { width: 250px; float: left; padding: 0; margin: 0; height:100%; background-color:#C3E0C6; } .button{ float:left; margin-top:80px; margin-left:12px; padding:1px; } #kontakty{ float:left; margin-left:20px; margin-top:10px; padding: 2px; color:#04605B; font-family:Arial, Helvetica, sans-serif; font-size:10pt; } #kontakty ul li p{ font-weight:bold;} #kontakty ul li{ list-style-type:none; line-height:1.5em; z-index:6; } #content { background: #F5FAF5; width: 80%; margin-left:250px; f…
0 votes8 answers -
Вертикальное меню для сайта
помогите пожалуйста, как сделать меню как в одноклассниках (чтобы оно оставалось при прокрутке страницы)? "position: fixed" не помогает, отображается неправильно, криво. пытался сделать так: <div style="width: 100%; height: 51px"> <!-- Меню --> </div> <div style="width: 500px; height: 100%; overflow: auto"> <!-- Контент --> </div> но что если на сайт зайдёт человек, у которого дисплей с расширением например 1600х900? будет пустое место под вторым блоком, вообще отображаться будет неправильно. нашёл в инете JS-скрипт, который изменяет высоту блока в зависимости от расширения дисплея, поставил, но он не работает у меня почему-то.
0 votes8 answers -
Проблема с паддингом.
Суть проблемы: Не могу понять поведение свойства padding. Почему когда я задаю padding sidebar'у, отступ создается за счет контента?...причем по разному действует с разных сторон, в зависимости от расположения sidebar'а. body {margin:0; padding:0; background-color:black; background-image:url('bg images/bg_body.jpg'); background-position:top center;} #container {width:80%; background-color:; margin:50px 10% 100px 10%; min-width:800px;} #header {background-image:url('bg images/bg_header.jpg'); width:100%; height:300px; border:solid 2px black;} #header_layer_one {background-image:url('bg images/bg_header_layer_one.jpg'); background-position:center; background-repeat:no-r…
0 votes8 answers -
Двухцветный фон
Как сделать двухцветный фон?
0 votes8 answers -
При выставлении паддинга движется слой.
Слой размещен через position:absolute, по идее двигаться не должен. Но когда я выставляю паддинг, смещается не текст, а фоновая картинка, за счет чего получается отступ с одной стороны. Отступ с другой стороны игнорируется, там вообще текст вылазит за рамки фона, и слоя, соответственно
0 votes8 answers -
изображение под изображением
Доброго времени суток. В html коде прописано : <div class="c-left"> <div class="good-bg-1">Изображение</a></div> </div> <div class="c-right"> Текст </div> в таблице стилей : .c-left, .c-right {float: left;} .c-left {width: 150px;} .c-right { padding-top: 14px; width:600px; margin-left:40px} что мне нужно прописать в моем случае чтоб два изображения были с лева друг под другом а текст с права, текста много.
0 votes8 answers -
Псевдокласс css для вкладок
Сделал вкладки как здесь: http://www.alexilin.ru/web/tabs/ . Теперь хочу, чтобы открытая вкладка отображалась другим стилем. Вопрос: можно ли это сделать средствами css? Нет ли для этого какого-нибудь псевдокласса?
0 votes8 answers -
резина в 3 колонки
Добрый день форумчане, никогда не занимался резиновыми макетами, поэтому возникла проблема: Нужно чтобы левая и правая колонка были фиксированными а центральная резина, сделал вот что HTML <div id="main"> <div id="top"></div> <div id="center"> <div class="left-side"></div> <div class="right-side"></div> <div class="content"></div> </div> <div id="bottom"></div> </div> CSS /*Основные блоки*/ #main{border:1px solid red;} #top{border:1px solid red;height:150px;} #center{border:1px solid red;height:600px;overflow:hidden;} #bottom{border:1px solid red;height:150…
0 votes8 answers -
vertical-align
Добрый вечер! У меня есть многострочный <td> внутри <tr> со свойством vertical-align: middle; и всё вроде бы хорошо, только на практике содержимое например 2-х строк выравнивается исходя из высоты не самой буквы, а высоты этого шрифта, я не знаю как правильно сказать. Тоесть, выравнимание не смотрит на то, есть ли у меня буквы вида Й или Ё в первой строке, а уже делает отступ как будто они есть, эти 2 пикселя под умлауты. Также обстоят дела с последней строчкой, в которой может не быть букв Щ Ц Д и пр.. Выражаясь русским языком, для системы, буква Й и буква К имеют одинаковую высоту. Может есть свойство, которое заставит игнорировать это и брать только "чистую…
0 votes8 answers -
<img> в правом нижнем углу
Всем доброго времени суток! такой вот вопрос: как мне разместить картинку либо через div, либо через img, прижатой к нижнему правому углу, если размер всей страницы не помещается в экран? Картинка должны быть поверх всего и она больше чем сам футер. Заранее спасибо.
0 votes8 answers -
Код в коде html
Здравствуйте. Возникла необходимость вставить на страницу html код, так что бы он отображася именно как код, а не интерпретировался браузером как часть разметки... Поиск ничего не дал( Подскажите как это реализовать. Зараннее спасибо.
0 votes8 answers -
css3
День добрый, вобщем начал верстать шаблон и наткнулся на непонятную проблему... В IE9 и Опере не работают box-shadow и border-radius а в мазиле всё нормально...понять не могу, вроде они с сss3 дружат
0 votes8 answers -
Блок поверх других
Делаю выпадающее меню. Структура такая: Код HTML: <div class="top_container"> <div class="menu"> <ul class="nav_menu"> <li>Item1</li> <li>Item2</li> <li>ItemN</li> </ul> </div> <div class="mask"> </div> </div> <div class="main_container"> </div> Мне надо, чтоб элементы из ul выводились поверх всего, в т.ч. и блока "main_container". В таблице стилей у меня прописано Код: ul.nav_menu { position: absolute; overflow: visible; disaply: block; z-index: 1000; } .mask { position: absolute; disaply: block; z-index: 500; } .main_container { position: absolut…
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-