Maquetado PSD

BapeMilo · #1 (**permalink**) 13/11/2010, 06:43

Bueno estoy metiendome en el diseño web y nada que estoy con un psd mio
y por mucho que lo intento maquetar no puedo al peter la url sobre los botones del head me sale asi:

Normal:

Metiendo Url alos botones:

El Html:

Código HTML:

Ver original<!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>
<title>Captura</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body bgcolor="#FFFFFF">
<!-- Save for Web Slices (Captura.PNG) -->
<table id="Tabla_01" width="1348" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="9">
            <img id="Captura_01" src="images/Captura_01.gif" width="1348" height="58" alt="" /></td>
    </tr>
    <tr>
        <td rowspan="8">
            <img id="Captura_02" src="images/Captura_02.gif" width="286" height="520" alt="" /></td>
        <td><a href="http://www.google.es"><img src="images/Captura_03.gif" alt="" name="Captura_03" width="119" height="67" id="Captura_03" /></a></td>
        <td rowspan="8">
            <img id="Captura_04" src="images/Captura_04.gif" width="30" height="520" alt="" /></td>
        <td><a href="http://www.google.es"><img src="images/Captura_05.gif" alt="" name="Captura_05" width="187" height="67" id="Captura_05" /></a></td>
        <td rowspan="8">
            <img id="Captura_06" src="images/Captura_06.gif" width="54" height="520" alt="" /></td>
        <td><a href="http://www.google.es"><img src="images/Captura_07.gif" alt="" name="Captura_07" width="180" height="67" id="Captura_07" /></a></td>
        <td rowspan="8">
            <img id="Captura_08" src="images/Captura_08.gif" width="57" height="520" alt="" /></td>
        <td><a href="http://www.google.es"><img src="images/Captura_09.gif" alt="" name="Captura_09" width="170" height="67" id="Captura_09" /></a></td>
        <td rowspan="8">
            <img id="Captura_10" src="images/Captura_10.gif" width="265" height="520" alt="" /></td>
    </tr>
    <tr>
        <td>
            <img id="Captura_11" src="images/Captura_11.gif" width="119" height="453" alt="" /></td>
        <td>
      <img src="images/Captura_12.gif" alt="" name="Captura_12" width="187" height="458" id="Captura_12" /></td>
        <td>
            <img id="Captura_13" src="images/Captura_13.gif" width="180" height="453" alt="" /></td>
        <td>
            <img id="Captura_14" src="images/Captura_14.gif" width="170" height="453" alt="" /></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

dargorg · #2 (**permalink**) 13/11/2010, 06:50

tienes que crear una hoja de estilos CSS, en la que ponga

Código CSS:

Ver originala, a:hover, a:visited, a:active
{
    border: 0 none;
}

BapeMilo · #3 (**permalink**) 13/11/2010, 06:52

Gracias :)

BapeMilo · #4 (**permalink**) 18/12/2010, 08:07

Sige igual descolocado y al url azul

Portgaz · #5 (**permalink**) 20/12/2010, 13:43

No se te entiende, que es lo que sigue descolocado.
Quitando el borde, se acomodan las imagenes relativamente, ya que devido a este borde se abre ese espacio blanco.

Pero no se te entiende lo que dices: Sige igual descolocado y al url azul

Ademas, deberias intentar maquetar con divs