Hola! Aqui estamos con la web, en la página principal al insertar el buscador de google se me descentró el logo, menú, y los recuadros donde quiero insertar imágenes, también se repite el dibujo de fondo azul más abajo.
El 2º código es de la 2ª página, link "Fotos trabajos realizados"
el 3er código es del link "Contácto"
y el 4º es la hoja de estilos....
Me gustaría que todo se quedara ordenado, haber si alguien puede ayudarme no lo entiendo pq si estaba en su sitio pq se mueve si no le he modificado los "márgenes"
Gracias anticipadas!
1º
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Home</TITLE>
<META NAME="Generator" CONTENT="NetObjects Fusion 2.0.2 for Windows">
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</HEAD>
<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
</A>
<INPUT TYPE=text name=q size=25 maxlength=50 value="">
<INPUT TYPE=hidden name=hl value=es>
<INPUT type=submit name=btnG VALUE="Búsqueda Google">
</td></tr></TABLE>
</FORM>
</center>
<BODY BACKGROUND="./objetos/images/fonfo.gif" LINK="#0000FF" VLINK="#800080" TEXT="#000000" onload="if((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)=='3') && (navigator.appVersion.indexOf('Win')+navigator.appVersion.indexOf('Mac')!=-2)) document.bgColor=document.bgColor;" topmargin="0" leftmargin="0" >
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=775>
<TR VALIGN="top" ALIGN="left">
<TD>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=187>
<TR VALIGN="top" ALIGN="left">
<TD WIDTH=9 HEIGHT =13>[contenido no disponible]</TD>
<TD WIDTH=20>[contenido no disponible]</TD>
<TD WIDTH=138>[contenido no disponible]</TD>
<TD WIDTH=20>[contenido no disponible]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=2 HEIGHT =131></TD>
<TD WIDTH=158 COLSPAN=2 ALIGN="left" VALIGN="top">[contenido no disponible]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD></TD>
<TD WIDTH=158 COLSPAN=2><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Fotos trabajos realizados</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Presupuestos</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Contácto</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Text Link 4</FONT></TD>
<TD></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=4 HEIGHT =98></TD>
</TR>
</TABLE>
</TD>
<TD>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=588>
<TR VALIGN="top" ALIGN="left">
<TD WIDTH=47 HEIGHT =93>[contenido no disponible]</TD>
<TD WIDTH=247>[contenido no disponible]</TD>
<TD WIDTH=6>[contenido no disponible]</TD>
<TD WIDTH=38>[contenido no disponible]</TD>
<TD WIDTH=234>[contenido no disponible]</TD>
<TD WIDTH=16>[contenido no disponible]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD HEIGHT =174></TD>
<TD WIDTH=525 COLSPAN=4> <IMG HEIGHT=174 WIDTH=525 BORDER=0 ALT="AQUI QUIERO ESCRIBIR UN TEXTO CON TITULO E INSERTAR IMAGENES QUE HAGAN VINCULO A FOTOS....y que el google apareciera más pequeño y al borde derecho" ></TD>
<TD></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=6 HEIGHT =7></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD HEIGHT =176></TD>
<TD WIDTH=247> [contenido no disponible]</TD>
<TD></TD>
<TD WIDTH=272 COLSPAN=2> [contenido no disponible]</TD>
<TD></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=6 HEIGHT =37></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=4></TD>
<TD WIDTH=234><P ALIGN="RIGHT"><FONT SIZE="-2" FACE="Arial,Helvetica"></FONT></TD>
<TD></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
2º
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Fotos</title>
</head>
<BODY BACKGROUND="./objetos/images/fonfo.gif" LINK="#0000FF" VLINK="#800080" TEXT="#000000" onload="if((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)=='3') && (navigator.appVersion.indexOf('Win')+navigator.appVersion.indexOf('Mac')!=-2)) document.bgColor=document.bgColor;" topmargin="0" leftmargin="0" >
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=775>
<TR VALIGN="top" ALIGN="left">
<TD>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=187>
<TR VALIGN="top" ALIGN="left">
<TD WIDTH=9 HEIGHT =13>[contenido no disponible]</TD>
<TD WIDTH=20>[contenido no disponible]</TD>
<TD WIDTH=138>[contenido no disponible]</TD>
<TD WIDTH=20>[contenido no disponible]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=2 HEIGHT =131></TD>
<TD WIDTH=158 COLSPAN=2 ALIGN="left" VALIGN="top">[contenido no disponible]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD></TD>
<TD WIDTH=158 COLSPAN=2><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Fotos trabajos realizados</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Presupuestos</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Contácto</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Text Link 4</FONT></TD>
</TR>
<TD></TD>
<TR VALIGN="top" ALIGN="left">
<TD HEIGHT =176></TD>
<TD WIDTH=272> [contenido no disponible]</TD>
<TD></TD>
<TD WIDTH=272 COLSPAN=2> [contenido no disponible]</TD>
<TD></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=6 HEIGHT =37></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=4></TD>
<TD WIDTH=234><P ALIGN="RIGHT"><FONT SIZE="-2" FACE="Arial,Helvetica">#</FONT><FONT SIZE="-2" FACE="Arial,Helvetica"></FONT></TD>
<TD></TD>
</TR>
</body>
</html>
3º
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Contacto</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<BODY BACKGROUND="./objetos/images/fonfo.gif" LINK="#0000FF" VLINK="#800080" TEXT="#000000" onload="if((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)=='3') && (navigator.appVersion.indexOf('Win')+navigator.appVersion.indexOf('Mac')!=-2)) document.bgColor=document.bgColor;" topmargin="0" leftmargin="0" >
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=775>
<TR VALIGN="top" ALIGN="left">
<TD>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=187>
<TR VALIGN="top" ALIGN="left">
<TD WIDTH=9 HEIGHT =13>[contenido no disponible]</TD>
<TD WIDTH=20>[contenido no disponible]</TD>
<TD WIDTH=138>[contenido no disponible]</TD>
<TD WIDTH=20>[contenido no disponible]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=2 HEIGHT =131></TD>
<TD WIDTH=158 COLSPAN=2 ALIGN="left" VALIGN="top">[contenido no disponible]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD></TD>
<TD WIDTH=158 COLSPAN=2><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Fotos trabajos realizados</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Presupuestos</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Contácto</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Text Link 4</FONT></TD>
<TD></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=4 HEIGHT =98></TD>
</TR>
</TABLE>
</TD>
<h1><p class="centrado">MC</p></h1>
<p class="centrado">Móvil: 619
Telf: (93)</p>
<p class="centrado">[correo eliminado]</p>
</body>
</html>
4º
body {text-align: center }
img {border-style: none}
.centrado {text-align:center }
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
.desplegable { font: italic bold 12px ;
background-color: blue ;
color: white ; }
El 2º código es de la 2ª página, link "Fotos trabajos realizados"
el 3er código es del link "Contácto"
y el 4º es la hoja de estilos....
Me gustaría que todo se quedara ordenado, haber si alguien puede ayudarme no lo entiendo pq si estaba en su sitio pq se mueve si no le he modificado los "márgenes"
Gracias anticipadas!
1º
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Home</TITLE>
<META NAME="Generator" CONTENT="NetObjects Fusion 2.0.2 for Windows">
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</HEAD>
<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
</A><INPUT TYPE=text name=q size=25 maxlength=50 value="">
<INPUT TYPE=hidden name=hl value=es>
<INPUT type=submit name=btnG VALUE="Búsqueda Google">
</td></tr></TABLE>
</FORM>
</center>
<BODY BACKGROUND="./objetos/images/fonfo.gif" LINK="#0000FF" VLINK="#800080" TEXT="#000000" onload="if((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)=='3') && (navigator.appVersion.indexOf('Win')+navigator.appVersion.indexOf('Mac')!=-2)) document.bgColor=document.bgColor;" topmargin="0" leftmargin="0" >
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=775>
<TR VALIGN="top" ALIGN="left">
<TD>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=187>
<TR VALIGN="top" ALIGN="left">
<TD WIDTH=9 HEIGHT =13>[contenido no disponible]</TD>
<TD WIDTH=20>[contenido no disponible]</TD>
<TD WIDTH=138>[contenido no disponible]</TD>
<TD WIDTH=20>[contenido no disponible]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=2 HEIGHT =131></TD>
<TD WIDTH=158 COLSPAN=2 ALIGN="left" VALIGN="top">[contenido no disponible]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD></TD>
<TD WIDTH=158 COLSPAN=2><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Fotos trabajos realizados</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Presupuestos</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Contácto</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Text Link 4</FONT></TD>
<TD></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=4 HEIGHT =98></TD>
</TR>
</TABLE>
</TD>
<TD>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=588>
<TR VALIGN="top" ALIGN="left">
<TD WIDTH=47 HEIGHT =93>[contenido no disponible]</TD>
<TD WIDTH=247>[contenido no disponible]</TD>
<TD WIDTH=6>[contenido no disponible]</TD>
<TD WIDTH=38>[contenido no disponible]</TD>
<TD WIDTH=234>[contenido no disponible]</TD>
<TD WIDTH=16>[contenido no disponible]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD HEIGHT =174></TD>
<TD WIDTH=525 COLSPAN=4> <IMG HEIGHT=174 WIDTH=525 BORDER=0 ALT="AQUI QUIERO ESCRIBIR UN TEXTO CON TITULO E INSERTAR IMAGENES QUE HAGAN VINCULO A FOTOS....y que el google apareciera más pequeño y al borde derecho" ></TD>
<TD></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=6 HEIGHT =7></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD HEIGHT =176></TD>
<TD WIDTH=247> [contenido no disponible]</TD>
<TD></TD>
<TD WIDTH=272 COLSPAN=2> [contenido no disponible]</TD>
<TD></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=6 HEIGHT =37></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=4></TD>
<TD WIDTH=234><P ALIGN="RIGHT"><FONT SIZE="-2" FACE="Arial,Helvetica"></FONT></TD>
<TD></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
2º
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Fotos</title>
</head>
<BODY BACKGROUND="./objetos/images/fonfo.gif" LINK="#0000FF" VLINK="#800080" TEXT="#000000" onload="if((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)=='3') && (navigator.appVersion.indexOf('Win')+navigator.appVersion.indexOf('Mac')!=-2)) document.bgColor=document.bgColor;" topmargin="0" leftmargin="0" >
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=775>
<TR VALIGN="top" ALIGN="left">
<TD>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=187>
<TR VALIGN="top" ALIGN="left">
<TD WIDTH=9 HEIGHT =13>[contenido no disponible]</TD>
<TD WIDTH=20>[contenido no disponible]</TD>
<TD WIDTH=138>[contenido no disponible]</TD>
<TD WIDTH=20>[contenido no disponible]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=2 HEIGHT =131></TD>
<TD WIDTH=158 COLSPAN=2 ALIGN="left" VALIGN="top">[contenido no disponible]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD></TD>
<TD WIDTH=158 COLSPAN=2><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Fotos trabajos realizados</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Presupuestos</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Contácto</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Text Link 4</FONT></TD>
</TR>
<TD></TD>
<TR VALIGN="top" ALIGN="left">
<TD HEIGHT =176></TD>
<TD WIDTH=272> [contenido no disponible]</TD>
<TD></TD>
<TD WIDTH=272 COLSPAN=2> [contenido no disponible]</TD>
<TD></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=6 HEIGHT =37></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=4></TD>
<TD WIDTH=234><P ALIGN="RIGHT"><FONT SIZE="-2" FACE="Arial,Helvetica">#</FONT><FONT SIZE="-2" FACE="Arial,Helvetica"></FONT></TD>
<TD></TD>
</TR>
</body>
</html>
3º
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Contacto</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<BODY BACKGROUND="./objetos/images/fonfo.gif" LINK="#0000FF" VLINK="#800080" TEXT="#000000" onload="if((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)=='3') && (navigator.appVersion.indexOf('Win')+navigator.appVersion.indexOf('Mac')!=-2)) document.bgColor=document.bgColor;" topmargin="0" leftmargin="0" >
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=775>
<TR VALIGN="top" ALIGN="left">
<TD>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=187>
<TR VALIGN="top" ALIGN="left">
<TD WIDTH=9 HEIGHT =13>[contenido no disponible]</TD>
<TD WIDTH=20>[contenido no disponible]</TD>
<TD WIDTH=138>[contenido no disponible]</TD>
<TD WIDTH=20>[contenido no disponible]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=2 HEIGHT =131></TD>
<TD WIDTH=158 COLSPAN=2 ALIGN="left" VALIGN="top">[contenido no disponible]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD></TD>
<TD WIDTH=158 COLSPAN=2><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Fotos trabajos realizados</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Presupuestos</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Contácto</FONT><FONT COLOR="#FFFF00" FACE="Arial,Helvetica"></FONT></P><P ALIGN="CENTER"><FONT COLOR="#FFFF00" FACE="Arial,Helvetica">Text Link 4</FONT></TD>
<TD></TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=4 HEIGHT =98></TD>
</TR>
</TABLE>
</TD>
<h1><p class="centrado">MC</p></h1>
<p class="centrado">Móvil: 619
Telf: (93)</p>
<p class="centrado">[correo eliminado]</p>
</body>
</html>
4º
body {text-align: center }
img {border-style: none}
.centrado {text-align:center }
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
.desplegable { font: italic bold 12px ;
background-color: blue ;
color: white ; }