Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 02-mar-2006, 06:55   #1 (permalink)
Nateskin está en el buen camino
 
Fecha de Ingreso: noviembre-2002
Mensajes: 260
if else en CSS

hola chicos!

pues mirando tutoriales por internet encontre recursos para hacer IF Y ELSE en CSS.

que seria asi:
Código PHP:
<!--[if lte IE 6]> 
Esto es para una version igual o inferior a internet explorer 6
<!--[else]>
esto es para los demas navegadores.
<![endif]--> 
dentro de estos contenidos (donde los textos explicativos) van las opciones, en mi caso CSS

Código PHP:
<!--[if lte IE 6]> 
<
style type="text/css">
#markUp {
filter:progid:dximagetransform.microsoft.alphaimageloadersrc='images/markup.png'sizingmethod='scale');
}
</
style>
<!--[else]> 
<
style type="text/css">
#markUp {
    
backgroundurl(images/markup.pngno-repeat left top;
}
<![endif]-->
</
style
esto es un ejemplo que estaba haciendo para usar png's transparentes en internet explorer
pero es un poco pesado hacer esto ya que cada vez que incluya un codigo y tenga variante en internet explorer, tengo que abrirlo por separados, y la verdad me gustaria tenerlos todo en una rama
como
Código PHP:
#markUp {
    
position:absolute;
    
visibility:visible;
    
left:0px;
    
top:10px;
    
width:90px;
    
height:128px;
    
z-index:1;
<!--[if 
lte IE 6]> 
<
style type="text/css">
#markUp {
filter:progid:dximagetransform.microsoft.alphaimageloadersrc='images/markup.png'sizingmethod='scale');
}
</
style>
<!--[else]> 
<
style type="text/css">
#markUp {
    
backgroundurl(images/markup.pngno-repeat left top;
}
<![endif]-->
algo parecido.

¿alguien sabria como?

gracias! ^^

Nateskin está desconectado   Responder Citando
Antiguo 02-mar-2006, 09:05   #2 (permalink)
man0l0 ha deshabilitado el karma
 
Fecha de Ingreso: febrero-2006
Mensajes: 114
Parece que me he pasado de copas , porque no he entendido nada de nada, si usas el behavior para pngs transparentes, funciona bien en IE y en Firefox, no tendrías por qué condicionar tu hoja de estilos.


Saludos!
man0l0 está desconectado   Responder Citando
Antiguo 02-mar-2006, 10:13   #3 (permalink)
Nateskin está en el buen camino
 
Fecha de Ingreso: noviembre-2002
Mensajes: 260
pues que pregunto claramente que si ha alguna manera para incluir dentro del CSS (del estilo que edito) cual va para cada navegador.
Nateskin está desconectado   Responder Citando
Antiguo 04-mar-2006, 12:26   #4 (permalink)
Moderador HTML y CSS
webosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy pronto
 
Avatar de webosiris
 
Fecha de Ingreso: noviembre-2002
Ubicación: /home/montevideo
Mensajes: 6.022
Enviar un mensaje por MSN a webosiris Enviar un mensaje por Skype™ a webosiris
Cita:
Iniciado por Nateskin
pues que pregunto claramente que si ha alguna manera para incluir dentro del CSS (del estilo que edito) cual va para cada navegador.
No, porque los comentarios condicionales son html, y por lo tanto no pueden ir en archivos css...

PD: los comentarios condicionales funcionan solo para IE... así que donde decis "esto es para los demas navegadores" deberías decir "esto es para los demas navegadores IE"
__________________
Oraculus.com. Sitios web artesanales para el siglo XXI

PSD a HTML. Tu diseño. Nuestro código.
webosiris está desconectado   Responder Citando
Antiguo 04-mar-2006, 19:16   #5 (permalink)
frijolerou tiene algunos puntos positivos de karma
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.578
Exacto, tal como te menciona Webosiris, el primer ejemplo que has puesto tiene equivocada su descripción:

Cita:
Iniciado por Nateskin
<!--[if lte IE 6]>
Esto es para una version igual o inferior a internet explorer 6
<!--[else]>
esto es para los demas navegadores.
<![endif]-->
En realidad lo correcto sería:

Código:
<!--[if lte IE 6]>  
Esto es para una version igual o inferior a internet explorer 6 
<!--[else]> 
esto es para una version SUPERIOR a internet explorer 6. 
<![endif]-->
__________________
El conocimiento es libre: Movimiento por la Devolución
frijolerou está desconectado   Responder Citando
Antiguo 04-mar-2006, 19:48   #6 (permalink)
Moderador HTML y CSS
webosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy pronto
 
Avatar de webosiris
 
Fecha de Ingreso: noviembre-2002
Ubicación: /home/montevideo
Mensajes: 6.022
Enviar un mensaje por MSN a webosiris Enviar un mensaje por Skype™ a webosiris
Cita:
Iniciado por frijolerou
una version SUPERIOR a internet explorer 6.
no vi el lte ...
webosiris está desconectado   Responder Citando
Antiguo 06-mar-2006, 10:32   #7 (permalink)
furoya llegará a ser famoso muy prontofuroya llegará a ser famoso muy pronto
 
Fecha de Ingreso: noviembre-2002
Mensajes: 981
Hola todos :

Cada navegador ignora los CSS que no soporta, lo que es una forma de condicionar propiedades. Pero es más dificil si es por versiones de navegador.

No habría que olvidar que en teoría los "comentarios" son para escribir comentarios; aunque en la práctica son el método más popular para hackear validadores y pasar un código propietario sin que lo vean; y también para ejecutar código de manera seleciva, claro.

Para Internet Explorer podría ser

Código:
<!--[if IE]>
 COMENTARIO CONDICIONAL IE
<![endif]-->
para los otros

Código:
<![if !IE]>
 C. C. NO IE
<![endif]>
Me confundió un poco tu mención del behavior , man0l0, después entendí que era una sugerencia. Y es cierto, generalmente son javascripts y allí se puede discriminar otras versiones y otros navegadores (previendo que algún día ellos también acepten behavior ).
Pero creo que se pueden desactivar desde el lado cliente, y el CSS no.

De todas formas, si vamos a usar un escript para CSS, expression() quizá sirva, Firefox ya acepta algunas propiedades del tipo "lenguaje de programación" y sintaxis de expresiones regulares (que ahora no nos sirven porque el problema es IE) y también nos queda el recurso -otro que es usado como hack- de 'escribir' un comentario en los documentos con un *.js externo. También el de detectar la versión y navegador en la página anterior y enviar el dato al servidor, para que un PHP escriba el

Código:
<link href="estilo_que_corresponda.css" rel="stylesheet" rev="stylesheet" type="text/css">
o usar el escript para switchear la hoja de estilos.

En realidad, Nateskin, si hay tantas páginas a corregir, yo replantearía el diseño.

Función "opacity"

Comentarios Condicionales para IE

Constantes en CSS

Que usuario cambie color dominante de la web


¿<!--[if IE 7]> Funcionando?

Saludos.

Última edición por furoya; 07-mar-2008 a las 12:59. Razón: agregar otro enlace
furoya está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 21:02.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93