scushkadee
02-20-2006, 10:36 PM
Hi, this code is not currently available on the web, sorry. my problem: i have two pictures that will eventually be separate image links, they are joined to look as one. their horizontal alignment is fine, but i need their veritcal alignment to be centered. can someone tell me where to put that piece of code in? Thanks
chris
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<title>Welcome to Alkiproductions.com </title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="black">
<div class="greenBorder" style="display: table; height: 400px; _position: relative; overflow: hidden;">
*** <div style=" _position: absolute; _top: 50%;display: table-cell; vertical-align: middle;">
***** <div class="greenBorder" style=" _position: relative; _top: -50%">
<table summary="Intro Selection" width="0" height="200" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td valign="middle"><img src="../Pictures/productions.jpg" width="209" height="171" border="0" alt="Alki Productions" vspace="180" hspace="0">
</td>
<td valign="middle">
<img src="../Pictures/clothing.jpg" width="211" height="171" border="0" alt="Alki Clothing">
</td>
</tr>
</table>
</div>
*** </div>
* </div>
</body>
</html>
chris
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<title>Welcome to Alkiproductions.com </title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="black">
<div class="greenBorder" style="display: table; height: 400px; _position: relative; overflow: hidden;">
*** <div style=" _position: absolute; _top: 50%;display: table-cell; vertical-align: middle;">
***** <div class="greenBorder" style=" _position: relative; _top: -50%">
<table summary="Intro Selection" width="0" height="200" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td valign="middle"><img src="../Pictures/productions.jpg" width="209" height="171" border="0" alt="Alki Productions" vspace="180" hspace="0">
</td>
<td valign="middle">
<img src="../Pictures/clothing.jpg" width="211" height="171" border="0" alt="Alki Clothing">
</td>
</tr>
</table>
</div>
*** </div>
* </div>
</body>
</html>