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
-
Не корректное отображение сайта в разных браузерах.
Здравствуйте уважаемые гуру. Второй день пытаюсь исправить это: В Google Chrom мой сайт отображается корректно,но к сожалению в остальных браузерах (Opera,Mozilla) сползает меню вниз,и статуса сервера не видно,как буд-то пропал он. Сайт: guardgame.ru Предоставляю HTML код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>{TITLE}</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="Description" content="stress, lineage2, la2">…
0 votes8 answers -
Прижать div к нижней границе другого div'a
Подскажите, пожалуйста, как прижать div, находящий в другом div'е, к нижней границе слоя, в котором он находится?
0 votes2 answers -
Проблема с картинкой в <DIV>
Приветствую друзья! Возникла необходимость вставить картинку в , но проблема, слой переводит на другую строку картинку при передачи параметра align="right" в .CSS следующий: .blockHead { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #004685; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; HEIGHT: 17px; BACKGROUND-COLOR: #EBEEF4 } Высота картинки 15px. Но проблема, крайне нежелеательно вносить изменения в CSS. Может кто сталкивался? Спасибо
0 votes7 answers -
Вопрос по дизайну
Извнините за ламерский вопрос, только начал вникать во все это. Собсно меня интересует как вместо названия сайта (просто слово в шапке сайта) поставить логотип, картинку или что-то такое, вощем графику?.. Типо того, как на этом сайте - паутинка с курсором.
0 votes5 answers -
Тег MARQUEE
как можно отсрочить запуск данного тега? нужно вобщем что бы сначала флеш проиграл а потом пошли картинка в этом теге.. или может есть еще у кого какая идея... нужно с небольшой паузой показать картинки, картинки берутся запросом из базы...
0 votes8 answers -
Неправильный перенос текста в IE
Здравствуйте. У самого пока что не хватает подготовки, поэтому буду очень благодарен за подсказку... Картинки с описаниями должны по идее отображаться блоками так (скриншот ff - все выглядит как и должно): Однако, если смотреть ту же страницу через IE, часть описаний уйдет за границы блоков: Пробовал смотреть другими браузерами - Opera 10 показывает все правильно (как и FireFox). Google Chrome ломает верстку в точности как и IE. Исходная страничка: http://quantum-kazan.ru/notebook_acer.html В данный момент будет выглядеть "причесанной", но добиться этого удалось только искусственно - расстановкой дополнительных пробелов в описаниях. Если грамотное решение трудоемко - по…
0 votes8 answers -
Прибить блок с картинкой
Помогите прибить блок Image книзу (к блоку Footer соответственно). Все блоки кроме Footer, находятся в контейнере. Контейнер состоит из двух колонок. В одной находится блок с меню и блок с картинкой (которую необходимо прижать), во втором блоке соответственно текст страницы. Насколько я понял необходимо для большого контейнера задать position: relative, а для блока с картинкой position: absolute; bottom: 0px; right: 1000px; (отступ правого края с учетом размера всего документа 1020px) Но вот что-то как то не работает. Правильно ли делаю? Или может есть другой способ решить данную проблему. П.С. использую Blueprint CSS Framework, может из за его разметки так не выходит …
0 votes7 answers -
Высота <div>
есть несколько страниц с разным объемом содержимого в div.content. ниже идет div.footer как закрепить высоту первого блока?
0 votes20 answers -
Заполнить резиновый контент картой
Ребята доброго времени! Строго не ругайте, html далеко не мой конек, новичок прошу помощи.. Помогите пожалуйста с шаблоном, резиновый шаблон, футер прижат к низу страницы, всё работает как мне кажется хорошо. Но в центральную часть (зеленую) нужно вставить карту размером на всю зеленую область, и чтобы она тянулась при изменении размеров окна, и чтобы она не заезжала под/на правый блок и другие блоки. Как это реализовать? Блок карты не реагирует на размеры 100%, только на фиксированный размер в пикселях, а если поставить 100% то она просто исчезает. Если можно такое сделать хотя бы для Google Chrome, буду безмерно счастлив. То, с чем мучаюсь прикл…
0 votes12 answers -
Две колонки
Я хочу создать страницу, которая выглядит так: __________________ |Заголовок | |_________________| ___ ____________ |m | | Контент | |___| |___________| m - меню, ширина - 150 px Контент - вся оставшаяся ширина Между ними расстояние в 15 px. CSS такое: .menublock{ border: 1px dashed; padding: 3px; margin-bottom: 10px; margin: 3px; margin-right: 10px; background-color: #DFD; float: left; width: 150px; display: block; } .pagecontent{ position: relative; border: 1px dashed; padding: 3px margin: 3px; background-color: #DFD; } .header{ background-color: #DFD; padding: 3px; display: block; } HTML: html> <head> <link rel="stylesheet" type="text/css" href="site.…
0 votes2 answers -
как сделать 100% высоту?
Я хочу сделать что бы левый и правый столбец были ограничены линией dotted 1px например... но блоки у меня не фиксированной длины а могут изменяться в зависимости от информации... @@@@@@@@@ @@@@@@@@@ @@ @@ @@ @@ @@ @@ @@ @@@@@@@@@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.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> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, Helvetica…
0 votes5 answers -
Использование float делает ссылки в элементе недоступными
Использование float делает ссылки в элементе недоступными. Причем отрицательные поля не используется, position: relative; тоже есть, но ссылки в swafari так и остаются недоступными. .contentLayout .sidebar1 { position: relative; margin: 0; padding: 0; border: 0; z-index: 1; float: left; overflow: visible; width: 264px; } .contentLayout .content { position: relative; margin left: 280px; top: 0; padding: 0; border: 0; z-index: 2; overflow: visible; } В IE7 все работает четко, в safari и во многих других браузерах во float-нутом блоке ссылки недоступны, и выделение самого блока невозможно. Как решить? ((
0 votes9 answers -
Растягивание border по горизонтали
Рисунок 1 Рисунок 2 Здравствуйте! Нужно растянуть рамку вокруг текста как на рисунке 1. У меня получается как на рисунке 2. Подскажите, как исправить? Использую такой код <span style="border: 1px solid red;"> Ячейка1 </span> <span style="border: 1px solid green"> Ячейка2 </span> <span style="border: 1px solid purple;"> Ячейка3 </span>
0 votes7 answers -
В ie9 не работает border-radius после применения градиента ?
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#434343', GradientType=0 ); /* IE6-9 */ после этой строчки перестает работать border-radius ? если залить простым фоном без градиента то все нормально, как я понял background: -ms-linear-gradient(top, #848484, #434343); работает только в ie10, можно ли как нибуть заставить работать градиент с border-radius ??
0 votes17 answers -
Как сделать скролл на странице быстрым?)
При открытии страницы должен появится блок с картинкой 100% высоты и ширины экрана. Требование - если покрутить мышью хотя бы на один щелчок, то спускаемся уже к следующему блоку. И наоборот, если с предыдущего подниматься наверх, то при достижении верхнего края предыдущего - один щелчок и мы уже находимся на самом верху страницы где изображение на всю ширину и высоту.. Это для первого блока так, внизу уже все стандартно. Грубо говоря надо пропускать промежуток скролла между первым и вторым блоком. Вот не понимаю как этого добиться, особенно если изображение должно быть с паралакс, Поделитесь))
0 votes10 answers -
HR + IE & Opera
приветствую, столкнулся с такой проблемой: есть картинка с align="right", есть текст, который соответственно "обтекает" ее слева, есть hr, который разделяет 2 подвида текста. Но практически всегда находится на уровне самой картинки.в IE в результате hr обрывается до рисунка, а в Опере как бы проходит за ним. Собственно мне необходимо получить в Опере такой же результат как и в ?Е.(как на рисунке справа) Помогите кто чем может, бо я уже вроде все что знал перепробовал для решения проблемы (можно не через hr ...) стили: hr { background-color:627983; color:627983; height: 1px; border-width:0px; } /* картинка: */ #intr{ padding:3px; background:#fff; border:1px solid #d…
0 votes3 answers -
отступы между ячейками
Проблема в ie и мозилле, при добавлении текста в центральную колонку больше чем определенная высота, слева в колонке с меню, ячейки разъезжаются по вертикали. В опере все впорядке.
0 votes1 answer -
Не знаю как делать
НЕ знаю как сделать меню!Допустим как ww.srichinmoycentre.ru!Верхняя синяя полоска как ее сделать? или хотя бы подскажите как она называется!
0 votes11 answers -
float не хочет работать
Создаю простенький макет на div'ах. Нужно, чтобы текст ("content content ... ") обтекал картинку (img src = "111.jpg"). Для этого написал такой код: </head> <body> <div id = "main"> <div id = "pict"><img src = "111.jpg" title = "" alt = ""/></div> <div id = "text"> <p>Content content content Content content content Content content content Content content content Content content contentContent content content Content content content Content content contentContent content content Content content content Content content content Content content content Content content content Content content content Content content conten…
0 votes16 answers -
Замена атрибута src у изображения при помощи jQuery
Доброго вечера, уважаемые! Поставил перед собой задачу: при помощи jQuery заставить картинку сменяться, когда на неё наводят курсор. По факту: заменить атрибут src у img'a с этим изображением. Написал span, содержащий url нового изображения, скрыл его в css. Затем присвоил значение этого span'a функции, и закинул эту функцию в .attr(), где первым значением выбрал 'src'. Получилось так: $(document).ready(function() { $('.content').hover(function() { var newImg = ('#newImg_url').val(); $('#mainImg').attr('src', newImg); }); }); Где .content - блок с изображением, #newImg_url - тот самый span с новым url'ом, #mainImg - основное изоб…
0 votes4 answers -
Как сделать пункты выпадающего меню ссылками?
Я хочу сделать на сайте выпадающие меню, в котором при выборе пункта происходит переход на новою страницу. Возможно ли такое на html? и Как это сделать?
0 votes6 answers -
Помогите с переадресацией
Существует сайт, использующий фреймы. Вс? хорошо, так вот проблема - индексируются фреймы, и человек поподает на фрейм с поисковика. Дизарентируется посетитель и уходит,хотя в каждом фрейме есть ссылка на главную страницу... Вопрос. Как сделать редирект на главную, если человек пр?т по ссылке с поисковика на фрейм? Нада чтоб редеректировал в этом случае, а как? Спасибо за помощь
0 votes9 answers -
не работает background: url
Вот класс #u1{ width: 600px; margin: 10px 0 40px 0; float: right; right:630px; background: url(images/gerb1.gif) repeat-x; } Вот див </div> <div id="u1"> <img src="image/g.gif" alt="" border="0"> </div> Хотелось чтобы картинка заполнилась фоном, только не получается. вЧемпроблема?Я в css новичек, помогите!
0 votes9 answers -
Проблема с версткой под ie6
Верстаю сайт и возникла проблема, никак не могу понять, как оптимизировать его под ie6. во всех остальных браузерах работает идеально, а вот ie 6 косяки. я так понимаю, что и нельзя под ие6 оптимизировать этот фрагмент, но все же хотелось бы услышать ваше мнение. http://4play.com.ua/other/help/index.html
0 votes10 answers -
DOCTYPE
Здравствуйте! Написал 2 html страницы, после их валидации ужаснулся, в одной стронице 222 ошибки, в другой - 22. Писал вроде бы всё правильно, поэтому вопрос, какой DOCTYPE прописывать в начале? Скача мануал с сайта, оттуда скопировал следующий DOCTYPE: Что в нём не так? Или я действительно так много раз ошибся при написании страницы?
0 votes23 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-