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 votes9 answers -
Hover на несколько элементов
Начал недавно осваивать верстку, столкнулся со следующей проблемой. Есть следующий код: <div id="wrap"> <div id="f"> Один</div> <div id="s"> Два </div> <div id="t"> Три </div> </div> И Css к нему: #f { background-color: red; float:left; width:30%; } #s { background-color:yellow; float:left; width:30%; } #t { background-color: green; } #wrap:hover { background-color: teal; } Нужно чтобы при наведении на любой из дивов #f #s #t все три дива меняли бэкграунд на teal. Вышенаписанный код не работает. Как сделать? jquery и javascript использовать нельзя. Спасибо/
0 votes2 answers -
Что нужно учить, чтобы верстать макеты?
Добрый день, мне всего 16 лет и будущее свое решил связать с веб-программированием. Уже сейчас хочу научиться верстке. А теперь вопросы: 1) Что нужно учить, где и в каком порядке? (Единственное, что знаю - это html 4) 2) Что конкретно из себя представляется верстка?
0 votes4 answers -
Верстка header'a div-aми (резиновый дизайн)
Люди помогите пожалуйста ... нужно сверстать div-ами хэдер для сайта (см. скриншот) идея такая: слева и справа на одном уровне две готовые картинки с шириной 365пкс и 364 пкс, а в центре (между ними) растягивающаяся картинка. Код прилагается. За ранее спасибо. ХТМЛ <!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="ru"> <head> <meta name="robots" content="all" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="styles.css" /> <…
0 votes5 answers -
Ужасная проблема с div
Как только начинаю задавать фиксированный размер, самым высшим дивам (которые включают в себя дивы колонки, контента, подвала) сайт начинает сильно штормить! А?! Изначально сайт расположен прямо по центру экрана, и если юзать колесико мышки вперед - назад, то сайт приближается и отдаляется, по центру экрана. А после моего вмешательства в размер дивов, сайт прикрепляется к левому верхнему углу, и если юзануть колесико мышки то изображение на экране отдаляется, а т.к. сайт прикреплен к левому верхнему углу то он после прокрутки колесиком скрывается за экраном.
0 votes9 answers -
меню на css
код ответсвенный за меню находиться в низу после коментраий Почему меню криво работает, и как это исправить?
0 votes3 answers -
text-align: justify;
грубо говоря ситуация такая <div style="text-align: justify; font-size:11px; width:250px;"> <p>Текста на 100 символов. Строк 10-11.</p> </div> Что и следовало ожидать текст выравнивается по левому и правому краям блока. Но расстояние между словами ужасное. Можно ли как-нибудь бороться с этим делом?
0 votes12 answers -
IE9 ругается на onblur/onfocus
Хочу сделать форму с использованием onblur/onfocus: <input type="text" value="Поиск" onblur="this.value='Поиск'" onfocus="this.value=''" /> Но IE9 её блокирует: Как сделать, чтобы это не появлялось?
0 votes3 answers -
Неправильное отображение в IE 6,7
Привет всем, подскажите как решить неправильное расположение фоновой картинки в блоке <div class="logo-top"> и отсутствие бордеров у ссылок в блоке <div class="pic-top-nav"> в браузере IE 6,7, в других браузерах работает норм. Адрес http://alexforce2.6te.net/.
0 votes7 answers -
Выравнивание блоков по ширине
Здравствуйте! Помогите пожалуйста решить следующую задачу: Имеется макет (левая сторона - центр - правая сторона) с динамической шириной, в центральной части по всей ширине необходимо разместить несколько блоков с одинаковой шириной, но разной высотой, блоков должно быть 3 или 4 в одном ряду в зависимости от ширины. С разной высотой все ясно, будет использоваться: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ , вопрос только как выравнять это все по ширине? Пробовал комбинировать с данным методом: http://forum.htmlbook.ru/index.php?showtopic=20735 , но получается совсем не то что хотелось бы.
0 votes7 answers -
Закруглить углы рамки в CSS
Дорогие друзья, помогите закруглить углы на меню. Вот сайт http://hi.org.ua Меню с обоих сторон квадратные, подскажите как сделать закругленные углы? Я так понимаю что это нужно сделать в CCS файле, как найти что править и что прописывать в CSS чтобы углы были закругленными?
0 votes1 answer -
Веб-программисты! Сюда!
Интересно послушать а как вы стали веб-программистом? В каком порядке учили языки, как именно учили каждый из них, какие читали книги (авторы) и как практиковались? Сам я еще нуб, поэтому хочу пойти по следу опытных людей)
0 votes2 answers -
Помогите с фоном!
Как сделать фон внутри фона! То есть нужно посередине сайта ( от начала левой колонки, до конца содержимого с права) пустить полосу с другим фоном!
0 votes2 answers -
Вопросы ну-совсем-уж-начинающего.
Здравствуйте. Задался идеей научиться создавать какие-никакие сайты. Не ради заработка, а так, чисто побаловаться, но в то же время уметь приятно удивить друзей красотой созданного сайта. Начал с того, что написал крошечную страницу в блокноте. Пошел дальше и стал изучать бесплатный хостинг Народ и его возможности. Так вот вся суть вопросов. Определенного фундамента знаний HTML/CSS не имею. Хочу узнать, подойдет ли Народ как вариант для изучения языка HTML/CSS? Также не могу понять, с чего начать изучение ХТМЛ. Начинаю читать раздел ХТМЛ на вашем сайте и понимаю, откровенно говоря, мало. Что посоветуете?
0 votes3 answers -
div залезает на другие divы
Здравствуйте. Скриншот: CSS: *{font-size: 10pt; font-family: Tahoma;} a:link {color: #0066FF; text-decoration: none;} a:visited {color: #006600; text-decoration: none;} a:hover {color: #0066FF; text-decoration: underline;} html, body {height:100%; background-color:#7bc543; background-image:url(3.png);} .maindiv{width:80%; margin:0 auto; height:90%;} .logo{margin-top:30px; height:83px; background-image:url(logo.gif); border: 1px solid; border-color: white; border-radius:15px 15px 0 0;} .menu{width:15%; background: aliceblue; text-align:center; float:left; height:90%;} .content{width:70%; background: aliceblue; text-align:center; float:left; height:90%;} .right{width…
0 votes5 answers -
4 в ряд меняющиеся картинки в шапке сайта
Помогите! надо в шапке сайта расположить 4 картинки, которые будут при этом постоянно меняться(в каждой картинке 4 варианта (того 16 картинок в папке) хотелось бы чтоб менялись рандомом. Перепробовала кучу скриптов, либо не работают, либо картинки сбиваются влево. Таблицей их тоже дисциплинировать не получилось. подскажите нормальный рабочий скрипт в html
0 votes20 answers -
Выравнивание картинки и текста-ссылки по вертикали
Здравствуйте! Помогите, пожалуйста, никак не могу разобраться, как можно повлиять на такую ситуацию. Кажется все просто, но я что-то упускаю из вида. Была таблица такого вида: <table cellpadding=0 cellspacing=0 align=center><tr> <td valign=middle><a href="ссылка"><img url="адрес картинки"></a></td> <td valign=middle><a href="ссылка">Название</a></td> </tr></table> Нужно переделать так, чтобы ячейка с картинкой и ячейка с названием стали одной ссылкой. Сделал такого вида: <table cellpadding=0 cellspacing=0 align=center><tr&g…
0 votes5 answers -
Резиновый header
Помогите пожалуйста. Вот сверстал по советам хэдар. Середина должна растягиваться до левой и правой картинки, в Firefox все ок, но в IE по бокам почему то остаются полосы(( Вот код 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" xml:lang="en" lang="ru"> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="ie_styles.css" /> <![endif]--> </head> <body> <div id="main"> <div id="header_carrier"> <…
0 votes6 answers -
Помогите разобраться(Window окно на css)
Народ помогите мне нужно сделать классическое Windows окно на css(не знаю как правильней обозвать). Проблема у меня с позиционированием элементов в заголовке окна(логотип приложения должен быть слева,название по центру,кнопка закрыть справа). Вот код: <div style='width:1000px;height:500px;background-color:white;border:1px solid #696969;text-align:center;margin-left:25%; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0…
0 votes1 answer -
HTML5 теги (<header>, <footer> и т.д.) в FF3
Есть ли способ поддерживать HTML5 теги (<header>, <footer> и т.д.) в FF < 4 версии? Использую для ИЕ html5shiv. Я так понимаю, html5shiv можно использовать и для FF, но как подгружать ее только тогда, когда FF < 4 версии?
0 votes3 answers -
Горизонтальное меню
Как реализовать простейшее горизонтальное меню, чтобы было кроссбраузерно? (ie 7-8) Можно ли сделать таблицей? или это не правильно?
0 votes3 answers -
Верстка проблемы с IE
Здравствуйте, проблема в том что после верстки дизайна в IE страница открывается нормально как и во всех браузерах но появляется горизонтальная полоса прокрутки и если ее мотать (сайт при этом на растягивается) то фон длится в право до бесконечности чем дальше ведешь полосу чем дальше уходишь в право от сайта. вот сайт http://gurmantea.ru/ подскажите где ошибка или что то браузер на поддерживает хотя использовал простые теги.
0 votes2 answers -
Вместо изображения белый квадрат
Не хочет отображаться картинка. (имя файла- clocks.jpg, лежит в папке images)Пока учусь. Работаю в NotePade, в основном, запускаю через лисицу, изображения в браузере включены, ну это на всякий случай. Да и ни в каком браузере не идет. Может, это из-за того, что что-то не так с картинкой, к примеру, повреждена? <html> <head> <title> </title> </head> <body> <img src="images/clocks.jpg" width="307" height="450" alt="часы" align="right" hspace="20"> <p>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</p> <p>If you're involved in an internet marketing business, then you've probably already come face-to-…
0 votes4 answers -
Верстка дивами.
Столкнулся с небольшой проблемой. Надеюсь не откажете в помощи. для ясности картинка получающегося. http://funkyimg.com/viewer.php?img=/2/1467/064/451035Untitled-2.jpg Идут три блока по горизонтали. 1. слева тайлится левый фон. на картинке выделен зеленым. 2. по центру идет блок с контентом, на нем белый фон. 3. справа тайлится правый фон. точно также как левый только отзеркаленый. так вот, если контент в 2 блоке растет, то левый и правый блоки не тайлятся, если в них нет контента, получается черный фон, выделил синим. по моей задумке, левый и правый блоки должны просто растягиваться по вертикали вместе с центральной частью и заполняться тайлингом по верти…
0 votes3 answers -
не видно css-файл
подскажите пожалуйста возможно ли и как на странице посмотреть css-файл(ы)? я вижу набор непонятных символов или сообщение об ошибке. например вот
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-