Go Back   TechArena Community > Software > Software Development
Become a Member!
Forgot your username/password?
Tags Active Topics RSS Search Mark Forums Read

Reply
 
Thread Tools Search this Thread
  #1  
Old 05-03-2009
Member
 
Join Date: Jan 2009
Posts: 62
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
Reply With Quote
  #2  
Old 05-03-2009
Member
 
Join Date: Jan 2008
Posts: 1,515
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;
}
Reply With Quote
  #3  
Old 05-03-2009
Member
 
Join Date: Jan 2008
Posts: 1,515
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.
Reply With Quote
  #4  
Old 05-03-2009
Member
 
Join Date: Feb 2008
Posts: 1,848
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.
Reply With Quote
Reply

  TechArena Community > Software > Software Development
Tags: , ,



Thread Tools Search this Thread
Search this Thread:

Advanced Search


Similar Threads for: "CSS mouse concerning in Html"
Thread Thread Starter Forum Replies Last Post
Apple Magic Mouse: after Lion update, Mouse Cursor Jumping to Corners. Acardi !! Hardware Peripherals 10 01-10-2011 04:08 PM
Changing link color when moving mouse over link in HTML Cade Software Development 5 22-01-2010 07:46 PM
How to define HTML Validator and services provided by HTML Validator Aldous Software Development 3 22-09-2009 01:12 PM
Microsoft BLUETRACK Mouse: Microsoft Explorer Mouse and Mini Mouse Humberto Reviews 4 24-09-2008 05:01 PM
Microsoft Wireless Laser Mouse 6000 & Mouse 7000 Rawko Portable Devices 3 06-02-2008 02:28 PM


All times are GMT +5.5. The time now is 09:18 PM.