CSS: IE y Firefox

Citar

Escrito el 22 Mar 2006 06:18 pm

Hola, me asalta una duda. Estoy haciendo una web donde le puse a un div:

Código :

background-image:url(file:///....image.jpg.jpg);

En IE funciona perfectamente, muestra la imagen de fondo pero ne firefox no ¿Que puedo hacer?

¿Existe alguna guia de hacks para Firefox e IExplorer, donde expliquen cuales son los códigos compatibles y cuales no?

Gracias[/code]

Por elav

Claber

1461 de clabLevel

9 tutoriales

Genero:Masculino

Envíale un mensaje privado Web

Administrador de Sistemas

@elavdeveloper

Citar

Escrito el 22 Mar 2006 07:24 pm

En todo caso lo malo que veo es la ruta de tu imagen y el nombre...

Código :

background-image:url(carpeta/image.jpg);

ó

Código :

background-image:url(../image.jpg);

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 22 Mar 2006 07:53 pm

Eso mismo pensé pedro y lo cambié justo como tu lo tienes y no me funciona, de igual forma voy a probar de nuevo para ver si lo puedo arreglar y así reviso de nuevo el código.

Por elav

Claber

1461 de clabLevel

9 tutoriales

Genero:Masculino

Envíale un mensaje privado Web

Administrador de Sistemas

@elavdeveloper

Citar

Escrito el 22 Mar 2006 07:58 pm

elav escribió:

Eso mismo pensé pedro y lo cambié justo como tu lo tienes y no me funciona, de igual forma voy a probar de nuevo para ver si lo puedo arreglar y así reviso de nuevo el código.

Como ya eres de los "viejos" del foro, puedo decirte que si no pegas código... se vuelve imposible ayudarte... a menos que pienses que podríamos plagiarte algo de código.

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 22 Mar 2006 08:45 pm

No ya resolví el asunto, pero no sé si fué de la forma correcta. En vez de poner:

Código :

background-image:url(../image.jpg);

puse

Código :

background:url(../images/image.jpg);]

y funcionó.. ¿Está mal puesto?

Otra cosa pedro, ya logré hacer eso, ahora quiero poner el logo (que es una imagen) en esa misma capa y hacer un vínculo sobre el logo (cuando le pones el cursor sobre el logo, quiero decir) para la página principal. ¿Cómo inserto la imagen en esa capa con el vínculo?
Un saludo

Por elav

Claber

1461 de clabLevel

9 tutoriales

Genero:Masculino

Envíale un mensaje privado Web

Administrador de Sistemas

@elavdeveloper

Citar

Escrito el 22 Mar 2006 09:19 pm

Elav, tu sabes algo de xhtml mínimo?

No entendí tu pregunta, pero no es esto lo que buscas????

Código :

<a href="adondesea"><img src="tu imagen" /></a>

Por Aoyama

BOFH

6224 de clabLevel

6 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Bastard Operators From Hell

Envíale un mensaje privado

Webdesigner & Developer, en mis ratos libres bebo café por litros.

Citar

Escrito el 22 Mar 2006 09:21 pm

Código :

<a href="destino.html"><img src="path/imagen.jpg" width="al ancho" height="la altura" alt="texto alternativo" /></a>

Por otro lado... es lo que te dije al principio, sólo que los poderes psíquicos hoy andan un poco bajos como para saber la dirección exacta de donde estas guardando las imagenes...

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 22 Mar 2006 09:40 pm

pedro las imageneslas guardo en un carpeta llamada images. A lo que me refería era a lo siguiente:
El logo de Clab por ejemplo. ¿Para ponerlo justo ahí, a la izquierda pusieron el código en el HTMl o lo hicieron desde el archivo CSS? ¿Entienden a lo que me refiero?

Por elav

Claber

1461 de clabLevel

9 tutoriales

Genero:Masculino

Envíale un mensaje privado Web

Administrador de Sistemas

@elavdeveloper

Citar

Escrito el 22 Mar 2006 09:43 pm

elav escribió:

pedro las imageneslas guardo en un carpeta llamada images. A lo que me refería era a lo siguiente:
El logo de Clab por ejemplo. ¿Para ponerlo justo ahí, a la izquierda pusieron el código en el HTMl o lo hicieron desde el archivo CSS? ¿Entienden a lo que me refiero?

Pues semánticamente en la estructura tienen un orden, pero la posición se le da con CSS. Para entenderlo, debes leer -al menos- y estudiar acerca de posicionamiento en CSS. Sé que en CL hay un tuto básico acerca del tema. Puedes comenzar por allí

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 23 Mar 2006 02:28 pm

Hola de nuevo, miren colgué el ejemplo de la página aquí Y me asalta ahora otra duda:
¿Existe alguna forma de crear una div autoampliable? O sea, si se fijan (y se olvidan del molesto anuncio de hostbigger, que es´ta interrumpiendo con el diseño) verán que debajo del la columna de la derecha queda un espacio en blanco y me gustaría crear un div que se amplie, dependiendo del contenido de sitio hacia abajo o hacia arriba...

Por elav

Claber

1461 de clabLevel

9 tutoriales

Genero:Masculino

Envíale un mensaje privado Web

Administrador de Sistemas

@elavdeveloper

Citar

Escrito el 23 Mar 2006 03:18 pm

Para eso, puedes usar una imagen de fondo (con las rayitas esas de tus "bordes" de columnas)... o sea un poco de imaginación... que se reproduzca hacia las Y (puede ser de un pixel de alto y del ancho exacto del div contenedor).

Hay cosas que son simples, no te compliques la vida. NO en todo hay un misterio

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 23 Mar 2006 07:32 pm

Muy buena idea