Menu
i need this code by wensday. so that i have enough time to actually get the code and get my site working.
no i can not provide you links to the actual pages *they arent real yet
they just live in a folder right now.
i can not seem to find a GOOD working piece of code that works in all browsers.:mad:
i have 1 image i want it to be the background with no repeating.
when working on my mini laptop which has a 10 inch screen while using firefox the fallowing code works really great
<body background=”images/background.jpg” style=”background-repeat:no-repeat; background-attachment:fixed”>
only problem is that i have about an inch of white space on right hand side of the screen.
however when i test the code on a college computer whose screen is 24 inchs and i have to use IE on them the code does not work.
the image shows up in the top left hand cornor. and the rest of the screen is white.?
so i was told to use the propertie background-image. it worked great as long as i had a super large image.
<style type=”text/css”>
body {
background-image:url(‘images/titlepage3.jpg’);
}
</style>
worked great in ie on a large screen i test in on my laptop *where i do 95% of my work
i read online to use these
<style type=”text/css”>
body {
background-image:url(‘images/titlepage3.jpg’);
background-repeat:no-repeat;
background-position:bottom right;
}
</style>
it didnt work i ended up with the image in the bottom right and alot of white space around it.
-_- ive been trying to get this code to do this one simple thing for weeks now. i really need the images i have to be the background. i can not have any repeating of the image. the image needs to cover the whole page and needs to work in what ever browser im using at the minute on what ever size of screen im using.
here is the code for one of the pages that i have not messed up with the background-image property.
<html>
<head>
<title> Images of Illusion – images </title>
</head>
<body background=”images/background.jpg” style=”background-repeat:no-repeat; background-attachment:fixed” text=”white “link=”green” vlink=”blue” alink=”red”>
<br />
<a href=”home.htm”> Home
| <a href=”images.htm”> Images
| <a href=”forms.htm”> Forms
| <a href=”register.htm”> Register
| <a href=”memberpages.htm”> Member Pages </a>
<br />
<table>
<tr>
<td align=center>Angles</td>
<td align=center>Demons</td>
<td align=center>Animals</td>
</tr>
<tr>
<td><a href=”angles.htm”><img src=”images/angels/angles1.jpg” width=”200″ height=”200″/> </td>
<td><a href=”demons.htm”><img src=”images/demons/demon1.jpg” width=”200″ height=”200″/> </td>
<td><a href=”animals.htm”><img src=”images/animals/Animals1.jpg” width=”200″ height=”200″/> </td>
</tr>
<br/>
<tr>
<td align=center>Magical</td>
<td align=center>Royal</td>
</tr>
<tr>
<td><a href=”magical.htm”><img src=”images/magical/Magical1.jpg” width=”200″ height=”200″/> </td>
<td><a href=”royal.htm”><img src=”images/royal/royal1.jpg” width=”200″ height=”200″/> </td>
</tr>
</table>
</body>
</html>
this code *other than the fact that it has a 1-2 inch bar of white on the right side
this code works really good, except that the text is not centered, on IE, on the 24 inch screen college computer.
<html>
<head>
<title> Images of Illusion </title>
<style type=”text/css”>
body {background-image:url(‘images/background5.jpg’);}
</style>
</head>
<body text=”white “link=”green” vlink=”blue” alink=”red”>
<br />
<a href=”home.htm”> Home
| <a href=”images.htm”> Images
| <a href=”forms.htm”> Forms
| <a href=”register.htm”> Register
| <a href=”memberpages.htm”> Member Pages </a>
<br />
<p> <font size=”5″ color=”red” face=”Monotype Corsiva”>
<b>Again welcome to <i>Images of Illusion</i> we are a brand new site, so we
<br/> dont have to much to offer you yet, but give us some time and we <br/> will start adding more. please register and than message the admin, <br/> if we do not have a catogory that you would like to have added.
<br/> all so send any images you would like to add for review, as will as <br/> the information as to what catogory you would like it uploaded to.</b></font>
</body>
</html>
however when i run the pages on the other one it doesnt work right.
what other code is there that i can use to fix this problem??