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
-
float:left и выравнивание по центру
Добрый день, есть простой код: <div style="width:auto; height:150px; margin:0 auto;"> <?php for ($x = 0; $x < count($arraypath); $x++) { ?> <div style="width:100px; height:102px; margin:28px 10px 0 0; float:left;"> <img src="<?php echo $arraypath[$x]; ?>" title="" alt="" style="width:100px; height:102px; cursor:pointer;" onclick="chadphoto(this);" /> </div> <?php } ?> </div> Как сделать, что б картинки, вне зависимости от их кол-ва, были всегда по центру div'а ? В данном примере они все прижаты к левому краю.
0 votes2 answers -
Центрирование страницы
Вроде бы простейший пример, не соображу где накосячил Необходимо разместить отображение сайта по центру. Пример: <body> <div class="wrapp"> <div id="left"> </div> <div id="right"> </div> </div> </body> *css style html,body { font: normal 10pt Arial,Helvetica,sans-serif; background:#D0DCF4 url(bg.jpg) repeat-x top; } .wrapp{ width: 1200px; } #left{ float: left; /*min-height для IE*/ height: auto !important; height: 100%; min-height:650px; width: 400px; background:#D0DCF4 url(menu.jpg) no-repeat top; } #right{ float: r…
0 votes9 answers -
Локальные ссылки
При создании сайта на локальном компьютере прописываются ссылки относительно папки, т. е. без слеша ( / ), но когда помещаешь сайт на сервер, без слеша ничего не будет работать. Нужно проставлять относительные или другие ссылки. Вопрос: подскажите новичку, как технически правильно изменять ссылки перед помещением на сервер? Вручную или есть другие способы? Всем заранее спасибо за помощь.
0 votes7 answers -
как разрезать шаблон?
подскажите пожалуйста по каким принципам производится резка psd-шаблона? какие части необходимо вырезать и желательно объяснить почему. потому что сколько не искал, везде уроками показано КАК резать, но принципа, почему мы режем это, нигде нет, вот и интересуюсь.
0 votes6 answers -
Анимированую иконку в адресную страку
можно ли через это <link rel="shortcut icon" href="/images/favicon.png" type="image/png"> сделать анимированую иконку чтоб в браузере она тоже продолжала меняться???
0 votes4 answers -
Резиновый бэкграунд, как луше поступить?
Есть картинка, которая должна являться бэкграундом. Как поступить?: 1) Разместить в html img с шириной в 100% абсолютом и z-index, или же... 2) Создать два дополнительных дива, и поставить на них бэкграунд в css (content - середина картинки с repereat-x ибо середина однообразана, content-bg-left - левая часть бэкграунда, content-bg-right- правая часть бэкграунда) Во втором случае общий размер будет больше и количество обращений, но, в тоже время способ с img - это какое-то неправильное извращение. Как посоветуете поступить и почему?
0 votes7 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 -
выбор имён классов
Буду рад выслушать ваши советы по теме, ну или ссылки на ресурсы В больших проектах особенно возникает путаница и сидишь думаешь над именем класса, ещё и когда тематику контента очень сложно определить, поэтому хочется разобраться с классами раз и навсегда. Раньше я для каждого блока указывал свой класс, близкий по теме, например, если речь шла о бизнесе, то я писал - .business. Теперь же думаю сделать так: .sidebar>.box1 .sidebar>.box2 .sidebar>.box3.....content>.box1 .content>.box2 .content>.box3. Одобряете? Что посоветуете, товарищи?
0 votes23 answers -
аудио і видео на сайте
ВСЕМ ПРИВЕТ!!! помогите плиз!! нужны ссылка на информацию как правильно размещать видео и аудио на сайте с готовыми примерами!! киньте шаблоны у кого они есть ))
0 votes1 answer -
Футер наползает на контент в IE 7
Имеется фиксированный контейнер. Правой колонки нет, вывел в футере табличку с картинкой и счётчиком - везде всё одинаково, футер как футер - внизу, а в IE 7 футер берёт и налазит на контент (как будто его нету..). Не поможете разобраться? Сайт
0 votes2 answers -
А зачем вообще нужен id?
Заметил, что многие люди структуру странички делают так: шапка - id, content - id, footer - id, остальные дивы в классах. Это делается просто для подчёркивания уникальности этих блоков? или в другом причина?
0 votes26 answers -
Hover
Суть проблемы такова, нужно правильно поставить hover. Вот код html <body> <div id="images"> <img src="images/6.jpg" width="130" height="120" /> <img src="images/7.jpg" width="120" height="140" /> <img src="images/8.jpg" width="130" height="120" /> <img src="images/2.jpg" width="120" height="140" /> <img src="images/5.jpg" width="130" height="120" /> <img src="images/1.jpg" width="120" height="140" /> <img src="images/2.jpg" width="130" height="120" /> <img src="images/1.jpg" width="120" height="140" /> <img src="images/5.jpg" width="130" height="120" /> <img src="images/3.jpg" width="120" height="…
0 votes11 answers -
css
Помогите найти ошибку, пожалуйста, не могу применить сss <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title> Первая страница </title> <link rel="stylesheet" type="text/css" href="E:\mai_sait\scripts\mystyle.css"> </head> <body> <table cellspacing="0" width="1000" summary="первая страница"> <tr> <td height="150" width="1000" bgcolor="#CCFF99" colspan="4"> <center>Шапка</center> </td> </tr> <tr> <td height="850" width="200" bgcolor="#CCFF99"> <center><h1>Меню1</h1> <img src="file://E:\mai_sai…
0 votes7 answers -
Фон в Opera и Mozilla Firefox, прокрутка в Opera
Здравствуйте. В Opera и Mozilla Firefox возникла проблема с фоном, при использовании кода приведённого ниже. В блоках #container_obhvat и #footer используются одинаковые фоновые изображения, однако между блоками в этих бразерах явно видна граница (см. скрин.), почему эта граница возникает? В IE6 границу не видно. Так же появилась проблема с прокруткой. Блок #footer должен прижиматься к низу, когда мало контента, в Opera появляется вертикальная прокрутка, которой быть не доложно, почему она возникает? Я заметил, что в Opera, когда появляется горизонтальная прокуртка, возникает и вертикальная. <html lang="ru" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head&…
0 votes2 answers -
Кто верстал страницы для Вконтакте?
Есть вопрос, собственно.
0 votes12 answers -
Пустое место внизу страницы
Сверстал страницу на дивах. В опере и фф внизу много пустого места, в сафари с хромом всё смотрится как надо. Как это исправить? CSS html
0 votes3 answers -
Бьюсь как рыба с этим justify(
Никак не получается выровнять текст по ширине контейнера( Влево-вправо - пожалуйста, justify - никак... Подскажите, кто может пожалуйста. <!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=windows-1251" /> <title>Untitled Document</title> </head> <body> <div style="padding-left:22px; padding-right:22px;"><p style="text-align:justify;">Официальный сайт журнала «Рыболов спортсмен» | Russian Journal of Fishing — Official Site</p&…
0 votes3 answers -
Перевод целого сайта
Есть иностранный сайт, я хочу сделать такой же только на русском. Будет ли перевод сайта считаться нарушением авторских прав?
0 votes2 answers -
И с нова hCard
Теперь и я попал в эту оплошность. Так все таки можно ли разделять class="vCard" (использовать несколько классов vCard).
0 votes2 answers -
Съезжает маркер списка в конец строки
<h3>Заголовок H3</h3> <ul> <li>Первая строка;</li> <li>Вторая строка;</li> <li>Остальные строки...</li> ... </ul> Когда список идет после заголовка, маркер первой строки съезжает в конец строки.
0 votes7 answers -
div absolute не растягивает родительский div relative
Содержание div absolute меняется по высоте, но не растягивает родительский div relative! Как сделать так чтобы он растягивался??? Пример кода: <!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>Untitled Document</title> <style type="text/css"> <!-- * { margin: 0px; padding: 0px; } .wraper { margin: 0px; padding: 0px; text-align: center; } .container { width: 960px; position: relative; text-align: left; background-color: #…
0 votes2 answers -
Картинка в IE
Здравствуйте, пожалуйста, помогите решить проблему. Вставляю картинку, Опера, Гугл, FF ее видят, а IE нет. Если убираю слеш перед адресом картинки, все наоборот. Спасибо заранее
0 votes7 answers -
меню на спрайтах
<body> <ul> <li><a href="#"> Услуги</a></li> <li><a href="#"> Продукция</a></li> </ul> </body> ul { display: inline-block; } ul li { display: inline-block; list-style-type:none; text-indent:37px; padding-right: 26px; } ul li a { display:block; height: 30px; color:#999999; text-decoration:underline; background-image: url(../img/bg.png); background-repeat:no-repeat; } ul li a:hover { background-position:bottom left; } bg.png http://cs4437.vkonta.../x_193d5613.jpg (235x60) использую шириной больше чем занимает блок, но он отображается только до конца ссылки без проблем получает…
0 votes9 answers -
В IE6 не копируется текст
Странное поведение этого недобраузера. На форумах часто задают вопрос как сделать так чтоб невозможно было копировать текст. А у меня проблема как раз наоборот. вот страница - http://www.nomos-regiobank.ru/sme. В осле с центральной колонки текст не копируется, хоть убейся. Я сам двумя руками против Эксплорера но заказчик хочет IE6 и хочет копировать текст. Если кто то сталкивался или есть какие то мысли, помогите. У меня уже опустились руки.
0 votes6 answers -
@fontface
Привет! Какая то проблема! не подрубается шрифт проверил путь, имя. Можете помочь? спасибо @font-face { font-family: AGOpus; src: url(../fonts/agopus.ttf); }
0 votes29 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-