Foros del Web » Creando para Internet » CSS »

Opera no responde tan bien como dicen

Estas en el tema de Opera no responde tan bien como dicen en el foro de CSS en Foros del Web. Estoy haciendo una pequeña sombra en un título. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original #curso { border : 1px solid tan ; width : 245px ...
  #1 (permalink)  
Antiguo 28/02/2010, 17:38
 
Fecha de Ingreso: julio-2009
Mensajes: 74
Antigüedad: 8 años, 5 meses
Puntos: 2
Opera no responde tan bien como dicen

Estoy haciendo una pequeña sombra en un título.
Código CSS:
Ver original
  1. #curso {border: 1px solid tan;
  2. width: 245px;
  3.     color: #800000;
  4. line-height: 1.4em;
  5. float: left;
  6. margin: 0 auto;
  7. position: relative;
  8. }
  9.  
  10. .nombre {
  11. padding-bottom: 0.1em;
  12.     font-size: 1.5em;
  13.     font-weight: bold;
  14.     color: #ec863a; /* 800000 */  /* #9b700b */
  15.     text-align: left;
  16.     border-bottom: 1px solid #800000!important;
  17.     margin-bottom: 0.5em;
  18.     position: relative;
  19.     top: 0px;
  20. right: 0px;
  21.         z-index: 1;
  22.    
  23. }
  24.  
  25. .sombranombre { border: 1px solid aqua;
  26.     font-size: 1.5em;
  27.     font-weight: bold;
  28.     color: #800000;  /* #f4b31a; */
  29.     border-bottom: 0px solid #f4b31a;
  30.     margin-bottom: 0.5em;
  31.     position: absolute;
  32. top: 1px;
  33. right: 2px;
  34. z-index: 0;
  35. }

Código HTML:
Ver original
  1. <div id="curso">
  2.  
  3. <p class="nombre" >Curso primero</p>
  4. <p class="sombranombre" >Curso primero</p>
  5.  
  6.  
  7. </div>

Todo está correcto. Reponde en todos los navegadores (IE, Mozilla, Crome, Safari)menos en Opera. Había oído que Opera era excepcional. Pues parece que menos excepcional.
En esto tiene un grave problema.
Para concretar. La position: absolute (con top:0px y left:0px )debería estar en la esquina superior izquierda de cursos. Y Opera lo pone donde le parece bien.
--> ¿Alguien sabe cómo resolverlo?

Gracias de antemano.
Caminantejm

Última edición por Caminantejm; 28/02/2010 a las 18:00
  #2 (permalink)  
Antiguo 28/02/2010, 20:04
Avatar de Tecna  
Fecha de Ingreso: enero-2010
Mensajes: 291
Antigüedad: 7 años, 11 meses
Puntos: 45
Respuesta: Opera no responde tan bien como dicen

Buenas,

el código que has puesto yo lo veo igual de mal colocado con firefox y con opera, pero si cambio la propiedad de la linea 33 por left lo veo bien en los dos.

Opera es un muy buen navegador, muy rápido, y que mucha gente usa, también en otros dispositivos como consolas o móviles, de los primeros en pasar el acid3 y en dar soporte a los selectores css3, se puede comprobar aquí:

http://tools.css3.info/selectors-test/test.html

y aqui:

http://acid3.acidtests.org/

Por otro lado yo te aconsejaría no sacrificar el contenido por el diseño, incluir 3 elementos sólo para dar un efecto de sombra no es muy aconsejable, además si no dispones de css verías dos textos con el mismo contenido. Si como parece es un título, lo correcto sería usar las etiquetas <h1>, <h2>.. en función de la profundidad de la estructura del documento y así siempre tendrás un documento estructurado correctamente.
  #3 (permalink)  
Antiguo 01/03/2010, 04:01
 
Fecha de Ingreso: julio-2009
Mensajes: 74
Antigüedad: 8 años, 5 meses
Puntos: 2
Respuesta: Opera no responde tan bien como dicen

Gracias Tecna.

Efectivamente, funciona bien ya.
1. ¿Por qué lo hice así? Porque en las innumerables vueltas que he dado buscando interpretar position -y te aseguro que han sido muchas horas- vi que también se podía "posicionar" desde right. Ya veo que, aunque los cuatro navegadores lo soporten, no debe ser la norma. Gracias.
2.- Tienes razón con las simplicidad del texto, pero creía que podía ser original y bueno. Es más, que css está para dar más posibilidades en el diseño. Mi objetivo era el detalle de una pequeña sombra.
Yo supongo que todos los navegadores soportarán css.
En fin, si me dices que no es muy profesional lo abandonaré el efecto.

Gracias de nuevo.
Caminantejm
  #4 (permalink)  
Antiguo 03/03/2010, 09:45
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 3 meses
Puntos: 48
Respuesta: Opera no responde tan bien como dicen

opera ya implementa box-shadow y text-shadow
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]

Etiquetas: dicen, opera, responde
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 04:47.