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
-
Помогите с буквицей
Делаю буквицу. Требуется буквица у h2. Проблема в том что в FF все как надо показывается, а в Crome буква слишком высокая. Не получается сделать одинаково. Пример h2:first-letter { margin:0px 5px 0px 0px; line-height:10px; padding:10px; border:2px solid #825c35; font-size:200%; font-weight:bolder; background:url(climage:GUID=765929ED-87D5-47CF-BF4C-956FEB59F468&scalex=60&back=00000000&mul=A0f5bd4c); float:left; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0px 0px 4px #f5bd4c; }
0 votes7 answers -
Помогите с бэкграундом
Товарищи помогите с вёрсткой! Проблема в следующем.. установил 2 фоновых изображения, одно сверху другое снизу, проблема в том, что на тех страницах где много информации и сайт получается "высоким"- смотрится хорошо, а там где страницы "низкие"- верхний фон наезжает на нижний. Пример высокой: http://vkomforte.su Пример низкой: http://vkomforte.su/index.php?route=information/news&news_id=15 вот код CSS: body { background-image: url('../image/bg.jpg'), url('../image/bg-bottom.jpg'); background-repeat: no-repeat, no-repeat; background-position: top , bottom; background-size: 100% auto; color: #000000; } Что можно сделать? Заранее спасибо!
0 votes3 answers -
Помогите с в?рсткой (99% - не найдут ответа)
Вобщем возникла проблемка с непонятным отступом от правой колонки вот код: <body> <div id="page-all"> <div id="top"> <div id="panelm"><div id="panel"><div id="panel2"></div> </div></div> <div id="logo"><div align="center"><img src="images/logo.gif" width="323" height="99"/></div> </div> <div id="boy"><img src="images/boy.gif" width="244" height="280" /></div> </div> <div id="bgleftcol"><div id="leftcol"><div id="leftcolbor"><div id="leftcolbor2"><div id="leftcolbor3"><div id="lefttext"><div id="title1"><div id="title1-te…
0 votes5 answers -
помогите с вебкитами
возможно не там создал первую тему, но вот на неё ссылка: http://forum.htmlbook.ru/index.php?showtopic=39857 заранее спасибо!!!
0 votes0 answers -
Помогите с версткой
Уважаемые профи! Помогите девушке-непрофессионалу. Занимаюсь сайтом всего месяц.. Как расзместить шапку сайта с новым логотипом во всю ширину страницы, а колонку с кнопками регионов (header.html), котрая находится справа, поместить вниз под шапку? http://www.faudit.ru/page/index.html !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <!--<body bgcolor="#ffffcc" topmargin=5 leftmargin=2 marginheight="5" marginwidth="2">--> <frameset rows="120,*,1" frameborder="0" framespacing=0"> <frame name="header" src="../page/header.html" marginwidth="2" marginheight="5" scrolling="no" frameborder="0" noresize> <frameset…
0 votes4 answers -
Помогите с вёрсткой
В общем - проблема такая: Вот скрин - Как эту часть шаблона сделать, чтобы она расширялась на весь экран? Я отдельно делаю левую часть и правую... Правая - всё картинка, а левая - высота 100% и ширина в 1px... (на рисунке примерно видно, как я резал в фотошопе) Размножаю - всё нормально.... Но! Как сделать номер телефона тоже по центру? P.S. Могу предположить, что с <div> и position - но как? P.P.S. Спасибо...
0 votes13 answers -
Помогите с версткой
Есть такой код: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> </head> <body> <div style="position: absolute; left: 10%; top: 10%; width: 200px; height: 200px; border: #f00 1px solid;"> <div style="border: #000 1px solid; height: 25px;"></div> <table style="width…
0 votes6 answers -
Помогите с версткой
Здравствуйте, такой вопрос, как выразить зависимость отображаемой картинки от параметров заданных пользователем с помощью выпадающих блоков, т.е. пользователь выбрал красную основу и белый фон, и картинка соответственно поменялась. Спасибо.
0 votes1 answer -
Помогите с версткой
Здраствуйте. Нуждаюсь в Вашей помощи. Нужно сделать что-то похоже на это: Пишу следующее: body { background-color: #e7e7e7; } .box1 { width: 600px; height: 500px; margin: 0px auto; background-color: #000; padding-top: 10px; } .box2 { width: 580px; height: 490px; background-color: #fff; margin: 0 auto; } html: ... <div class="box1"> <div class="box2"> </div> </div> ... В Firefox вроде этот код работает, но в ИЕ почемуто отказуется. И еще можно ли задать div-у box2 резиновый размер?
0 votes5 answers -
Помогите с версткой
Добрый день всем,помогите сверстать сайт,суть такова:надо сделать так чтобы рисунки 1 и 2 были всегда в верху по углам,рисунки 3 и 4 в низу, при любом формате мониторе(тоесть резиновый шаблон),потом рисунки 5 и 6 должны не репитится, а только должна репитится розовая полоска(рисунок просто разбил на 3 части левую, центральную и правую,чтобы рипитилась только центральная часть).После по горизонтали тоже розовая полоска должная рипитится в низ, и рисунок анологичный что в верхней части контента но только в нижней под цифрами 7 и 8.И самое главное как сделать что бы инфа была поферх этих этих всех рисунков.Тоесть начало информации было в верхней части контента а потом на цен…
0 votes4 answers -
Помогите с вёрсткой
Макет составил потренироваться. Нормально работает в Опере и ИЕ. В Хроме и ФФ не работает jquery. Точнее, работать то он работает, только якори не кликабельны. Я так подозреваю из-за css. Помогите, пожалуйста. Очень буду благодарен так же, за попутные комментарии по css. Или кроссбраузерности. Спасибо. Вот весь сайтец http://narod.ru/disk/17154159001/www.rar.html
0 votes10 answers -
Помогите с версткой
В верстке я еще новичок такшо если вопрос прозвучит странно то не пинайте) На изображении показано макет моего сайта. Вопрос в том как "Блок 2" переместить на "Место блока 2". Но при этом "Блок 1" должен остаться на своем месте а "Блок 2" должен прижиматись до футера. Буду очень признателен за любую подсказку или решение проблемы !
0 votes3 answers -
Помогите с версткой
Здравствуйте ребята. Помогите мне пожалуйста с версткой. Меня интересует вопрос не как сверстать а как лучше это сделать. Как Вы видите мне нужно сделать три блока div определенной ширины в один ряд. На границе главного блока и трех маленьких не обращайте внимание, они будут как-бы убраны и не видны и то-есть эти три блока прилягут друг к другу. Вот каким образом их лучше всего расположить? Первому и второму блоку задавать float: left? Или только первому блоку, а второму float: right и как в таких случаях поступить с margin? А лучше сразу скажите каким способом и как лучше сделать. Спасибо за внимание. С уважением, Артём
0 votes3 answers -
Помогите с версткой
Подскажите пожалуйста, как лучше сделать треугольник на заднем фоне? использую bootstrap, пробовал с помощью svg, но вышло не комильфо)
0 votes6 answers -
помогите с версткой 3х колонок и подвала?
Здрасте всем. У меня проблема на сайте: http://metakom.info/test.html Верстаю в три колонки, колонки сделаны дивами с абсолютным позиционированием. Как при этом заставить подвал отображаться под ними? Пробовал делать колонки релативными - подвал всё равно вниз не спускается (на страничке видно). Я в верстке дивами новичок
0 votes7 answers -
Помогите с версткой в html
Занялся изучением хтмл и вот для примера решил темку поковырять. Встал перед просто нерешаемой для меня загадкой. Хочу увеличить размер вот этой серой полоски где лого lookinggood. в 2 раза примерно. И ничего не выходит. Весь день убил, а результатов нету. Она просто издевательски либо висит своим размером либо не изменяется. Помогите добрым советом, плз! ТУТ архивчик с этим нехорошим хтмлом и файлом стилей.
0 votes1 answer -
Помогите с версткой в IE
Здрасте всем. Помогите пожалуйста с CSS на страничке http://rosplit.artstyler.biz У меня там сделано главное меню в виде ссылок с такими свойствами: a.mnu { display:block; height:26px; width:150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.08em; padding-top:4px; color:#FFFFFF; text-decoration:none; margin-top:5px; margin-bottom:5px; padding-left:29px; } a.mnu:hover{ background:url(/img/a_mnu_bg.png); background-repeat:no-repeat; } Все эти ссылки расположены в DIV-контейнере .mnu_container{ position:relative; width:167px; height:183px; background:url(/img/bg_mnu.png); background-repeat:repeat-x; overflow:hidden; background-color: #…
0 votes0 answers -
Помогите с версткой выпадаюше.
Наткнулся в ступор. Не знаю, как сверстать меню на скриншоте. Главная для меня проблема в том что, фон выпадающего меню должен выйти за пределы контейнера. При этом контент должен остаться в контейнере. Как можно это реализовать? Просто раньше никогда не сталкивался подобной задачей. На десерт, порекомендовали бы хорошую Jquery плагин для такой задачи(выпадающее меню). Спасибо заранее.
0 votes17 answers -
Помогите с версткой горизонтального меню
Всех приветствую, возникла проблема с версткой горизонтального меню, необходимо что бы верхняя граница всплывающего меню была под названием пункта и перекрывала текст под ним. Вот код <!DOCTYPE html> <html> <head> <style> body{ background:#6da1da; width:800px; } .padding{ padding-top:10px !important; } #menu { padding: 0; margin: 0; font-size: 100%; font-family: Georgia; display: block; } #menu li { z-indtx:22; display: block; list-style: none; float: left; padding: 0; margin: 0; width: 150px; text-align: center; text-shadow:0 0 15px #fff,0 0 15px #fff; position: relative; padding-top: 12px; } #menu li ul { list-style: none; pa…
0 votes2 answers -
Помогите с версткой на Bootstrap 3
Помогите понять, почему блок наезжает на заголовок H1. Сайт сверстан на Bootstrap 3. Тут на всю ширину: Уменьшаем ширину, тут нормально: Верхнее меню перескочило, так и должно быть: Верхнее меню "схлопнулось", так и должно быть: А вот такого быть не должно. Верхний белый блок должен стать больше по высоте и черное меню должно оказаться ниже, чтобы синий заголовок не перекрывался: Еще хуже: Скажите, почему верхний белый блок остался по высоте тем же и что сделать, чтобы он увеличился на высоту синего заголовка и не закрывал его? Вот здесь выложил: http://xenglish.ru/bootstrap/
0 votes2 answers -
Помогите с вёрсткой под IE
Помогите пожалуйста с блочной версткой В нормальных браузерах сайт отображается нормально, но в IE... Элементы посыпались, и один div не реагирует на установку размеров для него Вот фрагмент файла index.html: <html> <head> <link rel='stylesheet' type='text/css' href='style.css'> <title>Design</title> </head> <body> <div id='tovary'> <div class='small-knife sm-left'> <p><a href='?postid=1'>Нож Выживания Bear Grylls</a></p> <img src='img/postpics/1336572716_l.jpg'> <div class='price-small'> <p>цена: <b>900</b></p> <div class='stripe'&…
0 votes5 answers -
помогите с версткой под IE7
Уже поседел... Но так и не понял, почему форма едет в IE7 http://test1.let-site.ru/order.html Видимо ум за разум зашел Ненавижу формы верстать
0 votes13 answers -
Помогите с версткой проблемки!
К кому можно обратиться по email для помощи в верстке, для проверки так сказать?есть ли добрые люди
0 votes2 answers -
Помогите с вёрсткой слоями!
Не могу сделать верхнее меню резиновое в слоях, чтоб растягивался автоматический! С табличной всё просто даёшь таблице 100% и спишь спокойна)) Помогите пожалуйста! <table width="100%"> <tr> <td><a href="#">Новости</a></td> <td><a href="#">Свадьба</a></td> <td><a href="#">Семейные праздники</a></td> <td><a href="#">Детские праздники</a></td> <td><a href="#">Корпаротивы</a></td> <td><a href="#">Кейтеринг</a></td> <td><a href="#">Форум</a></td> </tr> </table> Мне нужно чтоб меню растяги…
0 votes13 answers -
Помогите с версткой хаотичных элементов
Добрый вечер, форумчане. Столкнулась с такой проблемой. Есть дизайн На картинке видно, что ссылки Портфолио, Дизайн сайтов, Логотипы, Клиенты и пр. располагаются нестандартно. И собственно я не знаю как их сверстать. Я подумывала в сторону таблицы, со своими отступами, объединением ячеек, но еще не уверена. Может быть вы подскажите более простой и грамотный вариант? Всем спасибо за ответы!
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-