Foros del Web » Creando para Internet » HTML »

hacer un frame en medio de una pagina

Estas en el tema de hacer un frame en medio de una pagina en el foro de HTML en Foros del Web. Hola!! Una pregunta, quisiera saber si se puede hacer por html. Miren yo diseñe una pagina en fireworks, y luego la exporte en html. Al ...
  #1 (permalink)  
Antiguo 20/05/2005, 10:12
 
Fecha de Ingreso: diciembre-2001
Ubicación: Peru
Mensajes: 368
Antigüedad: 16 años
Puntos: 0
hacer un frame en medio de una pagina

Hola!!
Una pregunta, quisiera saber si se puede hacer por html.
Miren yo diseñe una pagina en fireworks, y luego la exporte en html.

Al exportarse la pagina a html, todo queda como un rompecabezas de jpg.
Ahora imaginense mi pagina como muchos jpgs juntos y yo quiero que justo en el medio pueda poner un frame en el espacio que ocupa un jpg (obvio que la pagina a meter alli es del mismo tamaño que el jpg.

Es posible hacer eso??? yo quiero esto por que quiero meter texto y no quiero tener que hacer una paginanueva cuando el texto tenga que cambiar, solo quiero que haya un scroll.
Ojala y me puedan ayudar.
Muchas gracias
  #2 (permalink)  
Antiguo 20/05/2005, 10:35
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
Hacer una página web desde cero: aprendes lo que es una página web
HTML a Fondo: un muy buen manual para aprender html.

Lee los dos y usa las hojas de estilo en vez de las tablas ;)

Aunque si de plano quieres tener ese rompecabezas como página web, pues pasa el código para ver como quedó y ya acá vemos como lo acomodamos.

Saludos
  #3 (permalink)  
Antiguo 20/05/2005, 10:39
 
Fecha de Ingreso: diciembre-2001
Ubicación: Peru
Mensajes: 368
Antigüedad: 16 años
Puntos: 0
Bueno aqui te paso el codigo...



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">

DIV {width:80%;margin:auto;}

</style>
<title>Prueba.jpg</title>
<meta http-equiv="Content-Type" content="text/html;">
<!-- Fireworks MX Dreamweaver MX target. Created Tue May 10 16:15:59 GMT-0500 (Hora est. del Pacífico de SA) 2005-->

<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->
</script>
</head>
<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" bottommargin="0" rightmargin="0" bgcolor="#e56035" onLoad="MM_preloadImages('Prueba_r3_c2_f2.jpg','Pr ueba_r2_c9_f2.jpg','Prueba_r5_c3_f3.jpg','Prueba_r 2_c9_f3.jpg','Prueba_r7_c5_f4.jpg','Prueba_r2_c9_f 4.jpg','Prueba_r8_c7_f5.jpg','Prueba_r2_c9_f5.jpg' );" >
<table border="0" width="100%">
<tr>
<td width="100%" height="400">&nbsp;
<div>

<table border="0" cellpadding="0" cellspacing="0" width="751">
<!-- fwtable fwsrc="Principal1.png" fwbase="Prueba.jpg" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="43" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="38" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="36" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="12" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="37" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="21" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="38" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="58" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="209" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="259" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>

