kirillps
User-
Posts
32 -
Joined
-
Last visited
kirillps's Achievements
Explorer (1/14)
0
Reputation
-
спасибо ! буду знать !
-
при проверке страницы на http://jigsaw.w3.org/css-validator/ выдает ошибку "Нераспознанная ссылка или инструкция обработки с таблицей стилей XML" вот собственно и код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>индекс</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <body> <div id="top"><img class="center" src="images/01.jpg" alt"картинка"></div> <div id="menu"> <a href="index.htm">Главная</a> <a href="foto.htm">Галерея</a> <a href="foto.htm">Технические характеристики</a> <a href="FAQ.htm">FAQ</a> <a href="contakt.htm">Контакты</a> </div> <div id="content"> контент </div> <div id="bottom"> <a href="index.htm">Главная</a> <a href="foto.htm">Галерея</a> <a href="FAQ.htm">FAQ</a> <a href="contakt.htm">Контакты</a> </div> </body> </html> может кто подскажет !
-
извините, нельзя хотя бы немного поподробнее, очень интересная тема, или может какие статьи есть посещенные этой теме !
-
а при использовании фреймов валидатор ошибку не выдаст ! под focused имеется ввиду focus ???
-
Возможно ли сделать так что бы при нажатии на ссылку информация менялась в определенном блоке ??? без явы и т.п. на css !
-
поменял местами x-index #text и #shap, но все равно тоже самое! kirillps.narod2.ru
-
Изаените тупонул !!! А насчет второго вопроса !! Повторюсь: "И еще один вопрос, как обезопасить сайт, что бы он не менял размер в зависимости от разрешения, я так понял решение в "резиновости", но не очень понял как её сделать, пробовал перевести все на прощенты, но почему то не получилось. Направте пожалуйста в нужном напровлении как это сделать !"
-
Проблемма следующая, пытаюсь верстать на div'ах, но после присвоения блокам z-index не все элементы расположились неправильно !! <!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”> <html> <head> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="shap"> <img src="images/01.jpg" alt="Webwhite"> </div> <div id="link1"> <a href="index.htm"> Главная </a> </div> <div id="link2"> <a href="price.htm"> Цены </a> </div> <div id="link3"> <a href="gal.htm"> Галерея </a> </div> <div id="link4"> <a href="contakt.htm"> Контакты </a> </div> <div id="text"> <h1>Здравствуйте</h1> </div> body{ background:#1B0685 } #link1 { position:absolute; top: 100px; left: 290px; z-index: 6; } #link2 { position:absolute; top: 100px; left: 450px; z-index: 7; } #link3 { position:absolute; top: 100px; left: 750px; z-index: 8; } #link4 { position:absolute; top: 100px; left: 900px; z-index: 9; } a:link { color: white; font-weight:bold; text-decoration:none; } a:visited { color: white; font-weight:bold; text-decoration:none; } a:active { background-color: yellow; text-decoration:none; } a:hover { color:yellow; text-decoration:underline; } #text { margin: 210px 240px 0px 240px; z-index: 4; } h1 { text-align: center; } p { text-align: justify; font-size: 14pt; color: white; } .der { text-indent: 3% } #shap { position:absolute; top: 0px; left: 160px; z-index: 5; } а кокретнее текст (#text ) отображается за картинкой (#shap), хотя у текста z-index меньше ! с сылками все работает нормально! И еще один вопрос, как обезопасить сайт, что бы он не менял размер в зависимости от разрешения, я так понял решение в "резиновости", но не очень понял как её сделать, пробовал перевести все на прощенты, но почему то не получилось. Направте пожалуйста в нужном напровлении как это сделать !
-
* { margin:0; padding:0; } body { background:#000 url(../images/gr.gif) top repeat } #MainMenu { height:35px; background:#FFF url(../images/bmid_092n.gif); border:0; margin:0; } #tab { top:0; height:0; background:repeat-x top; margin:0 auto; width:83%; } #tab ul { list-style:none; float:left; margin:0; padding:0; } #tab li { display:inline; float:left; margin:0; padding:0; } #tab a { background:#000 url(../images/bright_092n.gif) no-repeat right top; text-decoration:none; border:0; display:block; float:left; margin:0; padding:0; } #tab a span { display:block; background:url(../images/bleft_092n.gif) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; font-weight:700; line-height:35px; padding:0 15px 0 13px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; } так ладно "*" - это круто, но между шапкой и меню все равно это ненавистное расстояние!
-
<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”> я так понял мне нужен вот это, потому что у меня в коде есть например align! что w3c считает очень плохо или как выразились выше "говнокод". паддинк запихал куда тока можно body { background:#000 url(../images/gr.gif) top repeat; margin:0; padding:0; } #MainMenu { height:35px; background:#FFF url(../images/bmid_092n.gif); border:0; margin:0; padding:0; } #tab { top:0; height:0; background:repeat-x top; margin:0 auto; width:83%; padding:0; } #tab ul { list-style:none; float:left; margin:0; padding:0; } #tab li { display:inline; float:left; margin:0; padding:0; } #tab a { background:#000 url(../images/bright_092n.gif) no-repeat right top; text-decoration:none; border:0; display:block; float:left; margin:0; padding:0; } #tab a span { display:block; background:url(../images/bleft_092n.gif) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; font-weight:700; line-height:35px; padding:0 15px 0 13px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; padding:0; } #tab a:hover span,#tab li.item_active a span { background-position:left bottom; color:#FFF; font-weight:700; font-style:normal; text-decoration:none; padding:0; } .dropmenudiv,.dropmenudiv ul,.dropmenudiv li ul { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0; background:#FFF url(../images/bmid_092n.gif); color:#FFF; z-index:100; text-decoration:none; margin:0; padding:0; } .dropmenudiv a:link,.dropmenudiv a:visited { width:180px; display:block; border:0; color:#FFF; background:url(../images/bleft_092n.gif) no-repeat left top; font-weight:700; font-style:normal; text-decoration:none; margin:0; padding:0; } .dropmenudiv a span { display:block; line-height:35px; background:url(../images/bright_092n.gif) no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; float:none; padding:0 15px 0 13px; } .dropmenudiv a:hover { border:0; background-position:left bottom; font-weight:700; font-style:normal; text-decoration:none; color:#FFF; padding:0; } .dropmenudiv a:hover span { background-position:right bottom; color:#FFF; font-weight:700; padding:0; } .dropmenudiv ul,.dropmenudiv li { list-style:none; margin:0; padding:0; } селектор "*" мне не о чем не говорит, может еще что ни будь почитать !!!!! кстати из-за того что я его везде запихал padding,меню стало работать как то неадекватно