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
-
Очень простой вопрос
Вопрос очень прост, возможно ли использование двух классов для одного блочного тега. Пример <div class="alfa" class="beta"></div>. Правильно ли это с точки зрения синтаксиса, если да, то как они могут между собой конфликтовать?
0 votes10 answers -
Рамка банера
Рамка не облегает картинку, а растягивается по длине, не получается делать так, чтоб она облегала чисто картинку. Вот исходник style.css #baner{border-color:orange; text-align:center; border-style:ridge; border-width:15px; } HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <head><title>Банер</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <div id="baner"><img src="baner.jpg" alt="Фото "></div> <body> </body> </HTML> Вот результат фото нижу. http://slim.filesurf.ru/20100320/00000010/...ip_image002.jpg
0 votes6 answers -
CSS не могу понять в чем дело
Есть такая проблема: Сверстан шаблон, в div блоках нахолятся таблицы с дизайном, соответсвенно в каждой ячейке картинка background-image: (url/...) Когда код css находится в <head>...<style>...код css...</style></head> то все нормально отображается, но толко стоит засунуть CSS в файл например style.css то весь дизайн(картинки) пропадает. текстотвые стили, позиционирование блоков отображетеся нормально подключаю файл через <link rel="stylesheet" href="css/style.css" type="text/css">
0 votes2 answers -
Помогите найти шаблон для joomla 1.5
Помогите пожалуйста найти бесплатные шаблоны под joomla чтобы примерно получился вот такой сайт http://www.delaydengi.com/ И шаблоны под такой сайт http://www.webpark.ru/ Нужны определённые шабоны, желательно с ссылкой на них, а не ответы типа Поищи в гугл. В первый раз создаю сайт, искал шаблоны в гугл и не один под эти сайты не подошёл. Спасибо!
0 votes4 answers -
Отмена наследования CSS для кнопок
Собственно говоря отменить наследование, я думаю не получится. Есть кусок html кода, который выводиться на страницу с помощью внешнего javascript . В нём есть кнопки <input type="submit />. Никаких стилей к этим кнопкам изначально не планировалось, т.е. они отображались со значениями по умолчанию (выглядели так же как все системные кнопки в ОС). Проблема появилась после того как на странице поменялась тема оформления. Добавились дополнительные стили для элементов управления: background, border-width, border-style. Отключить эти стили нет возможности. Из-за них все стало «прыгать» и отображаться не так как надо. Подскажите, пожалуйста какие значения нужно указать эти…
0 votes9 answers -
Как сделать активным поле textarea при нажатии на checkbox?
Ребят, помогите с кодом. Как при помощи javascript сделать так, чтобы при нажатии на checkbox становилось активным поле textarea и наоборот?
0 votes3 answers -
Нуждаюсь в экстренной помощи. JS/Резина
Приветствую! Господа, нужна помощь. Есть макет. Вопрос в том, как его сверстать таким образом, что бы при уменьшении окна броузера сжимались все картинки, совершенно ВСЕ, как логотип, так и кнопки и букет (в данном случае). Потому, если оставить все изображения как есть, они остаются при малых разрешениях монитора ГРОМАДНЫ. Для наглядки — Посоветовали скрипт — http://designformasters.info/stuff/adaptiv...ayout_news.html При сжатии и разжатии окна броузера, Вы заметите как себя ведет скрипт. Но вопрос, как его использовать? Ссылку на скрипт в документе html указал, все классы в css соответствующие скрипту так же указал. Реакции нет. В чем моя ошибка? Спасибо.
0 votes9 answers -
меню уезжает
Пытался сделать менюшку, вроде получилось, только она почему-то съезжает. http://srv19341.ht-test.ru/index.php .menu ul { list-style:none; } .menu li { width:80px; float:left; position:relative; } .menu li ul { display:none; position:absolute; z-index:1; } .menu li a{ padding:5px; text-decoration:none; color:#CCC; padding:2px; border:1px solid #666; display:block; border-collapse:collapse; } .menu li a:hover { background:#666; } .menu li:hover ul, li.over ul { display: block; } Если честно последний пункт я просто слизал. Что значит li:hover ul, li.over ul ? И почему не работает border-collapse:collapse; ?
0 votes2 answers -
Изображение внизу меню с отступом
Всем доброго времени суток, делаю сайт...столкнулся с неприятной проблемой, нуждаюсь в вашей помощи. Суть проблемы: в блоке который растягивается есть бэкграунд, который отображается в самом низу, моя задача вставить в тот бэкграунд в "рамочку для изображений" изображение, которое будет выдавать скрипт...прописал диву позицию релатив и bottom опр.число, сдвигов вообще никаких...поколдовал, поколдовал...ничего...вот прошу вашей помощи...урл сайта: http://pwow.ucoz.com ибо думаю тупо копить суда код бессмыслено....зайдите в новость lorem ipsum и сами всё увидите, как ничего не растягивается...при bottom:72px, хотя есть сделать position:fixed всё снизу отсупает...но мне то н…
0 votes0 answers -
Редко используемый шрифт в макете как логичнее быть
Есть макет в нем шрифты в этом случае Century Gothic, так вот как этот сделать Century Gothic в верстке. Уже много раз возникала подобная ситуация я просто подбирал подобный в верске нужного размера. Например на Century Gothic похож шрифт Verdana. А если хочется сделать так как в макете, а именно использовать этот шрифт как быть или логичнее всетаки не использовать подобные шрифты.
0 votes7 answers -
Верстка меню
Здравствуйте! Хочу попросить помощь в правке верстки меню... Верстал не я, но поправить надо! Меню сверстано на дивах так: <div class="header_menu"><div class="r"><div class="c"> <ul> <li><a href="">1</a></li> <li><a href="">2</a></li> <li><a href="">3</a></li> <li><a href="">4</a></li> <li><a href="">5</a></li> <li><a href="">6</a></li> <li><a href="">7</a></li> </ul> <div class="clear"><img src="site.ru/images/space…
0 votes9 answers -
Как расположить один блок поверх другого?
В продолжение этого топика. Имеется 2 блока. В одном - фон, составленный из обрезков. В другом - собственно контент. Задача: расположить второй блок (div с контентом) поверх первого так, чтобы фон покрывал весь контент. Фон (в 1 блоке) сделан в виде таблицы 3x3, в которой боковые стороны тянутся, а углы - фиксированного размера. Это для того, чтоб фон был резиновым не только по горизонтали, но и по вертикали. Поэтому просто вложить слой с контентом внутрь слоя с фоном не получится. Если абсолютно позиционировать фон - то он отрисовывается поверх контента, так что это тоже не подходит. <div id="page"> <div id="page-back"> <div class="back-2"><div…
0 votes11 answers -
Родительский div не хочет растягиваться на всю высоту дочерних.
3-ий день мучаюсь - не удаётся решить банальнейшую задачу. Родительский блок содержит 2 дочерних, которые располагаются друг за другом. Родительский блок должен "окружать" дочерние - а вместо этого он рисуется, словно ничего внутри него нет: HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html dir="ltr" xml:lang="ru" xmlns="http://www.w3.org/1999/xhtml" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Simple Test | Простой тест</title> <link type="text/css" rel="stylesheet" media="all" href="simpletest.css"> </…
0 votes12 answers -
С чего начать?
Нарезал Макет, Шапка, банеры, текст, подвал! Каким образом теперь мне поместить Шапку на место? (DIV-ная верстка) Буду весьма признателен за помощь!
0 votes20 answers -
Как реализуется такое меню?
http://rospotrebnadzor.ru/ Подменю раскрывается как таблица.
0 votes6 answers -
в IE иконки плывут
фигня с ИЕ сверху - то как отображается в firefox, снизу - ИЕ 8 а вот то что в Хроме, Сафари, и в Опере вот ЦСС .editor_button { float: left; cursor: pointer; padding-bottom:0px; padding-left: 2px; padding-right: 2px; } /* klass dlya kartinok v BB kodah */ .bbimage { width:23px; height:25px; border:0px; } .bbimagesep { width:5px; height:25px; border:0px; } вот код (тупо ряд иконок, код напрямую взят из движка ДЛЕ форума, с малыми поправками) <div style="width:98%; border:1px solid #BBB; background-image:url('{THEME}/bbcodes/bg.gif'); text-align:left; line-height:0.7;"> <div id="b_b" class="editor_button" onclick="simpletag('b')"><img ti…
0 votes1 answer -
Смена IP сайта
Здравствуйте, подскажите пожалуйста! Пользуюсь виртуальным хостингом на hostmonster.com, мой сайт находится в ТОП-10 по всем запросам связанных с моей тематикой сайта, в гугле и в яндексе. По некоторым причинам мне нужно взять выделенный IP для сайта, скажите пожалуйста, повлияет ли смена IP адреса на выдачу результатов в поисковиках, не упадут ли позиции в выдачи ? Спасибо.
0 votes2 answers -
frameset или Как одаптировать стр?
Здравствуйте и заранее всем спасибо кто мне сможет помочь. Сразу извинюсь если я повторил какую либо тему просто я не знаю даже как сформулировать название этой темы для поиска. И так в чем моя проблема? САЙТ Вот сайт который я делаю. Он сделан с помощью frameset. у меня их там 5 штук. Верхний фрейм top.htm , Левый фрейм menu.htm, Центральный фрейм start.htm, Правый фрейм right.htm, и нижний фрейм это bot.htm. <frameset rows="*,250" framespacing="1" frameborder="yes" border="1" scrolling="yes"> <frameset rows="300,*" frameborder="yes" border="1" framespacing="1"> <frameset rows="*,300" frameborder="yes" border="1" framespacing="1"> <frame src…
0 votes9 answers -
Фон сайта две картинки !
Пробую реализовать но не получается ! Идея заключается в том чтоб на сайте сверху шла одна картинка в низу совсем другая ! Вот мой код ! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link type="text/css" rel="StyleSheet" href="style1.css" /> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> </head> <body> <div class='wrap'> <div class='sheader'> <div class='sfooter'> </div> <…
0 votes13 answers -
Помогаем не стесняемся
Наерезал я макет на шопе, Блокнот готов, шо дальше?
0 votes0 answers -
Проблема с таблицами!
Подскажите пожалуйста, что необходимо сделать, чтобы внутренняя таблица растягивалась на все 100%, при увеличении текст «sf» ? <table style="border:1px solid red; width:100%;"> <tr> <td>sf<br/ >sf<br />sf<br/ >sf<br />sf<br/ >sf<br />sf<br/ >sf<br />sf<br/ >sf<br /></td> <td style="border:1px solid #993883; height:100%;" ><table style="border:1px solid red; width:100%; height:100%; " height=100%><tr><td style="height:100%; ">rrrrr</td></tr></table> </td> </tr> </table>
0 votes1 answer -
Joomla и div-ы
http://domostroenie.by/new/ Firefox и Chrome умнички, нормально отображают div-ы. Opera же сами посмотрите что делает. Мало того, что не выделяет под флешку расстояние, так ещё и правый блок сдвигает вниз. Как победить? Да ещё и с расположение проблемы. Чтобы сделать прижатую к правому краю флешку, и прижатую к ней картинку делаю так <object width="730" height="250" align="right"> <param name="movie" value="media/test.swf"> <embed src="media/test.swf" width="730" height="250" align="right"> </embed> </object> <img src="media/logo-default2.gif" align="right"> Очень нелогично, но действенно. В каком месте я дурак?
0 votes2 answers -
размещение картинок
подскажите пожалуйста как правильно разместить на странице много фоток + упрвление с CSS. Нужно: - что бы они были размещены равномерно - возможность размещения коментариев к каждому фото - при клике на фотку она должна увеличиваться в отдельном окне спасибо
0 votes1 answer -
DIV по длине контента
Здравствуйте, подскажите как сделать DIV по длине контента. Заранее спасибо!
0 votes7 answers -
и снова border
в style.css: IMG {border:1; border-width:1px; border-color:81b7bb; } в *.html: <div class="myclass"> <a href="*.html"><img src="images/image.gif"></a> </div> в мозилле бордер прекрасно отображается. ширина и цвет регулируются. А вот опера и и.эксплорер отчаянно игнорируют, и отображают картинку без бордера.. что не так? подскажите пожалуйста
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-