people2010
User-
Posts
313 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Everything posted by people2010
-
Так у меня 17 пунктов меню ,это что целый лист кода писать для каждого пункта, в котором определенная иконка: .ikonka_menu1, .ikonka_menu2,.ikonka_menu3.......?
-
То есть ничего не получиться, прийдёться переписывать код всего меню как-то,не знаю как чтоб для ИЕ6 работало?
-
Во всех ИЕ и др. браузерах работает, а вот в ИЕ6 не работает hover при наведении мышкой на меню,фон пункта меню белым не делаеться ,как делаеться на др. браузерах. Вот стиль который отвечает за наведение: #left .menu div:hover { background-color:white; /*Чтоб при наведении каждый пункт светился белым*/ cursor:pointer; } Скажите, как исправить? Вот сайт: http://tort-tort-tort.narod.ru
-
img.foto_otstyp razmer_foto { max-width: 100%; } Такое не помогло. Скажите, может лучше при разрешении экрана меньше 800х600 уменьшать размер изображения через яваскрипт? Если да, то как это сделать?
-
Скажите,как сделать чтоб навигация закрывала часть изображения,если размер браузера уменьшен и уже меньше 800 в ширину,дело в том что при уменьшении окна браузера получаеться вот такое,скажите, как сделать чтоб навигация закрыла часть его, а не на оборот,картинка навигацию как в моём случаи. Вот сайт: http://tort-tort-tort.narod.ru/
-
Скажите, как обрезать средствами ксс изображение при экране 800х600. Когда изображение меньше ширины 800 пикселей.
-
НЕ срабатывает слово "Подробнее". <div align="right" class="podrob">Подробнее <span class="skobki">>></span></div> к которому я пытаюсь применить стили и не меняется шрифт описания, хотя всё работает в гуглхроме в др. браузерах не хочет. Вот архив. http://www.sharemania.ru/0114926
-
Напишите как это текстом выглядеть примерно должно.
-
Подскажите, как такое сделать блок див взятый в рамку сделать ссылкой при наведении мышкой. Чтоб именно когда наводишь на фон и на текст в этом блоке диве и текст и фон ссылались на что-то одно.
-
Ребята вот встретил такое в коде в стилях. nart.start{color:#FF00FF;} А в коде хтмл уже такое например: <nart class="start">Привет</nart> И удивительно покрасился этот текст в это цвет. Что это за запись такая кссом, я такое раньше не встречал.
-
Короче вот так сделал пробное, меня так устраивает, но проблема в том,что этот стиль будет действовать только для 1 лишь пункта меню, при наведении мышкой фон будет меняться, то есть после вот этой строки: #ikonka_menu1:hover{background-color:white;} Но что писать 17 раз по такой строке? есть какой-то выход? Вот весь файл ксс. /*Стили для сайта*/ * { margin:0; padding:0; } body { min-width:770px; } img { border: 0; } .shapka {height: 155px; background:url(img/header.jpg) no-repeat; } .shapkafon {height: 155px; background:url(img/fon.jpg) repeat-x; } #right{float:right; width:213px; } #left{float:left; width:213px; } #center{margin-left:213px; margin-right:213px;} .title{height:34px; background:url(img/videoyroki.png) no-repeat; border:1px solid black;} #footer{background:url(img/footer.jpg); repeat-x; height:45px; clear:both;} .menu div{font-family:Verdana, sans-serif; font-size:12px; padding:3px 0px 5px 37px; padding-top:10px; padding-bottom:10px; border:1px solid black; border:1px solid #CCCCCC; border-bottom:0px; } .menu{background-color:#f7f8f6;} .menu a{text-decoration:none; } .menu a:visited{color:black; } /*—————--Иконки для меню—————————*/ #ikonka_menu1{background:url(img/p1.jpg) 5px center no-repeat; } #ikonka_menu1:hover{background-color:white;} #ikonka_menu2{background:url(img/p2.jpg) 5px center no-repeat; } #ikonka_menu3{background:url(img/p3.jpg) 5px center no-repeat; } #ikonka_menu4{background:url(img/p4.jpg) 5px center no-repeat; } #ikonka_menu5{background:url(img/p5.jpg) 5px center no-repeat; } #ikonka_menu6{background:url(img/p6.jpg) 5px center no-repeat; } #ikonka_menu7{background:url(img/p7.jpg) 5px center no-repeat; } #ikonka_menu8{background:url(img/p8.jpg) 5px center no-repeat; } #ikonka_menu9{background:url(img/p9.jpg) 5px center no-repeat; } #ikonka_menu10{background:url(img/p10.jpg) 5px center no-repeat; } #ikonka_menu11{background:url(img/p11.jpg) 5px center no-repeat; } #ikonka_menu12{background:url(img/p12.jpg) 5px center no-repeat; } #ikonka_menu13{background:url(img/p13.jpg) 5px center no-repeat; } #ikonka_menu14{background:url(img/p14.jpg) 5px center no-repeat; } #ikonka_menu15{background:url(img/p15.jpg) 5px center no-repeat; } #ikonka_menu16{background:url(img/p16.jpg) 5px center no-repeat; } #ikonka_menu17{background:url(img/p17.jpg) 5px center no-repeat; } /*————————————————————--*/
-
1)Вот опробовал сократить, возникла проблема, не знаю как сократить вот эти строки, то есть именно вот это: 5px center no-repeat; из этого: #ikonka_menu1{background:url(img/p13.jpg) 5px center no-repeat; Как оформить правильно чтоб не было дублирования? 2)Не знаю как правильно сделать чтоб при наведении мышкой на один из пунктов меню, пункт меню делался белым. Дело в том, что я для всего меню задал фон: .menu{background-color:#f7f8f6;} А как сделать чтоб именно на определённый навести пункт и он менял свой цвет, не получается никак. Вот переделанный мною код: Файл index.php <!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"> <head> <link rel="stylesheet" type="text/css" href="style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Главная</title> </head> <body> <div class="shapkafon"> <div class="shapka"></div> </div> <div id="left" > <div class='title'></div> <div class="menu"> <div id="ikonka_menu1"> <a href="#">Пункт</a></div> <div id="ikonka_menu2"> <a href="#">Пункт</a></div> <div id="ikonka_menu3"> <a href="#">Пункт</a> </div> <div id="ikonka_menu4"> <a href="#">Пункт</a></div> <div id="ikonka_menu5"> <a href="#">Пункт</a></div> <div id="ikonka_menu6"> <a href="#">Пункт</a></div> <div id="ikonka_menu7"> <a href="#">Пункт</a></div> <div id="ikonka_menu8"> <a href="#">Пункт</a></div> <div id="ikonka_menu9"> <a href="#">Пункт</a></div> <div id="ikonka_menu10"><a href="#">Пункт</a></div> <div id="ikonka_menu11"><a href="#">Пункт</a></div> <div id="ikonka_menu12"><a href="#">Пункт</a></div> <div id="ikonka_menu13"><a href="#">Пункт</a></div> <div id="ikonka_menu14"><a href="#">Пункт</a></div> <div id="ikonka_menu15"><a href="#">Пункт</a></div> <div id="ikonka_menu16"><a href="#">Пункт</a></div> <div id="ikonka_menu17"><a href="#">Пункт</a></div> </div> </div> <!--Закрываем id="left"--> <div id="right"> <div class='title'></div> <div>Пункт 1</div> <div>Пункт 2</div> <div>Пункт 3</div> <div>Пункт 4</div> <div>Пункт 5</div> <div>Пункт 6</div> <div>Пункт 7</div> <div>Пункт 8</div> <div>Пункт 9</div> <div>Пункт 10</div> </div> <div id="center"> <p>Привет мир!</p> </div> <div id="footer"></div> </body> </html> Файл style.css http://www.sharemania.ru/0290717
-
Да, только добавить класс рамка.
-
Пришлось ещё в один контейнер див засунуть,каждый пункт меню.
-
Столкнулся ещё с небольшой трудностью, не получаеться разместить рамку, таким образом, нарисовал на фото.Вот код. Файл index.php <!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"> <head> <link rel="stylesheet" type="text/css" href="style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Главная</title> </head> <body> <div class="shapkafon"> <div class="shapka"></div> </div> <div id="left"> <div class='title'></div> <div class="menu ramka" id="ikonka_menu1"><a href="#">Новости жизни</a></div> <div><a href="#">Про клоунов из Москвы</a></div> <div><a href="#">О жизни Таиси Лапиной</a> </div> <div><a href="#">О Ефросиньи</a></div> <div><a href="#">Про Деда Мороза</a></div> <div><a href="#">Платёжные системы</a></div> <div><a href="#">Работа с видео и аудио</a></div> <div><a href="#">О жизни Мистер Бина</a></div> <div><a href="#">Кто такой Джин?</a></div> <div><a href="#">Создание моб.телефонов</a></div> <div><a href="#">Какие бывают зайцы</a></div> <div><a href="#">Психология</a></div> <div><a href="#">Красота</a></div> <div><a href="#">Спорт и здоровье</a></div> <div><a href="#">Бизнес дяди Пети</a></div> <div><a href="#">Сетевой маркетинг</a></div> <div><a href="#">О детях из Украины</a></div> </div> </div> <!-- Закрываем id="left"--> <div id="right"> <div class='title'></div> <div>Пункт 1</div> <div>Пункт 2</div> <div>Пункт 3</div> <div>Пункт 4</div> <div>Пункт 5</div> <div>Пункт 6</div> <div>Пункт 7</div> <div>Пункт 8</div> <div>Пункт 9</div> <div>Пункт 10</div> </div> <div id="center"> <p></p> </div> <div id="footer"></div> </body> </html> Файл style.css /*Стили для сайта*/ * { margin:0; padding:0; } body { min-width:770px; } img { border: 0; } .shapka {height: 155px; background:url(img/header.jpg) no-repeat; } .shapkafon {height: 155px; background:url(img/fon.jpg) repeat-x; } #right{float:right; width:213px; } #left{float:left; width:213px; border:1px solid black;} .ramka{border:1px solid black; } .title{height:34px; background:url(img/videoyroki.png) no-repeat;} #center{margin-left:213px; margin-right:213px;} #footer{background:url(img/footer.jpg); repeat-x; height:45px; clear:both;} .menu{font-family:Verdana, sans-serif; font-size:14px; padding:3px 0px 5px 18px; margin:6px; } .menu a{text-decoration:none; } #ikonka_menu1{background:url(img/p1.jpg) no-repeat; margin-left:7px; } http://ipicture.ru/uploads/100909/TP6BzUjhah.jpg http://www.sharemania.ru/0137823
-
Я хочу чтоб каждый пункт меню не был на картинке, а было так, как здесь ниже, только опять правая часть меню переместилась в левую. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <meta name="description" content="content" /> <meta name="keywords" content="content" /> <title>Главная</title> </head> <body class="marginpadding"> <div class="shapkafon"> <div class="shapka"></div> </div> <div class="item"></div> <div id="left "> <div>Пункт 1</div> <div>Пункт 2</div> <div>Пункт 3</div> <div>Пункт 4</div> <div>Пункт 5</div> <div>Пункт 6</div> <div>Пункт 7</div> <div>Пункт 8</div> <div>Пункт 9</div> <div>Пункт 10</div> </div> <div class="item"></div> <div id="right "> <div">Пункт 1</div> <div>Пункт 2</div> <div>Пункт 3</div> <div>Пункт 4</div> <div>Пункт 5</div> <div>Пункт 6</div> <div>Пункт 7</div> <div>Пункт 8</div> <div>Пункт 9</div> <div>Пункт 10</div> </div> <div id="center"> Привет мир! </div> </body> </html> Файл style.css /*Стили для сайта*/ * { margin:0; padding:0; } body { min-width:770px; } img { border: 0; } .shapka {height: 155px; background:url(img/header.jpg) no-repeat; } .shapkafon {height: 155px; background:url(img/fon.jpg) repeat-x; } #right{float:right; width:213px; } #left{float:left; width:213px; } .item{height:34px; background:url(img/videoyroki.png) no-repeat; } #center{margin-left:213px; margin-right:213px;}
-
Вот решил попробовать создать меню на дивах,страно, но чего-то не выходит, хотя читал что нужно использовать float:left и float:right для навигации с правой и левой стороны, у меня что-то вообще не то получилось. Подскажите пожалуйста, как его исправить. http://www.sharemania.ru/0178464
-
Извиняюсь, почему у мнея на валидность не прошёл последний код в предыдущем посте,что там не так?
-
2) Ссылку засунь в блочный контейнер. Это всегда так делать всё в в дивы, а таблицы тоже? Написал так: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//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" /> <link rel="stylesheet" type="text/css" href="style.css" /> <meta name="description" content="content" /> <meta name="keywords" content="content"/> <title>Главная</title> </head> <body class="marginpadding"> <!-- ШАПКА --> <div><a href="#"> <b>привет</b></a></div> <!-- СЕРЕДИНА --> <!-- COPYRIGHT --> </body> </html> Этот документ прошёл тест: W3C HTML Validator Прямая ссылка Ошибки1 a Этот документ не прошёл тест: W3C CSS Validator (Level 2.1) Прямая ссылка a Ошибки (1) Отправленный документ a Ошибка разбора Lexical error at line 1, column 3. Encountered: "D" (68), after : "<!" a Информация1 a Результаты теста: Feed Validator Прямая ссылка a Информация (1) Отправленный документ a It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.
-
Написал такой код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//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" /> <link rel="stylesheet" type="text/css" href="style.css" /> <meta name="description" name="" /> <meta name="keywords" name="" /> <title>Главная</title> </head> <body class="marginpadding"> <!-- ШАПКА --> <a href="#"> <b>привет</b></a> <!-- СЕРЕДИНА --> <!-- COPYRIGHT --> </body> </html> Валидатор всё равно выдал ошибки. Но я ведь использую 2 тега meta один для поиска ключевых слов, а другой дескриптион для отображение описания сайта пр ипоиске и всё равно ошибка.
-
Как првоерять пхп-файлы внутри которых хтмл?
-
Извиняюсь, а если у меня хтмл с пхп-кодом, как быть? Валидность - это проврека на соответсвие написаного кода определёному доктайпу. Попробовал протестировать такой документ. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//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" /> <link rel="stylesheet" type="text/css" href="style.css" /> <meta name="description" name="" /> <meta name="keywords" name="" /> <title>Главная</title> </head> <body class="marginpadding"> <!-- ШАПКА --> <b><a href="#"> привет</a></b> <!-- СЕРЕДИНА --> <!-- COPYRIGHT --> </body> </html> Этот документ не прошёл тест: W3C HTML Validator Прямая ссылка a Ошибки (5) Отправленный документ a 6 31 <meta name="description" name="" /> duplicate specification of attribute "name" a 6 35 <meta name="description" name="" /> required attribute "content" not specified a 7 28 <meta name="keywords" name="" /> duplicate specification of attribute "name" a 7 32 <meta name="keywords" name="" /> required attribute "content" not specified a 17 3 <b><a href="#"> привет</a></b> document type does not allow element "b" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag Он не прошёл на валидность почему?
-
Если кто знает на русском, дайте на русском ,чтоб я потом не создавала кучу тем, и спрашивал про ошибки что они означают. Ещё момент, у меня например файл пхп, а в нём код хтмл, чтоб ещё и такое мог проверять. Заранее благодарю. Кстати я заметил 1 ошибку по валидности на сайте хтмлбук.ру
-
Валидация документов обязательно необходима? Подскажите пож. программу бесплатную на русском языке для валидации документов html.