MaSoGg
-
Posts
10 -
Joined
-
Last visited
MaSoGg's Achievements
Explorer (1/14)
0
Reputation
-
heeelp mee
-
под цифрой 1 съезжает все время на это расстояние меню под цифрой 2 p.s. на скрине показано как будет ,если масштабировать,меню едет вправо)
-
Здравствуйте,на сайте съезжает меню при масштабировании. Как сделать ,чтобы меню всегда было на одном месте? nav { background: #557799 no-repeat center bottom; height: 32px; } ul.css-menu-1 { width: 500px; margin:0; padding: 0; position: relative; left: 320px; top: 3px; list-style: none } ul.css-menu-1 li { display: inline } ul.css-menu-1 li a { font-family: Helvetica, Arial, sans-serif; text-decoration: none; font-size:20px; font-weight: 550; color: #ffffff; padding: 10px } ul.css-menu-1 li a:hover { text-decoration: underline } ul.css-menu-1 li a.selected { color: #000000; background: #adbfd1; padding: 3px 10px 6px 10px; text-decoration: none }
-
Здравствуйте, как вставить в php файл js скрипт <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(function() { $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop != 0) $('#nav').stop().animate({'opacity':'0.2'},400); else $('#nav').stop().animate({'opacity':'1'},400); }); $('#nav').hover( function (e) { var scrollTop = $(window).scrollTop(); if(scrollTop != 0){ $('#nav').stop().animate({'opacity':'1'},400); } }, function (e) { var scrollTop = $(window).scrollTop(); if(scrollTop != 0){ $('#nav').stop().animate({'opacity':'0.2'},400); } } ); }); </script>
-
спасибо ,проблему уже решил)
-
делал по уроку на этом сайте при создании 2ух колонок правая колонки ниже левой article { /* Левая колонка */ margin-right: 240px; /* Отступ слева */ } видимо из-за margin-right правая колонка опускается как исправить? p.s. выравнивание правой колонки идет ниже контента в левой колонке ,т.е если убрать контент в левой колонке ,то колонки будут на одном уровне .content-gradient { background: #fff url(images/content-gradient.png) repeat-x; } .content-bg { width: 960px; /* Ширина макета */ margin: auto; /* Выравнивание по центру */ background: #fff no-repeat; /* Фон с границами */ } .content-white { background: #fff; /* Белый цвет фона */ margin: 0 11px; /* Отступы по горизонтали */ padding: 20px 40px; /* Поля */ text-align: justify; /* Выравнивание по ширине */ } aside { /* Правая колонка */ width: 200px; /* Ширина правой колонки */ float: right; /* Обтекание */ } article { /* Левая колонка */ margin-right: 240px; /* Отступ слева */ } <div class="content-gradient"> <div class="content-bg"> <div class="content-white"> <article> <p>Перед вами учебный сайт для демонстрации возможностей HTML и CSS по созданию своего ресурса и его публикации в Интернете. Поскольку любой сайт должен содержать полезную или интересную информацию. Так, на всякий случай.</p> </article> <aside> Правая колонка! </aside> </div> </div> </div>
-
решил проблему дописав margin:0; padding: 0 в ul.css-menu-1 всем спасибо!
-
mishka, не поможете еще? не получается убрать отступ между шапкой и меню, как можно исправить? <style> body { margin: 0px; padding: 0px; background: #557799; } header { display: block; height: 75px; background: #fff repeat-x; } header a { position: relative; left: 300px; } nav { background: #557799 no-repeat center bottom; height: 32px; display: block; } ul.css-menu-1 { position: relative; left: 300px; top: 3px; list-style: none } ul.css-menu-1 li { display: inline } ul.css-menu-1 li a { font-family: Tahoma, Geneva, sans-serif; text-decoration: none; font-size:20px; font-weight: 550; color: #ffffff; padding: 10px } ul.css-menu-1 li a:hover { text-decoration: underline } ul.css-menu-1 li a.selected { color: #000000; background: #adbfd1; padding: 3px 10px 5px 10px; text-decoration: none } </style>
-
спасибо, проблема была в точках с запятыми)
-
Здравствуйте, я новичек в верстке. У меня не получается что бы ,если страница открыта ,то пункт меню стал выделенным (selected) сначала работало ,но потом я что-то изменил и перестало работать. Еще не подскажете как выровнять меню по центру? Заранее благодарен! <!DOCTYPE html> <html> <head> <title>HTML</title> <meta name="keywords" content="HTML, META, метатег, тег, поисковая система"> <meta charset="utf-8"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> body { margin: 0; } header { display: block; /* Для старых браузеров */ height: 75px; /* Высота шапки */ background: #ffffff no-repeat center bottom; } nav { background: #557799 no-repeat center bottom; height: 32px; display: block; } .css-menu-1 { list-style: none } .css-menu-1 li { display: inline } .css-menu-1 li a { font-family: Tahoma, Geneva, sans-serif; text-decoration: none; font-weight: 550; color: #ffffff; padding: 10px } .css-menu-1 li a:hover { text-decoration: underline } .css-menu-1 li a.selected { color: #000000 background: #adbfd1 text-decoration: none } .nav-dop { background: #cbd7e2 no-repeat center bottom; height: 28px; display: block; } .warring { background: #ffffae no-repeat center bottom; height: 30px; display: block; } </style> </head> <body> <header> <h1>Шапка сайта</h1> </header> <nav> <div class="css-menu-1"> <li><a href="#"class="selected">Главная</a></li> <li><a href="#">HTML уроки</a></li> <li><a href="#">CSS уроки</a></li> <li><a href="#">Справочник</a></li> </div> </nav> <div class="nav-dop"> 2ой ряд меню </div> <div class="warring"> Внимание! Сайт находится в стадии разработки. </div> <article> <h2>страница</h2> </article> <footer> Copyright Alex </footer> </body> </html>
