CSS mouse concerning in Html
hi
i am looking for code which help me to make web page in html.
i want to add menu as follow with mouse movement on that .
* News
* Downloads
* Tutorials
* Script
* Reviews
please help me to do that ,i am noy good in this so please kindly help me .
thank you
Re: CSS mouse concerning in Html
We will make therefore a menu with mouse over impact. The simplest manner to get this impact is by simply the attribute: hover to use. Almost all modern browsers support this (IE7, FF, opera & safari). Then you therefore as follows are able do:
Code
Quote:
<ul id= menu >
<li><a href= # >News</a></li>
<li><a href= # >Downloads</a></li>
<li><a href= # >Tutorials</a></li>
<li><a href= # >Scripts</a></li>
<li><a href= # >Reviews</a></li>
</ul>
Code
Quote:
ul#menu li {
background-color: #99cc00;
width: 120px;
}
ul#menu li: hover {
background-color: #ffcc00;
}
Re: CSS mouse concerning in Html
We start with an empty document. We use simply the same html.
Code
Quote:
<ul id= menu >
<li><a href= # >News</a></li>
<li><a href= # >Downloads</a></li>
<li><a href= # >Tutorials</a></li>
<li><a href= # >Scripts</a></li>
<li><a href= # >Reviews</a></li>
</ul>
Only uses we something other css:
Code
Quote:
ul#menu a {
background-color: #99cc00;
posting: block;
width: 120px;
}
ul#menu a: hover {
background-color: #ffcc00;
}
We have: hover - attributes on a - elements put. This a - elements have we in the css posting: block; given. That ensures that he the link as block - element sees. You have elements in html two different types: block and inline. Block-element are things as div's and tables. Inline-element are upholstering. Therefore a piece text in <p> or a blade by means of the <img>-tag.
Re: CSS mouse concerning in Html
Because we posting: block; have given now thinks the browser which it a - element in this menu block-element are. How we him can a breadth give altitude and such.
Instead of background-color can use you of course also background image to support a blade there.