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.app Version.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>[img]./objetos/images/dot_clear.gif[/img]</TD>
<TD WIDTH=20>[img]./objetos/images/dot_clear.gif[/img]</TD>
<TD WIDTH=138>[img]./objetos/images/dot_clear.gif[/img]</TD>
<TD WIDTH=20>[img]./objetos/images/dot_clear.gif[/img]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=2 HEIGHT =131></TD>
<TD WIDTH=158 COLSPAN=2 ALIGN="left" VALIGN="top">[img]./objetos/images/logoexample.gif[/img]</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>[img]./objetos/images/dot_clear.gif[/img]</TD>
<TD WIDTH=247>[img]./objetos/images/dot_clear.gif[/img]</TD>
<TD WIDTH=6>[img]./objetos/images/dot_clear.gif[/img]</TD>
<TD WIDTH=38>[img]./objetos/images/dot_clear.gif[/img]</TD>
<TD WIDTH=234>[img]./objetos/images/dot_clear.gif[/img]</TD>
<TD WIDTH=16>[img]./objetos/images/dot_clear.gif[/img]</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> [img]./objetos/auto_generated_images/img_470092c2.gif[/img]</TD>
<TD></TD>
<TD WIDTH=272 COLSPAN=2> [img]./objetos/auto_generated_images/img_4721eee3.gif[/img]</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.app Version.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>[img]./objetos/images/dot_clear.gif[/img]</TD>
<TD WIDTH=20>[img]./objetos/images/dot_clear.gif[/img]</TD>
<TD WIDTH=138>[img]./objetos/images/dot_clear.gif[/img]</TD>
<TD WIDTH=20>[img]./objetos/images/dot_clear.gif[/img]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=2 HEIGHT =131></TD>
<TD WIDTH=158 COLSPAN=2 ALIGN="left" VALIGN="top">[img]./objetos/images/logoexample.gif[/img]</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> [img]./objetos/.gif[/img]</TD>
<TD></TD>
<TD WIDTH=272 COLSPAN=2> [img]./objetos/.gif[/img]</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.app Version.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>[img]./objetos/images/dot_clear.gif[/img]</TD>
<TD WIDTH=20>[img]./objetos/images/dot_clear.gif[/img]</TD>
<TD WIDTH=138>[img]./objetos/images/dot_clear.gif[/img]</TD>
<TD WIDTH=20>[img]./objetos/images/dot_clear.gif[/img]</TD>
</TR>
<TR VALIGN="top" ALIGN="left">
<TD COLSPAN=2 HEIGHT =131></TD>
<TD WIDTH=158 COLSPAN=2 ALIGN="left" VALIGN="top">[img]./objetos/images/logoexample.gif[/img]</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">mcc3_7@hotmail.com</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 ; }



</A>
Citar


Marcadores