<tr>
<td colspan="10"><img name="Prueba_r1_c1" src="Prueba_r1_c1.jpg" width="751" height="173" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="173" border="0" alt=""></td>
</tr>
<tr>
<td colspan="8"><img name="Prueba_r2_c1" src="Prueba_r2_c1.jpg" width="283" height="47" border="0" alt=""></td>
<td><img name="Prueba_r2_c9" src="Prueba_r2_c9.jpg" width="209" height="47" border="0" alt=""></td>
<td rowspan="8"><img name="Prueba_r2_c10" src="Prueba_r2_c10.jpg" width="259" height="247" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="47" border="0" alt=""></td>
</tr>
<tr>
<td rowspan="7"><img name="Prueba_r3_c1" src="Prueba_r3_c1.jpg" width="43" height="200" border="0" alt=""></td>
<td><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('Prueba_r3_c2','','Prueb a_r3_c2_f2.jpg','Prueba_r2_c9','','Prueba_r2_c9_f2 .jpg',1);"><img name="Prueba_r3_c2" src="Prueba_r3_c2.jpg" width="38" height="37" border="0" alt=""></a></td>
<td rowspan="2" colspan="7"><img name="Prueba_r3_c3" src="Prueba_r3_c3.jpg" width="411" height="50" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="37" border="0" alt=""></td>
</tr>
<tr>
<td rowspan="6"><img name="Prueba_r4_c2" src="Prueba_r4_c2.jpg" width="38" height="163" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="13" border="0" alt=""></td>
</tr>
<tr>
<td><a href="/MonicaWeb/Pagina/Productos.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('Prueba_r5_c3','','Prueb a_r5_c3_f3.jpg','Prueba_r2_c9','','Prueba_r2_c9_f3 .jpg',1);" target="_self"><img name="Prueba_r5_c3" src="Prueba_r5_c3.jpg" width="36" height="36" border="0" alt=""></a></td>
<td rowspan="2" colspan="6"><img name="Prueba_r5_c4" src="Prueba_r5_c4.jpg" width="375" height="43" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="36" border="0" alt=""></td>
</tr>
<tr>
<td rowspan="4"><img name="Prueba_r6_c3" src="Prueba_r6_c3.jpg" width="36" height="114" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="7" border="0" alt=""></td>
</tr>
<tr>
<td rowspan="3"><img name="Prueba_r7_c4" src="Prueba_r7_c4.jpg" width="12" height="107" border="0" alt=""></td>
<td><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('Prueba_r7_c5','','Prueb a_r7_c5_f4.jpg','Prueba_r2_c9','','Prueba_r2_c9_f4 .jpg',1);"><img name="Prueba_r7_c5" src="Prueba_r7_c5.jpg" width="37" height="37" border="0" alt=""></a></td>
<td colspan="4"><img name="Prueba_r7_c6" src="Prueba_r7_c6.jpg" width="326" height="37" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="37" border="0" alt=""></td>
</tr>
<tr>
<td rowspan="2" colspan="2"><img name="Prueba_r8_c5" src="Prueba_r8_c5.jpg" width="58" height="70" border="0" alt=""></td>
<td><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('Prueba_r8_c7','','Prueb a_r8_c7_f5.jpg','Prueba_r2_c9','','Prueba_r2_c9_f5 .jpg',1);"><img name="Prueba_r8_c7" src="Prueba_r8_c7.jpg" width="38" height="36" border="0" alt=""></a></td>
<td rowspan="2" colspan="2"><img name="Prueba_r8_c8" src="Prueba_r8_c8.jpg" width="267" height="70" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="36" border="0" alt=""></td>
</tr>
<tr>
<td><img name="Prueba_r9_c7" src="Prueba_r9_c7.jpg" width="38" height="34" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="34" border="0" alt=""></td>
</tr>
</table>
</div>

</td>
</tr>
</table>
</body>
</html>
  #4 (permalink)  
Antiguo 20/05/2005, 10:42
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
anda la osa!!! me quiero volver chango!!!

y no la has subido a algun servidor??? para poder verla...
  #5 (permalink)  
Antiguo 20/05/2005, 11:26
 
Fecha de Ingreso: diciembre-2001
Ubicación: Peru
Mensajes: 368
Antigüedad: 16 años
Puntos: 0
YA LA CUELGO DEL SERVIDOR DE MI CHAMBA PERO SOLO POR HOY SI NO SE DAN CUENTA JIIJ


http://www.vbgsistemas.com/Pagina/Prueba.htm


mira cuando pasa por los botones sale que es cada boton(ojo aun no llevan a nada) ...ahora eso lo voy a quitar, mas bien en la parte central blanca alli quiero meter un frame, para que haya un scroll..no se si me entiendes la idea..
Gracias
  #6 (permalink)  
Antiguo 21/05/2005, 01:56
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
jeje... pos sinceramente te digo, leete esos manuales, porque para empezar, tarda mucho en cargarse, es una imagen embebido de etiquetas <table>..

saludos
  #7 (permalink)  
Antiguo 21/05/2005, 03:34
Avatar de Cain  
Fecha de Ingreso: enero-2002
Ubicación: Catalunya
Mensajes: 6.459
Antigüedad: 15 años, 11 meses
Puntos: 17
Aquí hay un post sobre como centrar bloques verticalmente en un documento (x)html.

A mi me fue muy útil
__________________
M a l d i t o F r i k i
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:44.