Jump to content

LIST and LINKS


mmmartin123456
 Share

Recommended Posts

i make bar, at left side..
i was see somewhere example like this in tutorial for make BAR
<ul class="list"><li><a class="bar_1" href="#">XXXXXXX</a></li><li><a class="bar_1" href="#">XXXXXXX</a></li><li><a class="bar_1" href="#">XXXXXXX</a></li></ul>
i was add style
ul.list li{margin-right:40px;margin-bottom:3px;list-style-type:none;/*;*/background-color:#ffffff;text-align:center;}a.bar_1{text-decoration:none;color:black;}a.bar_1:link,a.bar_1:visited		{text-decoration:none;color:black;}				a.bar_1:hover		{text-decoration:underline;color:#FF0000;}

when i use <ul> or <ol>

 

it add specials charater, i was make them off (list-style-type:none;)

i here have problem with CENTER LINKS when i was off specials charater, it dont off SPACE... mean: if use center it make with more space at LEFT side and less at RIGHT... i use <section> with padding:15px; for this block

 

how much space (pixels) take <ul> or <ol> effect (list-style-type:none;)at left side ??? is possible off too space ???

 

i was use this command margin-right:40px; for make center...

 

and second when i use LINKS i can setting 4 mode

 

link, visited, hover, active

 

are here some RULES

 

When setting the style for several link states, there are some order rules:

  • a:hover MUST come after a:link and a:visited
  • a:active MUST come after a:hover

http://www.w3schools.com/css/css_link.asp

 

if i define this like ... global all links it make like all others type will same ??? like down ???

 

a.bar_1 {} = a.bar_1:link, a.bar_1:visited, a.bar_1:hover, a.bar_1:active {}

 

will corect if delete style a.bar_1:link,a.bar_1:visited if have already a.bar_1 setted ?

 

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...