Jump to content

skvaer09

User
  • Posts

    37
  • Joined

  • Last visited

Everything posted by skvaer09

  1. Потому что ФФ при масштабировании оставляет размеры бордеров визуально соответствующими оригиналу. Т.е. если бордер в 2px масштабом уменьшить в два раза, то визуально он останется равным 2px. Для этого он увеличится вдвое (т.е. станет 4px). А у тебя там все пиксель-в-пиксель, поэтому все переносится на новую строку. Как вариант, можешь попробовать сделать доп. обертку для этих блоков, у которых будет задана ширина (без бордеров), а у внутренних блоков ширина будет автоматически подстраиваться, т.е. будет равняться ширине_родителя-бордер. А как это сделать? А если вместо бордера добавить "оутлайн"?
  2. Залил на хостинг http://pg43.p.ht/
  3. Помогите почему при увлечение или уменьшение масштаба страницы все меняется и касит?? http://rghost.ru/42880247
  4. Что то я не понял и как мне это поможет .
  5. У меня есть блок в которой находится картинка . И как сделать так чтобы с верху и с низу добавлялась картинка ? типа ободки только картинка
  6. У меня есть картинка белого цвета и что нужно прописать чтобы для нее сделать обводку черного цвета? Или есть другие красивые обвотки?
  7. А когда нажимаешь 2 круг то 1 блок пропадает а 2 появляется
  8. Скажите как или где можно скачать горизонтальное меню . Когда нажимаешь мышкой по картинки "круг" то появляется прозрачный блок с текстом"ссылками"
  9. Что то я не очень понял почему "outline нет ? " Я пишу тут ширину и высоту и все добавляется div#wr{ outline:1px solid #cc0000; width:1300px; height:1500px; margin:0 auto; }
  10. Ну то есть каркас делать . <div id="galeri"></div> div#galeri{ outline:1px solid #cc0000; width:220px; height:592px; margin:33px 13px; } У меня таких 10 блоков А я не пойму как их правильно ставить
  11. Дайте пожалуйста статьи на создание блоков,рамок.
  12. wwt, Я имею виду что бы не в ручную код писать
  13. Есть ли специальная программа в который можно было расставлять или создавать блоки . свой размер свою позицию?
  14. А если я ставлю "<!DOCTYPE HTML SYSTEM>" то шапка опускается
  15. Вот полный код я его смотрел) <html> [list=1] [*]</head> [*] <title>Planet Games</title> [*] <link href="style/style.css" rel="stylesheet" type="text/css"> [*] [*] <script type="text/javascript" src="js/jquery.js"></script> [*] <script type="text/javascript" src="js/script.js"></script> [*] [*]</head> [*]<body> [*] <div id="wrapper"> [*] <div id="headar"></div> [*] <div id="nav"> [*] [*] <ul class="mainMenu"> [*] <li style="border-left:none;" class="Diablo1">Diablo</li> [*] <li class="warCraft2">WarCraft</li> [*] <li class="wow3">World of WarCraft</li> [*] <li class="starcraft4">StarCraft</li> [*] <li style="border-right:none;">Войти или зарегистрировать</li> [*] </ul> [*] [*] <div id="blockNav1"> [*] <div class="closeBlock"></div> [*] <span class="titlBlockNav">Навигация</span> [*] <ul> [*] <li><a href="#">Форум</a></li> [*] <li><a href="#">файлы</a></li> [*] <li><a href="#">Обои</a></li> [*] <li><a href="#">Статьи</a></li> [*] [*] </ul> [*] </div> [*] [*] <div id="blockNav2"> [*] <div class="closeBlock"></div> [*] <span class="titlBlockNav2">НАВИГАЦИЯ</span> [*] </div> [*] [*] <div id="blockNav3"> [*] <div class="closeBlock"></div> [*] <span class="titlBlockNav3">НАВИГАЦИЯ</span> [*] </div> [*] [*] <div id="blockNav4"> [*] <div class="closeBlock"></div> [*] <span class="titlBlockNav4">НАВИГАЦИЯ</span> [*] </div> [*] [*] [*] </div> [*] [*] <div id="wrconnten"> [*] <div id="galeri"></div> [*] <div id="contend"></div> [*] </div> [*] [*] <div id="fuutar"></div> [*] </div> [*]</body> [*]</html> [/list] Вот 2 ошибки но я не пойму как их убрать Line 1, Column 1: no document type declaration; implying "<!DOCTYPE HTML SYSTEM>" <html> Line 2, Column 7: end tag for element "HEAD" which is not open </head>
  16. skvaer09

    Стиль

    В чем дело?
  17. Поздравляем! Ошибок не обнаружено. ))
  18. skvaer09

    Стиль

    Закрыл <ul class="mainMenu"> после <li style="border-right:none;">Войти или зарегистрировать</li> </ul> Текст поменялся а меню начало опускается в низ До ——- После
  19. skvaer09

    Стиль

    И что делать? Как понять дополнительный селектор:?
  20. skvaer09

    Стиль

    Все равно текст не меняется Текст как был таким и остался
  21. skvaer09

    Стиль

    У меня есть код где написано один стиль для текста но в блоках должен быть другой стиль текста как сделать это?? Текст в блоке " <div id="blockNav1">" <div id="nav"> <ul class="mainMenu"> <li style="border-left:none;" class="Diablo1">Diablo</li> <li class="warCraft2">WarCraft</li> <li class="wow3">World of WarCraft</li> <li class="starcraft4">StarCraft</li> <li style="border-right:none;">Войти или зарегистрировать</li> <div id="blockNav1"> <div class="closeBlock"></div> <span class="titlBlockNav">Навигация</span> <ul> <li><a href="#">Форум</a></li> <li><a href="#">файлы</a></li> <li><a href="#">Обои</a></li> <li><a href="#">Статьи</a></li> </ul> </div> <div id="blockNav2"> <div class="closeBlock"></div> <span class="titlBlockNav2">НАВИГАЦИЯ</span> </div> <div id="blockNav3"> <div class="closeBlock"></div> <span class="titlBlockNav3">НАВИГАЦИЯ</span> </div> <div id="blockNav4"> <div class="closeBlock"></div> <span class="titlBlockNav4">НАВИГАЦИЯ</span> </div> </ul> </div> div#nav{ outline:0px solid #cc0000; height:50px; margin-bottom:33px; background:url(../imagess/meny.jpg) ; position:relative; opacity:0.9; } ul.mainMenu{ outline:0px solid #cc0000; position:absolute; left:1px; top:12px; color:#fff; } ul.mainMenu li{ cursor:pointer; text-shadow:0px 1px 0px #000; text-transform:uppercase; font-size:19px; float:left; text-align:center; padding:1px 37px; /*outline:1px solid #cc0000;*/ border-right:1px solid #19191B; border-left:1px solid #76767A; } div#blockNav1{ width:145px; height:200px; background-image:url(../imagess/BgBlockNav.png) ; outline:0px solid #cc0000; margin-top:36px; padding:1px; } div#blockNav2{ width:181px; height:200px; background-image:url(../imagess/BgBlockNav.png) ; outline:0px solid #cc0000; margin-top:36px; margin:36px 151px; padding:1px; } div#blockNav3{ width:292px; height:200px; background-image:url(../imagess/BgBlockNav.png) ; outline:0px solid #cc0000; margin-top:36px; margin:36px 337px; padding:1px; } div#blockNav4{ width:187px; height:200px; background-image:url(../imagess/BgBlockNav.png) ; outline:0px solid #cc0000; margin-top:36px; margin:36px 634px; padding:1px; } div.closeBlock{ position:absolute; background:url(../imagess/close.png) no-repeat; width:24px; height:24px; cursor:pointer; } div.closeBlock:active{ opacity:0.8; } span.titlBlockNav{ text-align:center; padding:5px; display:block; outline:0px solid #cc0000; font-size:12px; border-bottom:1px solid #3D3D3D; text-transform:uppercase; } span.titlBlockNav2{ text-align:center; padding:5px; display:block; outline:0px solid #cc0000; font-size:12px; border-bottom:1px solid #3D3D3D; text-transform:uppercase; } span.titlBlockNav3{ text-align:center; padding:5px; display:block; outline:0px solid #cc0000; font-size:12px; border-bottom:1px solid #3D3D3D; text-transform:uppercase; } span.titlBlockNav4{ text-align:center; padding:5px; display:block; outline:0px solid #cc0000; font-size:12px; border-bottom:1px solid #3D3D3D; text-transform:uppercase; }
×
×
  • 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