joer, de verdad.....
7 seguidores
estoy dandome de leches contra la pantalla.........
a ver, necesito hacer una cosa. Que cosa? Pues esta:
Necesito saber como se hace que un texto en html tenga scroll dentro de una capa. Necesito "diseñar" este scroll, o sea que no me vale el que sale por defecto. Es devir, una imagen para "arriba" y otra imagen para "abajo". Este texto lo tengo que tener dentro de una capa, supongo. La peich esta hecha con frames, y estos frames no tienen scroll, pq no quiero, pero si quiero que el texto lo tenga. Y solo el texto. Las imagenes que meta aparte no.
No se si me explico....El efecto que quiero es como un iframe pero sin frame, o sea, con capas.......
Me entendeis o mexplico mejor???
Asias
molusco
HARTUM
yo despues del nulo exito obtenido en post de la capa flasheante, no contesto ni una duda mas hasta que se me pase la indignacion.
juer. que yo no se como se hace lo que quiereeeeesssss.... si no ya te hubiera ayudaaaooooo......
hartum
yo despues del nulo exito obtenido en post de la capa flasheante, no contesto ni una duda mas hasta que se me pase la indignacion.
molusco
seguro que es una gilipollez, pero no mentero de donde falla.........
tengo el texto, las capas, las funciones....pero no me va el scroll...
os pongo el codigo, a ver si veis que falla, pq yo ya no veo na...
<code>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>OMEGA GESTI&Oacute;N INTEGRAL</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" src="js/scroll.js"></script>
<script>
function mOvr(src,clrOver) {
if (!src.contains(event.fromElement)) {
src.bgColor = clrOver;
}
}
function mOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.bgColor = clrIn;
}
}
</script>
<style type="text/css">
<!--
BODY {
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-FACE-COLOR: #b72727;
SCROLLBAR-HIGHLIGHT-COLOR: #d71c1c;
SCROLLBAR-SHADOW-COLOR: #870000;
SCROLLBAR-3DLIGHT-COLOR: #4444nb4;
SCROLLBAR-TRACK-COLOR: #dddddd;
SCROLLBAR-DARKSHADOW-COLOR: #870000;
cursor: auto;
}
.menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
clip: rect(auto auto auto auto);
}
.menu:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
.menu:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
background-color: #FFCC66;
color: #000066;
}
.general {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000066;
text-decoration: none;
}
.link1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #d71c1c;
text-decoration: none;
}
.link1:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #d71c1c;
text-decoration: none;
}
.link1:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #d71c1c;
text-decoration: underline;
}
-->
</style>
<style type="text/css">
<!--
.link2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #b72727;
text-decoration: none;
}
.link2:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #b72727;
text-decoration: none;
}
.link2:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #b72727;
text-decoration: underline;
}
.link3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0f067d;
text-decoration: none;
}
.link3:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0f067d;
text-decoration: none;
}
.link3:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0f067d;
text-decoration: underline;
}
.link4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #de9700;
text-decoration: none;
}
.link4:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #de9700;
text-decoration: none;
}
.link4:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: de9700;
text-decoration: underline;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="700" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="3" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="imagenes/LOGO.gif" width="198" height="103"></td>
<td bgcolor="#FFD966"><img src="imagenes/transparente.gif" width="502" height="3"></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><table width="198" height="223" border="0" cellpadding="0" cellspacing="1">
<tr>
<td><img src="imagenes/menu_titu.gif" width="198" height="31"></td>
</tr>
<tr>
<td onMouseOver="mOvr(this,'#0f067d');" onMouseOut="mOut(this,'#b72727');" bgcolor="#b72727" >&nbsp;&nbsp;<strong><a href="quienes.asp" target="cen" class="menu">Omega</a></strong></td>
</tr>
<tr>
<td onMouseOver="mOvr(this,'#0f067d');" onMouseOut="mOut(this,'#b72727');" bgcolor="#b72727" >&nbsp;&nbsp;<a href="#" class="menu"><strong>Tipos
de Hipoteca</strong></a></td>
</tr>
<tr>
<td onMouseOver="mOvr(this,'#FF6060');" onMouseOut="mOut(this,'#d71c1c');" bgcolor="#d71c1c" ><table width="90%" border="0" align="right" cellspacing="0">
<tr>
<td><a href="#" class="menu">Hipoteca a tu medida</a></td>
</tr>
</table></td>
</tr>
<tr>
<td onMouseOver="mOvr(this,'#FF6060');" onMouseOut="mOut(this,'#d71c1c');" bgcolor="#d71c1c" ><table width="90%" border="0" align="right" cellspacing="0">
<tr>
<td><a href="#" class="menu">La casa que te puedes
permitir</a></td>
</tr>
</table></td>
</tr>
<tr>
<td onMouseOver="mOvr(this,'#FF6060');" onMouseOut="mOut(this,'#d71c1c');" bgcolor="#d71c1c" ><table width="90%" border="0" align="right" cellspacing="0">
<tr>
<td><a href="#" class="menu">Simulador fiscal</a></td>
</tr>
</table></td>
</tr>
<tr>
<td onMouseOver="mOvr(this,'#FF6060');" onMouseOut="mOut(this,'#d71c1c');" bgcolor="#d71c1c" ><table width="90%" border="0" align="right" cellspacing="0">
<tr>
<td> <a href="#" class="menu">Gastos de compraventa
e hipoteca</a></td>
</tr>
</table></td>
</tr>
<tr>
<td onMouseOver="mOvr(this,'#0f067d');" onMouseOut="mOut(this,'#b72727');" bgcolor="#b72727" >&nbsp;&nbsp;<a href="#" class="menu"><strong>Documentaci&oacute;n
necesaria</strong></a></td>
</tr>
<tr>
<td height="20" bgcolor="#b72727" onMouseOver="mOvr(this,'#0f067d');" onMouseOut="mOut(this,'#b72727');" >&nbsp;&nbsp;<a href="#" class="menu"><strong>Localizaci&oacute;n/contacte</strong></a></td>
</tr>
<tr>
<td onMouseOver="mOvr(this,'#0f067d');" onMouseOut="mOut(this,'#b72727');" bgcolor="#b72727" >&nbsp;&nbsp;<a href="cen.asp" target="cen" class="menu"><strong>Home</strong></a></td>
</tr>
</table></td>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="imagenes/foto_quienes.jpg" width="502" height="223"></td>
</tr>
</table> </td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#FFD966"><img src="imagenes/omega_titu.gif" width="277" height="29"></td>
</tr>
<tr>
<td><DIV id=box style="Z-INDEX: 1; LEFT: 65px; POSITION: absolute; TOP: 75px">
</DIV>
<DIV id=up style="Z-INDEX: 2; LEFT: 601px; CURSOR: pointer; POSITION: absolute; TOP: 398px">
<IMG src="imagenes/flecha3.gif" width="10" height="6"> </DIV>
<DIV id=track style="Z-INDEX: 3; LEFT: 315px; POSITION: absolute; TOP: 95px"></DIV>
<DIV id=drag style="Z-INDEX: 4; LEFT: 315px; CURSOR: pointer; POSITION: absolute; TOP: 95px">
</DIV>
<DIV id=down style="Z-INDEX: 5; LEFT: 601px; CURSOR: pointer; POSITION: absolute; TOP: 440px"><IMG src="imagenes/flecha4.gif" width="10" height="6" > </DIV>
<DIV id=contentMask
style="Z-INDEX: 6; LEFT: 71px; OVERFLOW: hidden; WIDTH: 500px; POSITION: absolute; TOP: 392px; HEIGHT: 130px">
<DIV id=content style="LEFT: 16px; WIDTH: 500px; POSITION: absolute; TOP: 6px">Omega
Gesti&oacute;n Integral, es una empresa creada en 1998 con el
fin de gestionar la obtenci&oacute;n de prestamos hipotecarios
con las principales entidades bancarias:<br>
BBVA, BSCH, CAJA MADRID, BANKINTER, BANCAJA, IBERCAJA... etc.
<p>Los principales pilares de Omega Gesti&oacute;n Integral son:<br>
- Transparencia<br>
- Calidad de servicio<br>
- Rapidez<br>
- Experiencia<br>
- Eficacia </p>
<p>Nuestro objetivo, como corredur&iacute;a hipotecaria, es conseguir
la mejor hipoteca para nuestro cliente, con el consecuente ahorro
de tiempo y dinero.<br>
- El trato de Omega, es totalmente personalizado y transparente.<br>
- Damos viabilidad a la hipoteca en menos de 24 h.<br>
- El cliente tiene en todo momento y de manera continuada toda
la informaci&oacute;n concerniente a la operaci&oacute;n, teniendo
control absoluto sobre ella.<br>
- Seleccionamos, en funci&oacute;n de la zona geogr&aacute;fica
donde se ubique la vivienda o local, la empresa tasadora que
mejores resultados de en la pre-tasaci&oacute;n.<br>
- Solucionamos cualquier traba que pueda existir durante la
gesti&oacute;n del pr&eacute;stamo.<br>
- Ponemos a disposici&oacute;n de nuestros clientes los servicios
de Asesoramiento Hipotecario, Jur&iacute;dico, pre-tasaci&oacute;n
y mensajer&iacute;a<br>
- Actualizamos cada a&ntilde;o la hipoteca del cliente, sin
coste alguno para &eacute;l.<br>
</p>
</DIV>
</DIV></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
</code>
molusco
HARTUM
joooooder borracha un miercoles a las 5:00 de la tarde, que bien vivimos ehhhhhh?
no, no, borracha no, quiza un poco "lenta", pero es que hemos descubierto un sitio cerquita de mi curro donde ponen unos pescaitos fritos que son una delicia, y claro, el pescaito con vinito blanco, jejejeje....y nos hemos plinplao 2 botellas de vino entre cuatro como quien no quiere la cosa. En la terracita, con el sol, la caló...en fins, que se esta mu bien en algunos rinconcitos de madriz....
hartum
joooooder borracha un miercoles a las 5:00 de la tarde, que bien vivimos ehhhhhh?
molusco
a todos por contestar....ya tengo varias maneras de hacerlo.
ahora el reto esta en insertarlo en la wes y que funcione, que por ahora no lo he conseguido...tambien vengo de comer con unos vinitos de mas y claro, mi percepcion no es la misma :D
Muchas graciaaaaaaaassssssss!!!!!!!!!!
albertoromero
Creo que ésto es lo que buscas.
gandalias
Echa un vistazo a este tutorial que creo que esta bastante bien
http://www.htmlweb.net/webscript/capas/scroll_1/scroll_1_texto_1.html
hartum
OOOOOOOOOOOOOOOOOooooooh con las dynlayer.............
y en españo' txuchu txuchucu thxuiiiiiiii tomaaaaa
dagi3d
tambien puedes probar a usar las dynapi, que son una coleccion de funciones en javascript para el manejo de capas y cosas asi y multinavegador. en los ejemplos viene uno que 'scrollea' una pagina que se muestra en una capa con unos botones 'caseros', igual te puede servir:
http://dynapi.sourceforge.net/dynapi/
y tambien te recomendaria poner unos titulos mas explicitos en los posts que abras, que asi se puede saber mejor si se puede echar un cable sin necesidad de entrar :)
molusco
HARTUM
ya hay post de esto pero mira tu correo que te mando un ejemplo.
y los de youngpup tenian uno que era acojonate pero yo aun no lo he entendido, "las cozas que pazan"
Me lo puedes enviar al correo de yahoo?? el otro es de casa y no llego hasta esta tarde........muchas gracias :D
faldis
Necesitas 3 capas::
..visibilidad, con el tamaño k kieras y overflow hidden
..contenido, anidada en visibilidad y todo lo larga que se necesite
..y scroll, donde colocas las dos flechitas de rigor que van programadas para que la capa contenido suba y baje
..y la programación, k ahora no tengo aki
mira en www.fonatari.org en la sección berriak, que es un js [descargado de una página de js de uso libre] con el que puedes poner todos los scroll k kieras en la misma página [o uno solo], pk creo k es eso lo k kieres, no??
De todas maneras, no sé cómo lo leen todos los navegadores_
hartum
ya hay post de esto pero mira tu correo que te mando un ejemplo.
y los de youngpup tenian uno que era acojonate pero yo aun no lo he entendido, "las cozas que pazan"
ikgoru
Si no encuentras la solución con imágenes para "arriba" y "abajo" puedes mirarte esto hay algún ejemplo q con imágenes q lo hace más atractivo (según los gustos claro)
Eso sí, comentó txuma una vez que posteé este enlace que era un poco peligroso, porque utiliza varios divs para ir dándole el diseño, lo cual no encaja con la filosofia xhtml, pero puedes adaptarlo.