maddogrts

По горизонтали или по вертикали, или вместе?

Уже довольно давно использую псевдокласс :first-letter для назначения двух фоновых изображений для одного элемента. Самое интересное что :first-letter, один из немногих псевдоклассов, которые работают в 6-ом Интернет Эксплорере. Но есть одна маленькая хитрость, которую нужно знать. К делу. Как сказано выше, HTML элемент у нас один. Пусть это будет заголовок первого уровня. <h1>About us</h1> Задаем ему базовые стили, фоновый цвет и фоновое изображение (звездочки справа): h1{ border-top: 1px solid #094eaa; border-bottom: 1px solid #094eaa; background: #002261 url(/images/stars.jpg) right center no-repeat; } Все как обычно. Но теперь нам надо добавить звездочку слева. Делается это так: h1:first-letter { background: url(/images/star.jpg) left center no-repeat; padding: 7px 0 6px 30px; } Самый важный момент здесь в том, что нужно обязательно поставить пробел между самим псевдоклассом :first-letter и открывающей фигурной скобкой, иначе псевдокласс не отработает в IE6. h1:first-letter{ /*Не сработает*/ property: value; } h1:first-letter { /*Сработает, так как есть пробел перед фигурной скобкой*/ property: value; } Есть еще один момент. Если нужно указать одни и те же стили для нескольких элементов и один из них псевдокласс :first-letter, то нужно обязательно вставить пробел при перечислении элементов, перед запятой. То есть: h1:first-letter, .someclass { /*Не сработает*/ property: value; } h1:first-letter , .someclass { /*Сработает, так как есть пробел перед запятой*/ property: value; } Вот в принципе и все. padding нужен для того, чтобы фоновое изображение было больше по высоте чем шрифт и чтобы не быть под самим текстом. Оригинал в моем блоге. Взято с http://habrahabr.ru/blog/css/32786.html

купите книжку CSS ) продается назвается HTML и CSS стоит 150рублей в буквоеде. Зато тупые вопросы спрашивать не будете

НОИНДЕКС наверное вообще уберу, а то и так джава-скриптов море... —————————- это нужно замените как я вам сказал. И ещ? ( это конечно наглость с моей стороны,.. но вс?-же). Есть ли в природе меню без Джава-скриптов по функциональности такое-же как на сайте - нет перерыл ничего не нашел, вс? со скриптами.... ——————————— Не знаю ), наверно есть, обычно плохо ищут )

Line 327, Column 32: document type does not allow element "label" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag. Обрамите тег label в один из перечисленных тегов например p. этот тег не валиден. замените вот этим закрыть не забудте target="_blank? не валиден замените на <a rel="external" href="/.........">труля ля</a> function externalLinks(){ if (!document.getElementsByTagName) return; var anchors = document.getElementsByTagName("a"); for (var i=0; i < anchors.length; i++) { if (anchors[i].getAttribute("href") && anchors[i].getAttribute("rel") == "external") {anchors[i].target = "_blank"; }}} window.onload = externalLinks; замените Line 436, Column 63: document type does not allow element "input" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag. теги input тоже надо брамить напимер тегом p.

да хорошо все

Мы вот тоже к Новому Году готовимся. Уже елку поставили. Дочечка ждет настоящей зимы, снега. Как же Дед Мороз прикатит на санях, если нет снега, спрашивает моя Зайка. классно . Да здорово если бы сайты подобной тематики выглядели как сайты табачных компаний (я по качеству) было бы здорово. Хороший сайт, для детей и их родителей. Жалко конечно. Вы не Лебедев абсолютно точно.

Я не верю, что вы сделали этот сайт. Юзабилити шаблонов всегда была высокой. На то они и шаблоны.

1. Нажимаем на меню. И нажимаем еще ). И, правда, нахера нам знать, где мы находимся. Да и обновлять кнопочку жать не надо. Нажал на меню и порядок. (-3б) 2. Охрененные мелкие фотографии поездов. Прикольно смотреть на них без толку все равно нифига не видно. Типа для места стоят что ли. Фотографии должны быть видны, если вы хотите их показать. (-1б) 3. Белая полоска справа. Гляньте вниз, где она примыкает к подвалу. Верстаете таблицами, а такие промахи. (-2б) 4. То, что у вас просил заказчик это конечно хорошо. Но у вас то мозги есть или нету? Кто из вас сайт делает вы или заказчик. Флеш бесит. Думаю сделать хорошо можно. А у вас плавающий и расширяющийся квадратик. (-4б) 5. У вас есть логотип компании. 90% сайтов сделаны так чтобы при нажатии на логотип оказываться на главной странице. 90% пользователей по привычке жмут на логотип в надежде попасть на главную страницу. Я так понимаю вам пофигу? 90% пользователей это оценят не сомневайтесь. (Сайт то вы делаете не для себя, где можно сделать, как тебе захочется), а для пользователей. (-3б) 6. Ваш белый шрифт раздражает. Поговорите еще раз с дизайнером. У белого есть 256 оттенков. (0,5б) 7. Динамика роста. Я обожаю еxселевские таблицы . Их дизайн поражает впечатление. Цвет особенно в точку. Особенно отлично смотрится на выполненном в серой гамме и спокойных тонах сайте. Не поленитесь, нарисуйте их нормально. (-1б) 8. Фотографии. У вас стрелку не видно. Не нужно думать, что все умные. Напишите русским языком, что нужно нажать и что там есть еще фотографии кроме одной. Не хрень вверху, а нормально предложениями. (-0,5б) ________________________ Итого: -15 баллов Покатит.

