Jump to content

people2010

User
  • Posts

    313
  • Joined

  • Last visited

  • Days Won

    1

Everything posted by people2010

  1. Так у меня 17 пунктов меню ,это что целый лист кода писать для каждого пункта, в котором определенная иконка: .ikonka_menu1, .ikonka_menu2,.ikonka_menu3.......?
  2. То есть ничего не получиться, прийдёться переписывать код всего меню как-то,не знаю как чтоб для ИЕ6 работало?
  3. Во всех ИЕ и др. браузерах работает, а вот в ИЕ6 не работает hover при наведении мышкой на меню,фон пункта меню белым не делаеться ,как делаеться на др. браузерах. Вот стиль который отвечает за наведение: #left .menu div:hover { background-color:white; /*Чтоб при наведении каждый пункт светился белым*/ cursor:pointer; } Скажите, как исправить? Вот сайт: http://tort-tort-tort.narod.ru
  4. img.foto_otstyp razmer_foto { max-width: 100%; } Такое не помогло. Скажите, может лучше при разрешении экрана меньше 800х600 уменьшать размер изображения через яваскрипт? Если да, то как это сделать?
  5. Скажите,как сделать чтоб навигация закрывала часть изображения,если размер браузера уменьшен и уже меньше 800 в ширину,дело в том что при уменьшении окна браузера получаеться вот такое,скажите, как сделать чтоб навигация закрыла часть его, а не на оборот,картинка навигацию как в моём случаи. Вот сайт: http://tort-tort-tort.narod.ru/
  6. Скажите, как обрезать средствами ксс изображение при экране 800х600. Когда изображение меньше ширины 800 пикселей.
  7. НЕ срабатывает слово "Подробнее". <div align="right" class="podrob">Подробнее <span class="skobki">>></span></div> к которому я пытаюсь применить стили и не меняется шрифт описания, хотя всё работает в гуглхроме в др. браузерах не хочет. Вот архив. http://www.sharemania.ru/0114926
  8. Напишите как это текстом выглядеть примерно должно.
  9. Подскажите, как такое сделать блок див взятый в рамку сделать ссылкой при наведении мышкой. Чтоб именно когда наводишь на фон и на текст в этом блоке диве и текст и фон ссылались на что-то одно.
  10. Ребята вот встретил такое в коде в стилях. nart.start{color:#FF00FF;} А в коде хтмл уже такое например: <nart class="start">Привет</nart> И удивительно покрасился этот текст в это цвет. Что это за запись такая кссом, я такое раньше не встречал.
  11. Короче вот так сделал пробное, меня так устраивает, но проблема в том,что этот стиль будет действовать только для 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; } /*————————————————————--*/
  12. 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
  13. Да, только добавить класс рамка.
  14. Пришлось ещё в один контейнер див засунуть,каждый пункт меню.
  15. Столкнулся ещё с небольшой трудностью, не получаеться разместить рамку, таким образом, нарисовал на фото.Вот код. Файл 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
  16. Я хочу чтоб каждый пункт меню не был на картинке, а было так, как здесь ниже, только опять правая часть меню переместилась в левую. <!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;}
  17. Вот решил попробовать создать меню на дивах,страно, но чего-то не выходит, хотя читал что нужно использовать float:left и float:right для навигации с правой и левой стороны, у меня что-то вообще не то получилось. Подскажите пожалуйста, как его исправить. http://www.sharemania.ru/0178464
  18. Извиняюсь, почему у мнея на валидность не прошёл последний код в предыдущем посте,что там не так?
  19. 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.
  20. Написал такой код: <!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 один для поиска ключевых слов, а другой дескриптион для отображение описания сайта пр ипоиске и всё равно ошибка.
  21. Как првоерять пхп-файлы внутри которых хтмл?
  22. Извиняюсь, а если у меня хтмл с пхп-кодом, как быть? Валидность - это проврека на соответсвие написаного кода определёному доктайпу. Попробовал протестировать такой документ. <!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 Он не прошёл на валидность почему?
  23. Если кто знает на русском, дайте на русском ,чтоб я потом не создавала кучу тем, и спрашивал про ошибки что они означают. Ещё момент, у меня например файл пхп, а в нём код хтмл, чтоб ещё и такое мог проверять. Заранее благодарю. Кстати я заметил 1 ошибку по валидности на сайте хтмлбук.ру
  24. Валидация документов обязательно необходима? Подскажите пож. программу бесплатную на русском языке для валидации документов html.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy