Removing Vlink and Alink

teamdoom · 09-04-2009, 07:39 PM

Please help me... I have those stupid annoying boxes and it is pushing my table to be too big...

Code:

<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="en" lang="en">
<head>
<link rel="shortcut icon" href="http://www.v7n.com/forums/images/favicon.ico" />
  <title>Blank Example</title>
  <meta http-equiv="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)" />
  <meta name="created" content="Fri, 04 Sep 2009 22:57:48 GMT" />
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#FF0000" alink="#000000">
<div align="center"><table width="770" border="2" cellspacing="0" cellpadding="0" summary="">
<tr>
<td><img src="http://www.v7n.com/forums/images/church.jpg" width="770" height="271" alt="" /></td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" summary="">
<tr>
<td><a href="index.html"><img src="http://www.v7n.com/forums/images/test/index_5.jpg" alt="" /></a></td>
<td><a href="directions.html"><img src="http://www.v7n.com/forums/images/test/index_6.jpg" alt="" /></a></td>
<td><a href="directions.html"><img src="http://www.v7n.com/forums/images/test/index_7.jpg" alt="" /></a></td>
<td><a href="directions.html"><img src="http://www.v7n.com/forums/images/test/index_8.jpg" alt="" /></a></td>
<td><a href="directions.html"><img src="http://www.v7n.com/forums/images/test/index_9.jpg" alt="" /></a></td>
<td><a href="directions.html"><img src="http://www.v7n.com/forums/images/test/index_10.jpg" alt="" /></a></td>
<td><a href="directions.html"><img src="http://www.v7n.com/forums/images/test/index_11.jpg" alt="" /></a></td>
</tr>
</table>
</td>
</tr>
<tr><td bgcolor="000000">TEXT</td></tr>
</table>
</body>
</html>

**htmlbasictutor** · 09-04-2009, 09:57 PM

One thing is you are missing the closing div tag for this:

Code:

<div align="center">

Which is antiquated coding and isn't necessary to center your table.

You should move all your styles to an external stylesheet. Then for the table element give it an id and set the margins on the left and right to auto.

Cabloo · 09-05-2009, 11:59 AM

(as htmlbasictutor said)
.centered{ margin: 0px auto; }
then..
<div class="centered">something centered</div>
Enjoy