|
|
Posted by cassiadenton on 12/05/06 23:48
I am in the process of designing a website for my mother's business,
but I am really struggling with what I feel ought to be the simple
parts....
I've been given some advice on some "simple javascript" but I'm not
sure if I'm using it correctly??
Plus, I cannot figure out why I am getting space on the top and left
margins, where it should be flush.
here's the code, please let me know what I should do?? (this is only
the beginning)
~Cassia
cwest458@worldsavings.com
<HTML>
<HEAD>
<TITLE>Final</TITLE>
<meta name="description" content= "KJArts Gallery">
<meta name="keywords" content= "art, Karie West, kjarts, gallery,
painting, drawing, artist,
wall paintng">
<!--do alt tags on all images and title tags should be specific to each
page (also make sure
the meta tags are dif on each page)-->
<SCRIPT LANGUAGE="JavaScript">
<!-- hide from none JavaScript Browsers
Image1= new Image(89,41)
Image1.src = "rollover_home.gif"
Image2 = new Image(89,41)
Image2.src = "button_home.gif"
function SwapOut()
{document.imageflip.src = Image2.src; return true;}
function SwapBack()
{document.imageflip.src = Image1.src; return true;}
// - stop hiding -->
</SCRIPT>
<!-- <script language="Javascript1.2" src="scripts/script.js"
type="text/javascript"></script> -->
</HEAD>
<BODY BGCOLOR="#252525">
<div id="white" style="position:absolute; top:0; left:0; z-index:1;
visibity: show;"><img
src="layerone.gif" border="0"></div>
<div id="indexbar" style="position:absolute; top:158; left:38;
z-index:2; visibity:
show;"><img src="indexbar.gif" width="680px"></div>
<div id="logo" style="position:absolute; top:25; left:60; z-index:3;
visibity: show;"><img
src="logo.gif"></div>
<div id="strawberry" style="position:absolute; top:10; left:520;
z-index:4; visibity:
show;"><img src="strawberry.gif"></div>
<div id="sidebar" style="position:absolute; top:7; left:680; z-index:5;
visibity:
show;"><img src="sidebar.jpg"></div>
<div id="boxart" style="position:absolute; top:310; left:65; z-index:6;
visibity:
show;"><img src="artbox.jpg"></div>
<div id="leftwords" style="position:absolute; top:200; left:65;
z-index:7; visibity:
show;"><img src="leftwords.gif"></div>
<div id="button_home" style="position:absolute; top:160; left:104;
z-index:8; visibity:
show;"><A HREF="/" onMouseOver="SwapOut()" onMouseOut="SwapBack()">
<IMG NAME="home" SRC="rollover_home.gif" WIDTH=89 HEIGHT=41
BORDER=0></a></div>
<div id="button_contact" style="position:absolute; top:158; left:205;
z-index:9; visibity:
show;"><A HREF="/" onMouseOver="SwapOut()" onMouseOut="SwapBack()">
<IMG NAME="home" SRC="rollover_contact.gif" WIDTH=89 HEIGHT=41
BORDER=0></a></div>
<!--I need to redo this next button!! it does not fit correctly!-->
<div id="button_gallaries" style="position:absolute; top:159; left:310;
z-index:9; visibity:
show;"><A HREF="/" onMouseOver="SwapOut()" onMouseOut="SwapBack()">
<IMG NAME="home" SRC="rollover_gallaries.gif" WIDTH=89 HEIGHT=41
BORDER=0></a></div>
</body>
</html>
Navigation:
[Reply to this message]
|