Iframe que siga extendiendose horizontalmente.!

jonathanjavier · #1 (**permalink**) 14/08/2006, 13:34

Hola! bueno deseo hacer un pequeño menu, en un iframe horizontal, con muchas imagenes una al lado de la otra pero llega a su limite y las imagenes saltan de renglón.

¿Cómo puedo hacer para que siga de largo y haya que avanzar con la barra de desplazamiento?

graxias

fer10 · #2 (**permalink**) 14/08/2006, 13:35

metelo a una div o tabla con una posicion definida de width (no el iframe ) sino el contenido donde estan las imagenes.

jonathanjavier · #3 (**permalink**) 16/08/2006, 19:08

No comprendo!!

mira te dejo el código del iframe que tengo insertado:

Código HTML:

<iframe name="I1" width="595" height="81" src="menu.htm" align="center" border="0" frameborder="0" scrolling="yes" marginwidth="20">
	El explorador no admite los marcos flotantes o no está configurado actualmente para mostrarlos.
	</iframe>

No sé mucho de HTML, uso Frontpage.

Un ejemplo de lo que estoy intentando hacer se encuentra en esta poágina: http://www.enricofantoni.com/photos/index.php?p=2&r=16# fijate abajo en el menu de las miniaturas, pero ahi lo tiene en JAVASCRIPT..

desde ya muchas graxias necesito la ayuda

saludos

fer10 · #4 (**permalink**) 16/08/2006, 22:13

en primera la de ellos no es un iframe es una div

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">

<head>
<title>Untitled</title>
</head>

<body>

<div style="overflow-x:auto;overflow-y:auto;height:40px;width:300px;">
<div style="width:600px;">
<p>asdsad as dasds adsa dsa ds ad as dsa d a ds ad asdsa</p>
</div>
</div>
</body>
</html>

y listo

jonathanjavier · #5 (**permalink**) 17/08/2006, 18:50

igual!!!! cuando llega al limite la imagen se va para abajoooo!!

que puedo hacer!!!!????

fer10 · #6 (**permalink**) 17/08/2006, 22:03

amigo para que no te quiebres la cabeza ve el codigo fuente y busca esta linea

Cita:

</div></div><div class="navtext"><a href="JavaScript: newWindow = openWin( 'reportagetext.php?id=16','asd'); newWindow.focus();"><img src="../img/pop.gif" alt="Testo completo" title="Testo completo" width="20" height="20" border="0"></a><a href="#" onMouseDown="sposta(-10,'main-text')" onMouseUp="clearInterval(interval_ID)" onMouseOut="stoppa()"><img src="../img/up.gif" alt="Scorri testo" title="Scorri testo" width="17" height="20" border="0"></a><a href="#" onMouseDown="sposta(10,'main-text')" onMouseUp="clearInterval(interval_ID)" onMouseOut="stoppa()"><img src="../img/down.gif" alt="Scorri testo" title="Scorri testo" width="17" height="20" border="0"></a></div><div style="clear:left;font-size:0px;"></div><div id="thumb-line"><div style="width:2156px;"><div class="cont"><a hre style="clea

como podras observar ellos le puserion el width..

y si tus imagnes son variadas y te pregutnas como lo hacen multiplican lo que mide imagen * la cantidad y colocan el width. (con un lenguaje de servidor)

nota: es la linea 155

jonathanjavier · #7 (**permalink**) 18/08/2006, 11:26

aver a ver amigo espero no serte pesado xD pero tal vez asi nos entendamos mejor.. y me des una ayudita más puntual..

con el ultimo codigo que vos me pasaste la pagina estaría quedando asi:

ves como el cuadro que está abajo pasa una foto para la parte inferior? para otro renglon.

lo que yo quiero es que siga de largo

y que la barra de desplazamiento lateral desaparezca

como tendría que hacer?

desde ya muchisimas graxias, te agradezco de verdad.

fer10 · #8 (**permalink**) 18/08/2006, 12:01

cambia tu codigo por este:

Código:

linea 93 <div style="overflow: auto; height:103px; width: 600px;">
linea 94 <div style="width: 640px; height: 66px;">

jonathanjavier · #9 (**permalink**) 19/08/2006, 22:57

mil graciassssss!!!!!!!!!!!!!