Hi, i'm not new in this stuff but feel just stuck on one thing.
i need to put small logo in upper left corner, it should be ended by a thin line, and some links goes to right upper corner.
And what i find is extra space below image. i don't understand what is it came from. i wouldn't see it without that small line at its right.
actually i need next part to get close to logo wothout any space.
what am i doung wrong, guys?
code:
- Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>site name</title>
<style type="text/css">
body {
margin: 0px;
padding: 0px;
background: #eee;
font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.rightborder {
border-right: 1px solid #666666;
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="rightborder" width=1% >
<a href="#"><img src="dummy1.gif" alt="logo" width="180" height="45" border="0"></a>
</td>
<td width="100%" align="right">
<a href="#">link1</a> •
<a href="#">link2</a> •
<a href="#">link3</a>
</td>
</tr>
</table>
</body>
</html>
version 2:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>site name</title>
<style type="text/css">
body {
margin: 0px;
padding: 0px;
background: #eee;
font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width=1% >
<a href="#"><img src="dummy1.gif" alt="logo" width="180" height="45" border="0"></a>
</td>
<td width="1" bgcolor="#666666">
<img src="spacer.gif" width="1" height="1">
</td>
<td width="100%" align="right">
<a href="#">link1</a> •
<a href="#">link2</a> •
<a href="#">link3</a>
</td>
</tr>
</table>
</body>
</html>
thank you
picture-table help needed
Jun 11th, 2006, 16:07
picture-table help needed
Similar Threads
