Hello all,
Im currently working as an intern for a reputable machine shop in Cleveland
and was tasked with revamping their very basic website. Im still in college
and havn't had much formal training in web development. I found a very cool
CSS template online and have recently finished adding all the content from
the old site.
The site is www.techmach.com It looks great in IE but really poor in
firefox and netscape. My main concern at the moment is getting the links on
the top and sidebar formatted correctly, the rest I can test and play with
more casually. Here is the related code from one of the pages as well as the
css:
CSS:
td {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #343B4D;
}
a img {border: none; }
.menu_link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
.menu_link:hover {
color: #C9C8C3;
}
.link_1 {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}
.link_1:hover {
text-decoration: underline;
}
.link_2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF6501;
text-decoration: none;
}
.link_2:hover {
text-decoration: underline;
}
.link_3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333A4D;
text-decoration: underline;
}
.link_3:hover {
color: #999FAF;
}
.searchformtd {
border-top: 1px solid #5E5E5E;
border-left: 1px solid #8D8D8D;
border-right: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
}
.caption_1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.caption_2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FF6501;
}
.caption_3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #303749;
}
.inp_1 {
border: 1px solid #414D73;
width: 132px;
height: 22px;
background-color: #FCFCFC;
}
form {
margin: 0px;
}
.aligner {
text-align: justify;
}
.spacer_1 {
margin: 2px 10px 2px 5px;
}
.spacer_2 {
margin-bottom: 3px;
}
.spacer_3 {
margin: 6px 8px 6px 8px;
}
.spacer_4 {
margin: 11px 14px 11px 14px;
}
.text_1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #220C01;
}
.text_2 {
font-weight: bold;
text-decoration: underline;
}
.img_spacer {
margin-right: 9px;
}
Portion from the html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>
<html>
<head>
<title>TMP - Hydraulic Presses, Rubber Machinery, Injection Presses,
Rubber Mixers, Lamination Presses</title>
<meta name="description" content="Technical Machine Products (TMP), is
an innovative designer, manufacturer, rebuilder, and servicer of
hydraulic presses, laminators, intensive mixers, and related
components, controls, and auxiliary equipment." />
<meta name="keywords" content="hydraulic presses, hydraulic press,
TMP, used machinery, injection, compression presses, heavy machining,
rebuilt equipment, preowned equipment, press rebuilding, hydraulic
laminator, rubber and silicone compounding, compression press, vacuum
presses, lab equipment, laboratory presses, rubber and silicome
molding, rubber mixing, plastic card lamination, circuit board
lamination, rubber and silicone compounding, laboratory mills, lab
mixers, rubber silicone composite and resin-transfer molding, resin
transfer molding, composite molding, silicone molding " />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="images/style.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FDFDFD" topmargin="0" leftmargin="0" marginheight="0"
marginwidth="0">
<table align="center" width="780" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="4" style="height: 100px"><img src="images/header.jpg"
width="780" height="100"></td>
</tr>
<tr>
<td width="20" style="height: 27px"> <img
src="images/header_part01.jpg" width="20" height="27"></td>
<td width="186" background="images/header_part02.gif"
style="height: 27px"><img src="images/spacer.gif" width="186"
height="1"></td>
<td width="14" style="height: 27px"><img
src="images/header_part03.jpg" width="14" height="27"></td>
<td width="560" align="center"
background="images/header_part04.gif" style="height: 27px"> <img
src="images/arrow.gif" width="9" height="5">
<a href="index.html" class="link_1">
<span style="font-size: 12px">Home</span></a>
<span style="font-size: 12px"><span
style="font-size: 11px"> </span> <img
src="images/arrow.gif" width="9" height="5"> </span><a
href="contact.html" class="link_1"><span style="font-size:
12px">Contact Us</span></a><span style="font-size: 12px">
<img
src="images/arrow.gif" width="9" height="5">
</span><a href="history.html" class="link_1"><span
style="font-size: 12px">Our History</span></a><span
style="font-size: 12px">
</span></td>
</tr>
</table>
<table align="center" width="780" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="205" background="images/main_bg3.jpg" style="font-size: 11px">
<table width="205" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/menu_bg.jpg"><img
src="images/spacer.gif" width="1" height="7"></td>
</tr>
<tr>
<td height="20"
background="images/menu_bg.jpg"> <img
src="images/menu_arrow.gif" width="8"
height="7"> <a
href="compression_main.html" class="menu_link">Compression
Presses</a></td>
</tr>
<tr>
<td><img src="images/menu_separator.jpg" width="205"
height="16"></td>
</tr>
<tr>
<td height="20"
background="images/menu_bg.jpg"> <img
src="images/menu_arrow.gif" width="8"
height="7"> <a
href="injection_main.html" class="menu_link">Injection
Presses</a></td>
</tr>
<tr>
<td><img src="images/menu_separator.jpg" width="205"
height="16"></td>
</tr>
<tr>
<td height="20"
background="images/menu_bg.jpg"> <img
src="images/menu_arrow.gif" width="8"
height="7"> <a
href="mixing_main.html" class="menu_link">Mixing Machinery</a></td>
</tr>
<tr>
<td style="height: 16px"><img
src="images/menu_separator.jpg" width="205" height="16"></td>
</tr>
<tr>
<td height="20"
background="images/menu_bg.jpg"> <img
src="images/menu_arrow.gif" width="8"
height="7"> <a href="lab_main.html"
class="menu_link">Laboratory Size Equipment</a></td>
</tr>
<tr>
<td><img src="images/menu_separator.jpg" width="205"
height="16"></td>
</tr>
<tr>
<td height="20"
background="images/menu_bg.jpg"> <img
src="images/menu_arrow.gif" width="8"
height="7"> <a
href="circuitlamination_main.html" class="menu_link">Circuit
Board/Card Lamination</a></td>
</tr>
<tr>
<td><img src="images/menu_separator.jpg" width="205"
height="16"></td>
</tr>
<tr>
<td height="20"
background="images/menu_bg.jpg"> <img
src="images/menu_arrow.gif" width="8"
height="7"> <a
href="rebuilds_main.html" class="menu_link">Preowned & Rebuilds</td>
</tr>
<tr>
<td><img src="images/menu_separator.jpg" width="205"
height="16"></td>
</tr>
<tr>
<td height="20"
background="images/menu_bg.jpg"> <img
src="images/menu_arrow.gif" width="8"
height="7"> <a
href="aftercare_main.html" class="menu_link">Aftercare & Technical
Sevice</a></td>
</tr>
<tr>
<td><img src="images/menu_separator.jpg" width="205" height="16"></td>
</tr>
<tr>
<td height="20"
background="images/menu_bg.jpg"> <img
src="images/menu_arrow.gif" width="8"
height="7"> <a
href="heavymach_main.html" class="menu_link">Heavy Machining
Service</a></td>
</tr>
<tr>
<td><img src="images/menu_separator.jpg" width="205"
height="16"></td>
</tr>
<tr>
<td background="images/menu_bg.jpg"><img
src="images/spacer.gif" width="1" height="10"></td>
</tr>
</table>
Any help that can be offered would be most appreciated!
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
