короче у меня открытый тег, который при наведении на слово, увеличивает его, я пишу под ним новый текст, а он его тоже увеличивает, что делать? вот страница <html> <head> <meta> <title>Фотограф Ткалик Михаил</title> <style> #layer1 { z-index: 1; /* Порядок слоев */ width: 100%; /* Ширина слоя с фоном */ height: 100%; /* Высота слоя с фоном */ position: absolute; /* Абсолютное позиционирование */ left: 0; /* Положение от левого края окна */ top: 0; /* Положение от верхнего края */ } #layer2 { position: absolute; /* Абсолютное позиционирование */ z-index: 2; /* Порядок слоев */ } </style> <body>
<style> body { margin:5; /* Внешний отступ 0 */ padding:0; /* Внутренний отступ 0 */ text-align:center;/* Текст по центру (для IE) */ } .main { margin:-60 auto;/* Внешних отступов 0, делаем элемент по центру */ width:260px;/* Обяхательно наличие ширины */ text-align:left;/* Текст по левому краю */ }
в CSS вы задали параметр деля всех span объектов. Поэтому все spanы будут увеличиваться. Задате spanам в меню класс class='menuSpan' и в CSS напишите :hover только для этого класа.
вот страница
<html>
<head>
<meta>
<title>Фотограф Ткалик Михаил</title>
<style>
#layer1 {
z-index: 1; /* Порядок слоев */
width: 100%; /* Ширина слоя с фоном */
height: 100%; /* Высота слоя с фоном */
position: absolute; /* Абсолютное позиционирование */
left: 0; /* Положение от левого края окна */
top: 0; /* Положение от верхнего края */
}
#layer2 {
position: absolute; /* Абсолютное позиционирование */
z-index: 2; /* Порядок слоев */
}
</style>
<body>
<style>
body {
margin:5; /* Внешний отступ 0 */
padding:0; /* Внутренний отступ 0 */
text-align:center;/* Текст по центру (для IE) */
}
.main {
margin:-60 auto;/* Внешних отступов 0, делаем элемент по центру */
width:260px;/* Обяхательно наличие ширины */
text-align:left;/* Текст по левому краю */
}
span {
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
color:cbbbbb;
font:22pt Verdana;
text-shadow:2px 3px 10px d5cdcd;
}
span:hover {
font-size:24pt;
text-shadow:0px 0px 5px #d5cdcd;
}
</style>
<body>
<hr>
<style>
a {
text-decoration: none; /* Отменяем подчеркивание у ссылки */
}
</style>
<body>
<p><span></span></p>
<p><span></span></p>
<p><span></span></p>
<hr>
<p>
fnhfnfj
<p/>
</body>
</head>
</html>