Hi
I have the following images. top.png 761x51, topbottom 762x29, topmidleft.png 553x16 and topmidright.png 26x16..I can't figure out how to setup the header using the <Div>. the next question is how to change the inches to px.
Thanks from a newbieSomething like this?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Page title</title>
<style type="text/css">
<!--
#head {
width: 762px;
padding: 0;
margin: 0 auto; /* this will center it on page */
}
#head img {
display: block;
margin: 0 auto;
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
-->
</style>
</head>
<body>
<div id="head">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"top.png" alt="top" width="761" height="51">
<img class="left" src=http://www.webdeveloper.com/forum/archive/index.php/"topmidleft.png" alt="topmidleft" width="553" height="16">
<img class="right" src=http://www.webdeveloper.com/forum/archive/index.php/"topmidright.png" alt="topmidright" width="26" height="16">
<img class="clear" src=http://www.webdeveloper.com/forum/archive/index.php/"topbottom.png" alt="topbottom" width="762" height="29">
</div>
</body>
</html>Make sure you <div> is in lower case, too.Got link?
I have the following images. top.png 761x51, topbottom 762x29, topmidleft.png 553x16 and topmidright.png 26x16..I can't figure out how to setup the header using the <Div>. the next question is how to change the inches to px.
Thanks from a newbieSomething like this?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Page title</title>
<style type="text/css">
<!--
#head {
width: 762px;
padding: 0;
margin: 0 auto; /* this will center it on page */
}
#head img {
display: block;
margin: 0 auto;
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
-->
</style>
</head>
<body>
<div id="head">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"top.png" alt="top" width="761" height="51">
<img class="left" src=http://www.webdeveloper.com/forum/archive/index.php/"topmidleft.png" alt="topmidleft" width="553" height="16">
<img class="right" src=http://www.webdeveloper.com/forum/archive/index.php/"topmidright.png" alt="topmidright" width="26" height="16">
<img class="clear" src=http://www.webdeveloper.com/forum/archive/index.php/"topbottom.png" alt="topbottom" width="762" height="29">
</div>
</body>
</html>Make sure you <div> is in lower case, too.Got link?