www.the-midfield.com

rib? · Post by **rib?** » Fri Apr 11, 2003 5:17 pm

middie, your site down?

LazyManc · Post by **LazyManc** » Sat Apr 12, 2003 1:24 am

I think hes in the process of moving over to new hosting.

Post by **mid_gen** » Sun Apr 13, 2003 1:36 pm

It's moved to new hosting, but I'm going to change a lot of the back-end of the site before I put it up again. Must put some kind of holding page on there...

rib? · Post by **rib?** » Wed Apr 30, 2003 12:47 pm

chris, your menubars look the dogs.. gimme the code or i'll spill ink over your coursework (the old schooldays threat should do the trick!)

Post by **mid_gen** » Wed Apr 30, 2003 4:52 pm

tis just a bit of CSS

Code: Select all

#Menu a 
&#123;
  color &#58; #000;
  display&#58; block;
  margin &#58; 5px;
  padding&#58; 5px;
  background &#58; #bcd;
  border&#58; 1px solid #000;
  text-decoration&#58; none;
  background-image&#58; url&#40;'images/hborder.gif'&#41;;
  background-repeat &#58; repeat-x;
  white-space&#58; nowrap;
&#125;

#Menu a&#58;hover 
&#123;
  color &#58; #FFF;
  background-image&#58; url&#40;'images/hborderover.gif'&#41;;
&#125;

Then just pop your menu into a div :

Code: Select all

<div id="menu">
  <a href="./arse.htm">arse</a>
</div>

Just use a 1-pixel wide gradient image to your desired height and rotate it 180 for the rollover.

If anyone knows a way to make the rollover image pre-load then I'd like to know, the pause when you first hover over a button is a tad annoying.

moo.

eclipse · Post by **eclipse** » Thu May 01, 2003 1:16 pm

mid_gen wrote:If anyone knows a way to make the rollover image pre-load then I'd like to know, the pause when you first hover over a button is a tad annoying.

moo.

I believe all you need to do is use a bit of javascript.
stick this in your <head> section.

Code: Select all

<script type="text/javascript">
if &#40;document.images&#41;
	&#123;
	a = new Image&#40;width, height&#41;
	a.src = "filename" 
	&#125;
</script>

replace width, height and filename with the obvious, and that should work! enjoy