onMouseOver HELP!!

[instinct46]

right just made a website at mercia right n i want the links in the left frame to align to the right when the mouse is over them is there anyway 2 do this?? cheers in advance

[jberry]

it is done in css here is the code to do what you ask
CSS: this would be the css that you apply to the html

Code: Select all

#menu a, #menu a:visited {
  text-decoration:none;
  background-color:#fff;
  color:#000;
  display:block;
  width:10em;
  height:1.5em;
  border-bottom:1px solid #fff; 
  border-right:1px solid #000;
  padding:0.5em;
  }
#menu a:hover {
  border-bottom:1px solid #000;
  text-align:right;
  }


html

Code: Select all

<div id="menu">
  <a href="#nogo">Item 1</a>
  <a href="#nogo">Item 2</a>
  <a href="#nogo">Item 3</a>
  <a href="#nogo">Item 4</a>
  <a href="#nogo">Item 5</a>
</div>


[instinct46]

cheers once again