2 стиля

Noks · January 31, 2009

У меня проблема никак не могу разобоатьс:

у меня есть файл со стилями(style.css):

A:hover{

color: green;

}

и html в который подключаю стили

<head>
<title>ААА</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" text="#FFFFFF" background="images/fon.jpg">

<a href="the%20punk/the%20punk1.php">
<span style="text-decoration: none;">
Ссылка №1</span></a>

<a href="2.php">Ссылка№2</a>

</body>
</html>

Так вот ссылка№1 находится на белом фоне а ссылка№2 на черном(сам текс в хтмл белый),и как мне сделать отдельный стиль для Ссылки 1(чтоб она была чеоная, а при наведении зеленая)?

Victor Ananiev · January 31, 2009

спану дать класс и повесить ховер на класс.

Dimitry Wolotko · January 31, 2009

Для начала, что это за ересь?

bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" text="#FFFFFF" background="images/fon.jpg"

Уберите в стили, глядишь вопрос и решиться.

Noks · February 2, 2009

спану дать класс и повесить ховер на класс.

да отличная идея, но одна загвоздка я в цсс покак еще чаник и не очень разбираюсь как создавать классы?

Victor Ananiev · February 2, 2009

CSS:

.someclass A
{
 /*some styles*/
}
.someclass A:hover
{
 /*some styles for hover*/
}

html:

<span class="someclass"><a href="#">AAA</a></span>

Noks · February 3, 2009

Сбасиб

Noks · February 7, 2009

Сделал вот так:

html

<html>
<head>
<title>AAA</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

<div style="position: absolute; width: 181px; height: 100px; z-index: 2; left: 6px; top: 529px" id="thepunk1">

<span class="someclass"><font size="2">    
<a href="link.php">AAAA</a></font></span></div>

css

body {

color: #FFFFFF;

}

A:link { text-decoration: none;color: #FFFFFF}

A:visited { text-decoration: none;color: #FFFFFF}

A:active { text-decoration: none;color: #FFFFFF}

A:hover {color: gray;

}

.someclass A

{

text-decoration: none;

color:black;}

.someclass A:hover

{

color:green;

}

В опере и мозиле работает,а в IE7 несовсем текст остается белым,хотя при наведении меняеется на серый,может версия браузера старая? :blink:

Noks · February 8, 2009

ну так кто-нибудь знает в чем проблема? :blink:

Noks · February 10, 2009

Ни кто что ли не знает?

Xandr Morris · February 10, 2009

Отвечаю на первый пост.

Посмотрите этот код:

<html>
<head>
<title>Your Page Title</title>
<style type="text/css">

body {
background:#000; /* black background */
color:#FFF; /* white text color */
}

a {
color:#FFF; /* white color for all default links */
}

span.white_back {
background:#FFF; /* white background */
color:#F00; /* red text color, for example */
}

a.black_link {
color:#000; /* black color for only current class of links */
}

</style>
</head>
<body>
<p>Some text...</p>

<span class="white_back">
<p>Some text...</p>
<a href="#your_link_address" class="black_link">Your Link</a>
</span>

<p>Some other text</p>
<a href="#your_link_address">Your Link</a>
</body>
</html>

Извините за англоязычные комментарии в CSS'е. Просто, так привычнее.

Noks · February 15, 2009

Xandr Morris вынаверно не совсем правильно меня поняли мне нужно 2 класса для ссылок чтоб у каждого класа при наведение на ссылку меняся цвет,Victor Ananiev показал нужный код он работает везде кроме IE, вот в это состоит мой вопрос :rolleyes:

NuShiKo · February 15, 2009

в IE7 все работает :rolleyes:

dber · February 16, 2009

в IE7 все работает

а в ie меньше 7 не работает потому что у них псевдокласс hover только для ссылок работает... так что надо на яве дописать чуток...

NuShiKo · February 16, 2009

так он тут вроде для ссылок и есть? или нет?

Noks · February 16, 2009

а в ie меньше 7 не работает потому что у них псевдокласс hover только для ссылок работает... так что надо на яве дописать чуток...

так всетаки дело в версиях,эт хорошо а то думал что я то-то не так наисал :rolleyes:

dber · February 17, 2009

надеюсь тебе это надо

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
	<title></title>
	<style type="text/css">
	a{background:black; color:white;}
	.someclass a:hover{background:green; }
	</style>
</head>
<body>
<span class="someclass"><a href="#">ссылка1</a></span>
<a href="#">ссылка2</a>

</body>
</html>

Edited February 17, 2009 by dber

Sign In

2 стиля

Question

Link to comment

Share on other sites

15 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information