Jump to content

kirillps

User
  • Posts

    32
  • Joined

  • Last visited

kirillps's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. спасибо ! буду знать !
  2. при проверке страницы на 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> может кто подскажет !
  3. извините, нельзя хотя бы немного поподробнее, очень интересная тема, или может какие статьи есть посещенные этой теме !
  4. а при использовании фреймов валидатор ошибку не выдаст ! под focused имеется ввиду focus ???
  5. Возможно ли сделать так что бы при нажатии на ссылку информация менялась в определенном блоке ??? без явы и т.п. на css !
  6. поменял местами x-index #text и #shap, но все равно тоже самое! kirillps.narod2.ru
  7. Изаените тупонул !!! А насчет второго вопроса !! Повторюсь: "И еще один вопрос, как обезопасить сайт, что бы он не менял размер в зависимости от разрешения, я так понял решение в "резиновости", но не очень понял как её сделать, пробовал перевести все на прощенты, но почему то не получилось. Направте пожалуйста в нужном напровлении как это сделать !"
  8. Проблемма следующая, пытаюсь верстать на 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 меньше ! с сылками все работает нормально! И еще один вопрос, как обезопасить сайт, что бы он не менял размер в зависимости от разрешения, я так понял решение в "резиновости", но не очень понял как её сделать, пробовал перевести все на прощенты, но почему то не получилось. Направте пожалуйста в нужном напровлении как это сделать !
  9. я понял !!!!!! надо вместо таблици ввести боксовую модель и обнулить гребанные маргин с паддингом, спасибо что попытались меня запутать!!
  10. Ясно, в общем я еще больше запутался, последний вопрос, в ЧаВО сообщение #1 1. img { display: block } 2. img { vertical-align: bottom } 3. img { line-height: 0; } куда их вставлять в css? вставляю просто в начало, опять какая то хрень получается, может их применить именно к шапке?
  11. <!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”> а этот правильный
  12. * { 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; } так ладно "*" - это круто, но между шапкой и меню все равно это ненавистное расстояние!
  13. <!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,меню стало работать как то неадекватно
  14. Ты имеешь ввиду "обнулять маргин с паддингом у боди." ? Я это уже сделал ! body { background:#000 url(../images/gr.gif) top repeat; margin:0; padding:0; } А толку ! Может я не то сделал !
×
×
  • 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