Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /home/mislz28/public_html/wp-content/themes/css-faq-v2/timeweather/timeweather.php on line 19
8 May 2008

forum

Posted by: admin  in Uncategorized
Current User: Guest Login Register
Please consider registering

Search 
Search Forums:


 




Home Forums Броузеры грфические маркеры в Опере

грфические маркеры в Опере
Page: 1
UserPost

2:05 pm
June 16, 2008


sova

Member

posts 5
1

хочу сделать так,чтобы при наведении указателя мыши на пункт списка, изменялся графический маркер. В эксплорере и файрфоксе работает, такое вообще в опере работает(маркер просто исчезает при наведении)


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” 

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> 

<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”> 

<head> 

<meta http-equiv=”content-type” content=”text/html; charset=windows-1251″ /> 

<title>TEST</title> 

<style type=”text/css”> 

body { 

behavior: url(csshover.htc); 

font: 62.5% arial, sans-serif; 

} 

ul { 

width: 250px; 

list-style-type: none; 

list-style-image: url('img/point.gif'); 

margin: 0; 

padding-left: 16px; 

} 

a { 

display: block; 

font-size: 1.5em; 

padding: 3px 2px; 

} 

li:hover { 

list-style-image: url('img/pointr.gif'); 

} 

a:focus { 

outline: none; 

} 

</style> 

</head> 

<body> 

<div> 

<ul id=”menu”> 

<li><a href=”#”>TEST TEST?</a></li> 

<li><a href=”#”>TEST TEST?</a></li> 

<li><a href=”#”>TEST TEST?</a></li> 

<li><a href=”#”>TEST TEST?</a></li> 

</ul> 

</div> 

</body> 

</html>

2:08 pm
June 16, 2008


genius

Member

posts 47
2

никакие htc здесь не нужны. делаете список в виде list-style: none, а работаете со ссылками в списке, у них есть и hover и фон. Делаете их блочными элементами display: block, делаете отступ padding-left: …px; и задаете фон background: url(…) no-repeat left center;

li a:hover {background-image: url(новая картинка);}
Smile

2:09 pm
June 16, 2008


sova

Member

posts 5
3

так обычно и делал, просто было интересно можно ли сделать подобный эфект для меню с помощью смены изображения list-style-image.
Page: 1


Reply to Topic: грфические маркеры в Опере

NOTE: New Posts are subject to administrator approval before being displayed

Guest Name (Required):

Guest EMail (Required):

Guest URL (required)

Math Required!
What is the sum of: 7 + 6        (Required)

Topic Reply:


 
Topic RSS 

About the CSS-FAQ forum

Currently Online:

3 Guests

Maximum Online: 20

Forums:

Groups: 3

Forums: 18

Topics: 397

Posts: 834

Members:

There are 1003 members

There are 1 guests

Top Posters:

abc - 57

genius - 47

shane - 46

glowlite.uk - 39

booster - 37

warren - 35

Administrator: admin | Moderators: admin


© Simple:Press Forum - Version 3.1.1 (Build 336)  

Uncategorized, Comments Subscribe,