Мне нравиться. ) Дизаин хороший. По верстке ? раз написали доктайп, следуйте ему. Или просто не пишите ) (для вас я думаю разницы нету, вам же условия никто не ставит) Дизаин ваш? Не хотите в дизайнеры пойти? _________________________ Влад это от народа .

. Я тебе говорил с самого начала . Ты просто не разобрался. В том примере было все необходимое . That's all right ))

Мне похеру что тебе надо. http://rutube.ru/tracks/57600.html?v=473fb...d880684ea71d8ec

вы как сговорились все )) quot;-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> t .....

http://maddog-rts5.narod.ru/ шрифты сам ищи потраченное время 15 минут , а ты уже тут 3 день сидишь. P.S. делал наспех забыл ))), ты же посмотреть не знаешь как )))). Значит HTML <!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" lang="ru" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> <!-- @import url(style.css); --> </style> </head> <body> <div class="con"> <div class="grey"> <div class="top-left"></div> <div class="top-right"></div> <div class="inside"> <h1>О демонах</h1><div class="ie"><!-- --></div> <p class="note">Вобщем сделал я заново свой проектик. Но проблема все еще на месте , обьясните подробненько пожалуйста как сделать верхний + нижний бордер ... смотрите вот идеал который должен выйти http://privetgleb.narod.ru/ А вот то что пака на етот момент у меня есть ...http://privetgleb.narod.ru/index2.html Кто что может подсказать подскажите :-) "pliz" (начиная от шривтов , и заканчивая моей основной проблемой ето как вставить суда верхний и нижний бордер чтобы они совпали с картинками..)</p><div class="ie"><!-- --></div> <h3>Википедия</h3> <div class="ie"><!-- --></div> <br class="clear" /> </div> <div class="bottom-left"></div> <div class="bottom-right"></div> </div> </div> </body> </html> CSS http://maddog-rts5.narod.ru/style.css .con { width: 65% } .top-left { margin-right: 10px; background-image: url('images/corners.gif'); height: 10px; font-size: 2px; } .top-right { margin-top: -10px; margin-left: 10px; background-image: url('images/corners.gif'); background-position: 100% 0; height: 10px; font-size: 2px; } .bottom-left { margin-right: 10px; background-image: url('images/corners.gif'); background-position: 0 -10px; height: 10px; font-size: 2px; } .bottom-right { margin-top: -10px; margin-left: 10px; background-image: url('images/corners.gif'); background-position: 100% -10px; height: 10px; font-size: 2px; } .inside { border-left: 1px solid #3C4D61; border-right: 1px solid #3C4D61; background: #E8F3F9; color: #000000; padding-left: 10px; padding-right: 10px; } .clear { clear: both; } h1 {float: left; color: #084460; font-size: 250%; font-style: italic; margin: 0px 0 0 10px; width: 200px; } h3 {float: right; color: #0C1117; font-size: 110%; font-style: italic; margin: 10px 10px 0px 0px; width: 200px; text-align: right; } .note { float: left; margin: 5px 0px 0px 10px; padding-right: 20px; width: 97%; font-size: 120%; color: #0C1117; } .ie {height: 1px;display: block; width: 100%} Картинка: http://maddog-rts5.narod.ru/images/corners.gif

угу не забывайте про ие )

* {outline:none;} так пробывали 7

area {outline:none;} пробывали ?

а вы мапу попробуйте присвоить )

http://blog.sribna.com/vertikalnoe-vyiravn...css-chast-2.htm

display: table-cell; вот надо указать для элемента в котором находится таблица.

Ну у меня же работает, не правда ли ?

резльтатами поделитесь надеюсь

транснационал вроде должен канать, высоту затем что у меня контейнер пустой, он бы просто не оборазился бы, вам не надо, если у вас там что то внутри есть

<!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="ru" lang="ru"> <head> <title>CSS Layout 3</title> <link rel="stylesheet" type="text/css" href="default.css" /> <style type="text/css"> #con {background: #999; height: 500px;margin: 0 auto; padding: 0; font-family: Georgia; font-size: 100.01%; font-weight:normal; max-width:800px; min-width:200px; width: expression(document.body.clientWidth > 800 ? "100%" : "800px");} </style> </head> <body> <div id="con"> </div> </body> </html> сделате контейнер. В него поместите то что вам надо. С body работать не будет

в JS форуме напиши