skvaer09
User-
Posts
37 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by skvaer09
-
Потому что ФФ при масштабировании оставляет размеры бордеров визуально соответствующими оригиналу. Т.е. если бордер в 2px масштабом уменьшить в два раза, то визуально он останется равным 2px. Для этого он увеличится вдвое (т.е. станет 4px). А у тебя там все пиксель-в-пиксель, поэтому все переносится на новую строку. Как вариант, можешь попробовать сделать доп. обертку для этих блоков, у которых будет задана ширина (без бордеров), а у внутренних блоков ширина будет автоматически подстраиваться, т.е. будет равняться ширине_родителя-бордер. А как это сделать? А если вместо бордера добавить "оутлайн"?
-
Залил на хостинг http://pg43.p.ht/
-
Помогите почему при увлечение или уменьшение масштаба страницы все меняется и касит?? http://rghost.ru/42880247
-
Что то я не понял и как мне это поможет .
-
У меня есть блок в которой находится картинка . И как сделать так чтобы с верху и с низу добавлялась картинка ? типа ободки только картинка
-
У меня есть картинка белого цвета и что нужно прописать чтобы для нее сделать обводку черного цвета? Или есть другие красивые обвотки?
-
А когда нажимаешь 2 круг то 1 блок пропадает а 2 появляется
-
Скажите как или где можно скачать горизонтальное меню . Когда нажимаешь мышкой по картинки "круг" то появляется прозрачный блок с текстом"ссылками"
-
Что то я не очень понял почему "outline нет ? " Я пишу тут ширину и высоту и все добавляется div#wr{ outline:1px solid #cc0000; width:1300px; height:1500px; margin:0 auto; }
-
А чем отличается "outline от border" ??
-
Нужно статью как делать рамки
-
Ну то есть каркас делать . <div id="galeri"></div> div#galeri{ outline:1px solid #cc0000; width:220px; height:592px; margin:33px 13px; } У меня таких 10 блоков А я не пойму как их правильно ставить
-
Элемент переносится на следующую строку; почему?
skvaer09 replied to saprolino's question in HTML Coding
http://jsfiddle.net/a7KHg/2/ -
Дайте пожалуйста статьи на создание блоков,рамок.
-
wwt, Я имею виду что бы не в ручную код писать
-
Есть ли специальная программа в который можно было расставлять или создавать блоки . свой размер свою позицию?
-
А если я ставлю "<!DOCTYPE HTML SYSTEM>" то шапка опускается
-
Вот полный код я его смотрел) <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>
-
Поздравляем! Ошибок не обнаружено. ))
-
Закрыл <ul class="mainMenu"> после <li style="border-right:none;">Войти или зарегистрировать</li> </ul> Текст поменялся а меню начало опускается в низ До ——- После
-
И что делать? Как понять дополнительный селектор:?
-
Все равно текст не меняется Текст как был таким и остался
-
У меня есть код где написано один стиль для текста но в блоках должен быть другой стиль текста как сделать это?? Текст в блоке " <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; }