Printable View
K well I suck at coding but I tried to code my sites offline page.
This is it: http://igoboy.com/offline/
Now when I sliced the page I made a slice inside the grey box to use for typing.
When I go to type in there everything messes up :S
Can anyone tell me why?
Thread moved from web design by --ss-- (Forum Super Moderator): Please post in the correct section :).
The bit you want to write ontop of has to be in the background of the <td>/<tr> lol ;).Quote:
Originally Posted by iGOboy
So how would I fix this? :PQuote:
Originally Posted by --ss--
here you go, i wrote a mini page for you.
the way you should have done it was by using a border rather than slicing a lyout because all it is is one box with a border (with the image above the table)HTML Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<style type="text/css">
#box {
border: 1px solid #999999;
width: 350px;
margin-right: auto;
margin-left: auto;
height: 20px;
background-color: #F0F0F0;
padding: 4px;
}
#logo {
margin-right: auto;
margin-left: auto;
width: 500px;
height: 100px;
}
</style>
<body>
<div id="logo">
<div align="center"><img src="http://igoboy.com/offline/images/banner.gif" width="444" height="81" /></div>
</div>
<div id="box"></div>
</body>
</html>
Woah thanks josh!:) +REP!
no problem, i like helping out :)
Thanks a bunch :)
It works too
www.igoboy.com/offline
I really need to stop using tables :P
This line isn't needed in the code:Quote:
Originally Posted by JimboJosh
You can do all that by changing the logo's CSS too :Code:<div align="center"><img src="http://igoboy.com/offline/images/banner.gif" width="444" height="81" /></div>
;)HTML Code:#logo {
height: 81px;
width: 444px;
margin: auto;
background-image: url(images/banner.gif);
text-align: center;
}
Haha thanks very much :)
lol i know, it also makes it so if someone wanted the image theyd have to go rummaging through the source code but it makes it clear to him where the image came from :)Quote:
Originally Posted by --ss--