die_frage
-
Posts
6 -
Joined
-
Last visited
die_frage's Achievements
Explorer (1/14)
0
Reputation
-
Смещаются объекты при маштабировании страницы
die_frage replied to die_frage's question in HTML Coding
Спасибо за ответ, но к сожалению это не помогло. Я уже читал урок по этой ссылке ранее и тоже не разобрался. Я так понимаю что тут есть связь родительских элементов и дочерних, но как они работают я вот никак догнать не могу У меня на странице есть еще один css файл. Я подумал что может стоит там поменять позиционирование body но тоже ничего не помогает. Вот код второго файла: body {background-image:url("top.png");background-repeat: no-repeat;background-position:center top;background-color: #5B7ABB;position:absolute;margin: 0;padding:0;font-family: 'Candy Round BTN Lt';} @font-face { font-family: 'Candy Round BTN Lt'; src: url('candy-round-btn-lt.ttf'); } -
Здравствуйте. Задался целью собрать сайт и в принципе все по урокам понятно. Но вот одна проблемка по которой я не нашел никаких уроков и тем. Проблема заключается в том что у меня на странице есть меню, которое находится в теге <DIV>, когда я выставляю какие то параметны для того что бы меню нашло свое место на сайте все ок, но стоит мне увеличить или уменьшить страницу скролом CTRL+Scroll как меню менят свое положение. Заранее спасибо. <!DOCTYPE html><html><head> <title>My Project</title><link type="text/css" rel="stylesheet" href="menu.css" media="screen"/><link type="text/css" rel="stylesheet" href="style.css"/><script type="text/javascript" src="http://dimics.com/wp-content/themes/dimics/jquery-1.3.2.js"></script><script type="text/javascript" language="javascript"> $(document).ready(function(){$("a").hover(function(){$(this).stop().animate({top:"0px"}, "300");}, function(){$(this).stop().animate({top:"-35px"}, "300");});});</script></html> <body> <div id="menu"> <ul> <li><a href="#" class="home"></a></li> <li><a href="#" class="about"></a></li> <li><a href="#" class="links"></a></li> <li><a href="#" class="contact"></a></li> </ul> </div> </body></html>* { margin:0; padding:0; }#menu {height:35px;overflow:hidden;width:1200px;border: 2px solid black;position:absolute; top:500;left: 50px;}li {display:inline;float:left;list-style-type:none;margin-right:1px;} a {display:block;height:70px;top:-35px;position:relative;width:100px;} a.home {background:url(images/home.jpg) no-repeat bottom center;} a.about {background:url(images/about.jpg) no-repeat bottom center;} a.links {background:url(images/links.jpg) no-repeat bottom center;} a.contact {background:url(images/contact.jpg) no-repeat bottom center;}
-
Всем спасибо! Проблема решилась! ) Цвет добавил так: ul li a:first-child{ padding-left: 30px; padding-right: 30px; color:#ffffff; text-decoration:none; } А отступы в меню были из за того что картинку на сайт не правильно разместил ) Тему можно закрыть )
-
С цветом при наведении проблем нет, он меняется и так. проблема в статичной ссылке. Можете посмотреть на самом сайте ru.intek.az цвет синего цвета и не меняется. padding-left: 0px; частично исправляет проблему с отступами но только не на первой кнопке, можете так же на сайте посмотреть, кнопка HOME при на ведении курсора не вся меняется.
-
Спазибо за ответ, чуть позже проверю и отпишусь.
-
Привет друзья! У меня вот такая проблема: Скачал горизонтальное меню и установил на сайт по инструкции. Вроде все село на свои места, только проблема в том что не могу сменить цвет шрифва в CSS и сдвинуть кнопки так что бы они начинались с лева с самого начала блока меню. Вот код CSS: *{ margin:0; padding:0; } .page{ margin:0 auto; width:905px; } ul{ list-style:none; width:100%; height:40px; background:#000 url(http://ru.intek.az/bg-nav.gif) top left repeat-x; } ul li{ float:left; border-right:1px solid #333; } ul li a{ display:block; height:40px; padding:0 35; float:left; text-transform: uppercase; font:100%/40px Helvetica,"microsoft sans serif",arial,sans-serif; color:#fff; text-decoration:none; text-align:center; } ul li a:hover, ul li.active a{ background:url(http://ru.intek.az/bg-button.gif) top left repeat-x; color:#fff; } Когда я меня параметр padding:0 35; на padding:0 0; меню сдвигается в лева, но между текстом вообще не остается отступов ( А цвет не активной ссылки (шрифта) вообще никак сменить не могу. Помогите пожалуйста, буду очень признателен.