Problemilla con navegadores...

[Desenho]

Hola amig@s...
he estado buscando por ahi para evitaros la molestia pero no he encontrado nada referente a mi problema.

El tema es que tengo en mi sitio algunos textos con 'highlight' poniendo 'background-color' en una etiqueta <font/> pero ciertos navegadores como el explorer y el Chrome no se me visualiza, lo raro es que solo en un elemento (javascript aleatorio de frases que tengo en la home), la mismapropiedad en el resto de textos si que se ven en el mismo navegador, es un poco raro y querria saber si lo entendeis y le veis alguna solucón.

y tambien tengo un iframe con un blog en la home, e internet explorer me crea ua especie de trasparencia encima, saben porque?

un saludo y gracias de antemano...

que no se me olvide, les dejo el lik a la web...
[URL="http://www.49k.es/"]49k.es[/URL]

mil gracias de nuevo.

[ArturoGallegos]

la etiqueta <font> ya esta en desuso desde hace mucho tiempo cambiala por un <span>

[Desenho]

muchas gracias ag666, la cosa es que incluso cambiando las font por span sigo teniendo el mismo problema...porque puede ser? porque el unico navegador queme interpreta bien ese codigo es el firefox, el resto nada de nada, pero ninguno, y solamente me pasa en las clases de span de ese elemento javascript de alatorio, en el resto de span's si le leen las clases en tooodos los navegadores.


que pasaaaaaaa?! _)

[Anotadorcom]

Hola Desenho. Mira, creo que tu problema no es el "font", sino más bien la separación de la estructura del sitio (html) del diseño (css). Deberías ponerte con css y verás que sencillo se hace la programación.
Por otro lado, cuando tengas tu archivo css listo, busca en google, como resetear los estilos de los navegadores.
Sin ser un crítico, creo que tu sitio tarda un poco en cargarse y tiene sonido (el sonido no suele ser bueno, ya que hay gente que navega y no quiere ser descubierta).
Saludos.

[Desenho]

Pues la verdad esque hasta ahora no tenia ni idea de que pudieramos resetear los css de los navegadores, he estado informandome desde que me contestaste pero tengo una dudilla, esos estilos que ofrecen para resetear, los adjunto como hoja de estilos aparte de la mia, es decir , tengo 2 hojas vinculadas a mi html o a partir de esa hoja de estilos tengo que construir la mia?


de momento he hecho un 'apaño' rapido y sigo sin visualizar ese 'maldito' span en el javascript de la home!!!!...seguiré


gracias por tu opinion, nunca está de más..estamos tratando de hacer el sitio lo mas accesible posible, pero siempre se escapan un monton de cosas, en cuanto al audio, en principio era lo que se pretendia, que fuera un sobresalto, se que es molesto para mucha gente (yo nos lo han dicho, haremos que no se reproduzca al arrancar seguramente...

gracias por tu respuesta, voy a ver si me aclaro con el tema de resetear los css.

un saludo

[Desenho]

pues no consigo solucionar el problema...

saben si hay algun modo de subrayar el texto sin tener que meter el contenido que quiero subrayar (javascript aleatorio de frases) en una etiqueta <span> o <font> y darle stylo background-color?

hay algun otro metodo para conseguir ese efecto?
muchas gracias

[emprear]

Aplicado a tu script de frases aleatorias, cierra bien los tags y aplica css como sigue, funciona en todas partes. Te puede dar una idea de como hacerl oen el resto de los elementos, el tag font eliminalo...

Código HTML:

<style>
#frases dd {
background-color: cyan;
}
#frases dt {
background-color: pink;
}
#frases {
width: 400px;
height: auto;
}
 
</style>    
 
<div id="frases">
<script language="JavaScript">
//store the quotations in arrays
 
quotes = new Array(8);
authors = new Array(8);
quotes[0] = "Puedes participar con cualquier idea, cualquier proyecto, queremos que sea un concurso universitario para todos los universitarios.";
authors[0] = "";
quotes[1] = "49K es la oportunidad de convertirte en tu propio jefe."
authors[1] = "¿Aceptas el reto?";
quotes[2] = "El jurado estará formado por emprendedores de éxito, directivos de empresas de reciente creación e inversores.";
authors[2] = "¿Vas a dejar pasar esta oportunidad?";
quotes[3] = "Premios valorados en 49.000€";
authors[3] = "Infórmate de todo en las bases del concurso.";
quotes[4] = "Garantizamos la confidencialidad de los datos facilitados por los usuarios";
authors[4] = "De acuerdo con la legislación sobre protección de datos.";
quotes[5] = "Visita nuestra sección de preguntas y respuestas frecuentes (faq)";
authors[5] = "(+ dudas: [email protected])";
quotes[6] = "49k: El concurso de las ideas que se quieren convertir en realidad.";
authors[6] = "";
quotes[7] = "Sigue todas nuestras novedades en nuestras redes sociales y canales.";
authors[7] = "";
quotes[8] = "Cambia la forma en la que ves el mundo.";
authors[8] = "";
 
//calculate a random index
 
index = Math.floor(Math.random() * quotes.length);
 
//display the quotation
 
document.write("<dl>\n");
document.write("<dt><i>" + "\"" + quotes[index] + "\"\n</i></dt>");
document.write("<dd>" + "" + authors[index] + "</dd>\n");
document.write("</dl>\n");
//done
 
</script>
</div>
 

Saludos

[Desenho]

siii, funciona y en todos los navegadores! solo que el color de fondo no se ajusta la longitud del texto, pinta el fondo entero de la caja, segun el tamaño del div...
queremos que subraye solo el texto, que el color se ajuste al texto.

es una buena solucion pero no es exactamente el mismo resultado.
muchsimas gracias, por otra parte me has aclarado como referenciar en los estilos los diferentes tipos de frase que hay en el script, eso ha sido genial. gracias. :)


se te ocurre otra solucion?...mira, me he fijado que en el script superior de la web, en la (cuenta atras) hemos obtenido el resultado que queriamos asi:

BackColor = "#e00073";
ForeColor = "white";
poniendolo dentro del <script>

pero al intentarlo en este script de frases no lo consigo, poruqe?!

un saludo, y gracias de nuevo!

[emprear]

te estas complicando,, te modifico por esto


el css

Código CSS:

<style type="text/css">
.autor {
background-color: cyan;
}
.frase {
background-color: pink;
font-style: italic;
}
#frases {
width: 400px;
height: auto;
}
 
</style>
 

y en la parte de la script

Código Javascript:

document.write("<span class='frase'>«" + quotes[index] + "»</span><br />\n");
document.write("<span class='autor'>" + authors[index] + "</span>\n");
 

ahora a los span les dan el formato que desees con el css

Saludos