Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje08-03-2009, 09:25 (UTC)    
Título del mensaje: posición de banner en opera

hola a todos!! tengo un problemilla, os agradecería mucho que alguien me ayudara.

he decidido cambiar mi banner por uno aleatorio de las mismas medidas (922x 230) así que he puesto este código para "anular" el anterior banner conservando las medidas (para que me dejara el espacio exacto para el nuevo banner)


Código:
<style type="text/css">
<!--
td.edit_header_full{background-image:url(http://img8.imageshack.us/img8/3092/922230.png);background-color:;height:230px;}
--></style>


Nota: la imagen que aparece es un png de las mismas medidas que pone "cargando"

y para situar el nuevo banner aleatorio he puesto este:

Código:
<div style="position:absolute;left:0px;top:20px;">

<!-- Inicio del Script de la imagen de Cabecera -->

<center>
<br><br>
<script language="JavaScript">
<!--

/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
Over 400+ free JavaScripts here!
Keep this notice intact please
*/

function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="http://img8.imageshack.us/img8/9302/banner2t.png"
myimages[2]="http://img8.imageshack.us/img8/6555/banner3aleatorio.png"
myimages[3]="http://img22.imageshack.us/img22/1910/banner4aleatoriow.png"
myimages[4]="http://img10.imageshack.us/img10/1671/bannersegundaversinmsclwt8.png"
myimages[5]="http://img24.imageshack.us/img24/2187/banner5aleatoriocopia.png"
myimages[6]="http://img24.imageshack.us/img24/9527/banner6aleatoriocopia.png"
myimages[7]="http://img5.imageshack.us/img5/963/banner7aleatoriocopia1.png"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}
random_imglink()
//-->
</script>
</center>

<!-- Fin del Script de la imagen de Cabecera -->
</div>


En Internet explorer va de maravilla, si el banner tarda en cargar me aparece el "cargando" y más tarde ya sale el banner bien colocado



Sin embargo ayer entré desde opera y hay dos problemas; que el banner predeterminado de ice blue se ve por debajo del fondo transparente del banner, y lo peor, me tapa parte del cuerpo de la web....



¿He puesto algo mal? ¿Se puede arreglar?

Al principio suprimí por completo el banner anterior (dejé la url vacía y mantuve los 230) pero en opera me seguía apareciendo el predeterminado. así que se me ocurrió hacer la imagen de cargando con las mismas medidas, pero no dio resultado.

espero que me haya explicado, y muchas gracias!!!


Ultima edición por ninjaarts el Dom Mar 08, 2009 5:31 am; editado 1 vez
Mensaje08-03-2009, 09:41 (UTC)    
Título del mensaje:

Hola,
en 1º punto los navegadores interpretan los codes de distinta manera y especialmente las coordenadas. En 2º lugar se recomienda navegar con IE y Mozilla Firefox.
Una posible solución sería ocultar el encabezado iceblue y colocar el cabezal en "Texto por encima de la página", pero quedaría un espacio y la publicidad por debajo del banner...

Salu2!
Mensaje08-03-2009, 09:47 (UTC)    
Título del mensaje:

gracias tokarg!

al principio lo tenía por encima de la publicidadd, pero no me gustaba nada, hasta que encontré cómo ponerlo justo encima del menú... pero ayer de casualidad entré desde opera... (ya que uso Internet explorer siempre) y queda fatal!!

supongo que pondré algún mensaje de aviso que puede dar fallo desde opera... es que no me convence nada la publicidad separando el banner del cuerpo, (ya que los diseñé ya como si fueran unidos)

pero gracias!
Mensaje08-03-2009, 09:54 (UTC)    
Título del mensaje:

Si es que ahora que veo en Mozilla también se ve como en Ópera..
Prueba esto. Quita el código del encabezado flotante que usas y pega este en "Texto por encima de la página":
Código:
<style type="text/css">
td.edit_header_full{background-image:url(http://img8.imageshack.us/img8/9302/banner2t.png);background-color:;height:230px;}
</style>


Salu2!
Mensaje08-03-2009, 10:07 (UTC)    
Título del mensaje:

no me ha dado resultado...

pero ahora tengo otra duda, ¿es posible que el fallo esté en haber colocado el código del banner aleatorio por encima de la página?

Código:
<div style="position:absolute;left:0px;top:20px;">

<!-- Inicio del Script de la imagen de Cabecera -->

<center>
<br><br>
<script language="JavaScript">
<!--

/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
Over 400+ free JavaScripts here!
Keep this notice intact please
*/

function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="http://img8.imageshack.us/img8/9302/banner2t.png"
myimages[2]="http://img8.imageshack.us/img8/6555/banner3aleatorio.png"
myimages[3]="http://img22.imageshack.us/img22/1910/banner4aleatoriow.png"
myimages[4]="http://img10.imageshack.us/img10/1671/bannersegundaversinmsclwt8.png"
myimages[5]="http://img24.imageshack.us/img24/2187/banner5aleatoriocopia.png"
myimages[6]="http://img24.imageshack.us/img24/9527/banner6aleatoriocopia.png"
myimages[7]="http://img5.imageshack.us/img5/963/banner7aleatoriocopia1.png"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}
random_imglink()
//-->
</script>
</center>

<!-- Fin del Script de la imagen de Cabecera -->
</div>
Mensaje08-03-2009, 10:11 (UTC)    
Título del mensaje:

No ese no es el problema, ya que el código tiene asignado aparecer en una cierta coordenada...
Que ha sucedido cuando colocaste el code que te he dado?

Salu2!
Mensaje08-03-2009, 10:15 (UTC)    
Título del mensaje:

sólo me aparecía el contador de visitas... y lo único que quité fue el code del banner de atrás....(el de cargando) y puse el que tú me diste

en total en texto por encima de la página tengo estes codes

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:/www.w3.org/1999/xhtml">
<div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">


<style type="text/css">

<!--

body{background-image:url(http://i40.tinypic.com/flvya.jpg);background-attachment: fixed}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url();background-color:#;}
td.edit_rechts_sbg{visibility:hidden;background-color:#;}
td.edit_rechts_cbg{background-image: url();background-color:#;}
td.edit_rb_footer{background-image:url();background-color:#;}
td.edit_rechts_bottom{background-image: url();background-color:#;}
td.edit_content_bottom:hover{background-image:url();background-color:#;}

<style type="text/css">
<!--
td.edit_header_full{background-image:url(http://img8.imageshack.us/img8/3092/922230.png);background-color:;height:230px;}
--></style>



<div style="position:absolute;left:0px;top:20px;">

<!-- Inicio del Script de la imagen de Cabecera -->

<center>
<br><br>
<script language="JavaScript">
<!--

/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
Over 400+ free JavaScripts here!
Keep this notice intact please
*/

function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="http://img8.imageshack.us/img8/9302/banner2t.png"
myimages[2]="http://img8.imageshack.us/img8/6555/banner3aleatorio.png"
myimages[3]="http://img22.imageshack.us/img22/1910/banner4aleatoriow.png"
myimages[4]="http://img10.imageshack.us/img10/1671/bannersegundaversinmsclwt8.png"
myimages[5]="http://img24.imageshack.us/img24/2187/banner5aleatoriocopia.png"
myimages[6]="http://img24.imageshack.us/img24/9527/banner6aleatoriocopia.png"
myimages[7]="http://img5.imageshack.us/img5/963/banner7aleatoriocopia1.png"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}
random_imglink()
//-->
</script>
</center>

<!-- Fin del Script de la imagen de Cabecera -->
</div>



Ultima edición por ninjaarts el Dom Mar 08, 2009 6:19 am; editado 1 vez
Mensaje08-03-2009, 10:18 (UTC)    
Título del mensaje:

Prueba reemplazándolo por este (hazte una copia en bloc de notas para no perder codes):
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:/www.w3.org/1999/xhtml">
<div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">


<style type="text/css">
body{background-image:url(http://i40.tinypic.com/flvya.jpg);background-attachment: fixed;}
td.edit_header_full{background-image:url(http://img8.imageshack.us/img8/3092/922230.png);background-color:;height:230px;}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url();background-color:#;}
td.edit_rechts_sbg{visibility:hidden;background-color:#;}
td.edit_rechts_cbg{background-image: url();background-color:#;}
td.edit_rb_footer{background-image:url();background-color:#;}
td.edit_rechts_bottom{background-image: url();background-color:#;}
td.edit_content_bottom:hover{background-image:url();background-color:#;}
<style/>


Salu2!
Mensaje08-03-2009, 10:24 (UTC)    
Título del mensaje:

algo mal tengo que estar haciendo... he quitado todo lo de encima de la página y puse el tuyo y sólo se me ve el contador de visitas (y los objetos flotantes que hay debajo del menú....) igual que antes...
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group