TC2112,
Here is the template page code and the CSS files.
You can view the page at
http://www.worryfreepc.net/team2lear...est/index.html. It looks fine with
the "border=0" code added to every img tag in each menu item....but, should
that even be neccessary?
Could we please rewrite the web? HTML was developed for text. EVERYTHING
added since then has been a hack. it has served it's purpose well, but it is
high time we rewrote the basic code of the internet with the rich tapestry of
images and dynamic content that we currently wedge into it in mind.
And, while I am pissing into the wind, the WC3 should stop with all of the
suggestions and just develop an open source engine (including javascript) that
all browsers could use to show web pages. Then we'd have a single goal to code
for.
But.....that'd make too much sense wouldn't it?
<!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=utf-8" />
<title>Team 2 LEarn</title>
<link href="../style.css" rel="stylesheet" type="text/css" />
<link href="../wfpc_global.css" rel="stylesheet" type="text/css" />
</head>
<body class="oneColFixCtrHdr">
<div id="container">
<div id="header">
<div id="header-logo"><img src= "../images/t2l ibm logo.jpg"
width="955" height="70" /></div>
<div id="header-menu">
<div id="btnHome"><a href="../index.html"><img src="../images/t2l ibm
btnHome.jpg" alt="Home Button" width="85" height="25" lowsrc="t2l ibm
model.psd" border="0" /></a> </div>
<div id="btnChapter1"><a href="../chapter1.html"><img
src="../images/t2l ibm btnChapter1.jpg" alt="Chapter 1 Button" width="100"
height="25" border="0" /></a></div>
<div id="btnTestimonials"><a href="../testimonials.html"><img
src="../images/t2l ibm btnTestimonials.jpg" width="120" height="25" border="0"
/></a></div>
<div id="btnAboutJoeSasso"><a href="../aboutjoesasso.html"><img
src="../images/t2l ibm about joe Sasso.jpg" alt="About Joe Sasso Button"
width="145" height="25" border="0" /></a></div>
<div id="btnContactUs"><a href="../contactus.html"><img
src="../images/t2l ibm btnContactUs.jpg" alt="Contact Us Button" width="105"
height="25" border="0" /></a></div>
<div id="menuRightGraphic"><img src="../images/t2l ibm menu right
graphic.jpg" alt="Menu right graphic" width="400" height="25" border="0"
/></div>
</div>
<div id="header-bottom"><img src="../images/t2l ibm
header-bottom.jpeg" alt="lower menu image" width="955" height="30" border="0"
/></div>
</div>
<div id="mainContent">
<div class="mainContentLeftGraphic"><img src="../images/t2l ibm left main
text graphic.jpg" alt="Left main text graphic" width="48" height="330" /></div>
<div class="mainContentText"><!-- TemplateBeginEditable name="MainText"
--><img src="../images/t2l ibm main text graphic.jpeg" width="860" height="330"
/><!-- TemplateEndEditable --></div>
<div class="mainContentRightGraphic"><img src="../images/t2l ibm right
main text graphic.jpg" width="47" height="330" /></div>
</div>
<div id="footer"><img src="../images/t2l ibm footer.jpg" width="955"
height="145" /></div>
</div>
</body>
</html>
-------------------------------------------
@charset "utf-8";
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #ffffff;
margin: 0; /* it's good practice to zero the margin and padding of the body
element to account for differing browser defaults */
padding: 0;
text-align: left;
}
.mainContentLeftGraphic {
float: left;
height: 330px;
width: 48px;
}
#container {
width: 955px;
text-align: center; /* this overrides the text-align: center on the body
element. */
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
}
.btnChapter1 {
float: left;
height: 25px;
width: 100px;
clear: none;
}
#header {
padding: 0; /* this padding matches the left alignment of the elements in
the divs that appear beneath it. If an image is used in the #header instead of
text, you may want to remove the padding. */
width: 955px;
float: left;
}
.mainContentLeftGraphic {
float: left;
height: 330px;
width: 48px;
}
#mainContent {
padding: 0;
float: left;
height: 330px;
width: 955px;
}
.mainContentText {
float: left;
height: 330px;
width: 860px;
background-image: url(images/t2l%20ibm%20main%20text%20graphic.jpeg) ;
margin-right: auto;
}
#header-logo {
float: left;
height: 70px;
width: 955px;
}
#header-menu {
float: left;
height: 25px;
width: 955px;
}
#btnChapter1 {
float: left;
height: 25px;
width: 100px;
clear: none;
}
#btnHome {
float: left;
height: 25px;
width: 85px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#btnTestimonials {
float: left;
height: 25px;
width: 120px;
}
#btnAboutJoeSasso {
float: left;
height: 25px;
width: 145px;
}
#btnContactUs {
float: left;
height: 25px;
width: 105px;
}
#menuRightGraphic {
float: left;
height: 25px;
width: 400px;
}
#btnChapter1 {
float: left;
height: 25px;
width: 100px;
}
#header-bottom {
float: left;
height: 30px;
width: 955px;
}
#footer {
padding: 0;
float: left;
height: 145px;
width: 955px;
}
----------------------------------------------------
@charset "utf-8";
/* CSS Document */
img { border:0; }
body { padding:0; margin:0; }