Стиль кнопки

nik1524 · April 15, 2012

Подскажите пожалуйста как можно стиль кнопки задавать?

alex_anderr · April 16, 2012

Так, например.

nik1524 · May 2, 2012

Так, например.

не совсем, нужно что бы при наведение на кнопку она цвет меняла. Можно ли это сделать без js? кнопка типа image

Edited May 2, 2012 by nik1524

Sensei · May 2, 2012

используйте :hover

nik1524 · May 2, 2012

используйте :hover

Вопрос в том, как сделать так чтобы картинка менялась при наведение если путь до изображения прописывается в самом html а не в css

NeoXidizer · May 2, 2012

только javascript

mrnobody · May 2, 2012

используйте :hover
Вопрос в том, как сделать так чтобы картинка менялась при наведение если путь до изображения прописывается в самом html а не в css

У меня только так получилось - http://jsfiddle.net/jg9Zs/1/ . :blush: Вы поняли принцип?

HTML+CSS код:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
	.image-1{
		position: relative;
	}
	[src$="14.jpg"]{ /* Выбираю элемент по окончанию значения атрибута src равного "14.ipg". Или можно было указать псевдокласс ".image-1 img:last-child" для выбора последней картинки. */
		position: absolute;
		display: none;
		top:0;
	}
	.image-1:hover img[src$="14.jpg"]{
		display: block;
	}
</style>
</head>
<body>
	<div class="image-1">
		<img src="http://www.bugaga.ru/uploads/posts/2012-04/1334857925_foto-11.jpg" alt="Картинка №1">
		<img src="http://www.bugaga.ru/uploads/posts/2012-04/thumbs/1334966832_deserts-14.jpg" alt="Картинка №2">
	</div>
</body>
</html>

Edited May 2, 2012 by mrnobody

nik1524 · May 3, 2012

используйте :hover
Вопрос в том, как сделать так чтобы картинка менялась при наведение если путь до изображения прописывается в самом html а не в css
У меня только так получилось - http://jsfiddle.net/jg9Zs/1/ . Вы поняли принцип?
HTML+CSS код:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
	.image-1{
		position: relative;
	}
	[src$="14.jpg"]{ /* Выбираю элемент по окончанию значения атрибута src равного "14.ipg". Или можно было указать псевдокласс ".image-1 img:last-child" для выбора последней картинки. */
		position: absolute;
		display: none;
		top:0;
	}
	.image-1:hover img[src$="14.jpg"]{
		display: block;
	}
</style>
</head>
<body>
	<div class="image-1">
		<img src="http://www.bugaga.ru/uploads/posts/2012-04/1334857925_foto-11.jpg" alt="Картинка №1">
		<img src="http://www.bugaga.ru/uploads/posts/2012-04/thumbs/1334966832_deserts-14.jpg" alt="Картинка №2">
	</div>
</body>
</html>

Спасибо, да понял, сейчас попробую

Sign In

Стиль кнопки

Question

nik1524

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

alex_anderr

Link to comment

Share on other sites

nik1524

Link to comment

Share on other sites

Sensei

Link to comment

Share on other sites

nik1524

Link to comment

Share on other sites

NeoXidizer

Link to comment

Share on other sites

mrnobody

Link to comment

Share on other sites

nik1524

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information