CSS + CI

[Breaks]

¿Cómo puedo hacer lo siguiente?

|---- ci
|---- system
|---- user_guide
|---- css
|---- style.css
|---- img
|---- img.JPG

en mi página view/home.php esta mi <link rel="stylesheet" href="<?php
echo base_url();?>css/style.css"/> ahora bien en mi página style.css
esta el siguiente código:

#navMenu a{
/* The background sprite: */
background:url('img/navigation.jpg') no-repeat; <<<<<<<<<<<< ESTO
height:39px;
width:38px;
display:block;
position:relative;
}

No me jala la imagen. ¿Cómo lo hago?

[alexander casas ravello]

 background:url('/img/navigation.jpg') no-repeat;

Saludos

Alexander Casas Ravello
Programador y Diseñador Web

2010/10/22 Breaks <chico...@gmail.com>

--
---
Para anular la suscripción a este grupo, envía un mensaje a
codeigniter-spa...@googlegroups.com
Para obtener más opciones, visita este grupo en
http://groups.google.com/group/codeigniter-spanish?hl=es.

[Nokrosis]

Cuando usas rutas en un CSS, la ruta es relativa al archivo css a menos que lo indiques con una diagonal inicial:

Tu código: 

background:url('img/navigation.jpg') no-repeat;

está buscando en:  ci/css/img/navigation.jpg

Para hacer que busque en la raíz de tu sitio (ejemplo.com), sería:

background:url('/img/navigation.jpg') no-repeat;

Así buscará en www.ejemplo.com/img/navigation.jpg

Pero si tienes tu CI en www.ejemplo.com/ci/, tu CSS debería quedar:

background:url('/ci/img/navigation.jpg') no-repeat;

Lo recomendable siempre es tener las imagenes que usas en tu css, DENTRO de la carpeta css y relativas al archivo css

css/estilo.css <- con background: url('img/background.jpg');

css/img/background.jpg

Saludos.

[JG - Codeignator]

Configura el Directorio base en tu archivo config de CI partiendo de ahí, dale la ruta en tu css a la imagen.

 

 

 

 

 

From: codeignit...@googlegroups.com [mailto:codeignit...@googlegroups.com] On Behalf Of alexander casas ravello
Sent: viernes, 22 octubre, 2010 16:15
To: codeignit...@googlegroups.com
Subject: Re: [codeigniter-spanish] CSS + CI

 

 background:url('/img/navigation.jpg') no-repeat;

Saludos

Alexander Casas Ravello
Programador y Diseñador Web

2010/10/22 Breaks <chico...@gmail.com>

¿Cómo puedo hacer lo siguiente?

|---- ci
     |---- system
     |---- user_guide
     |---- css
             |---- style.css
     |---- img
             |---- img.JPG

en mi página view/home.php esta mi <link rel="stylesheet" href="<?php
echo base_url();?>css/style.css"/> ahora bien en mi página style.css
esta el siguiente código:

#navMenu a{
       /* The background sprite: */

       background:url('<?=base_url();?>img/navigation.jpg') no-repeat;  <<<<<<<<<<<< ESTO

       height:39px;
       width:38px;
       display:block;
       position:relative;
}

No me jala la imagen. ¿Cómo lo hago?

--
---
Para anular la suscripción a este grupo, envía un mensaje a
codeigniter-spa...@googlegroups.com
Para obtener más opciones, visita este grupo en
http://groups.google.com/group/codeigniter-spanish?hl=es.

[alexander casas ravello]

No se si pueda ser pero una vez tu ve problemas por que buscando en webs me baje un .htaccess y me restringía a ver solo ciertos tipos de archivos html php  y pase horas sin darme cuenta que tan solo tenia que agregar la extensión y la carpeta donde contenía las imágenes 

Saludos

Alexander Casas Ravello
Programador y Diseñador Web

2010/10/22 Nokrosis <nokr...@gmail.com>

[Breaks]

No carga.

On 22 oct, 15:14, alexander casas ravello <alexanderc...@gmail.com>
wrote:

>  background:url('/img/navigation.jpg') no-repeat;
>
> Saludos
>
> Alexander Casas Ravello
> Programador y Diseñador Web
>

> 2010/10/22 Breaks <chicote...@gmail.com>

[Breaks]

Entiendo tu lógica, pero no carga, ya modifique por...

background: url('/ci/img/image.jpg') not-repeat;

Y nada.

On 22 oct, 15:15, Nokrosis <nokro...@gmail.com> wrote:
> Cuando usas rutas en un CSS, la ruta es relativa al archivo css a menos que
> lo indiques con una diagonal inicial:
>
> Tu código:
> background:url('img/navigation.jpg') no-repeat;
>
> está buscando en:  ci/css/img/navigation.jpg
>
> Para hacer que busque en la raíz de tu sitio (ejemplo.com), sería:
> background:url('/img/navigation.jpg') no-repeat;
>
> Así buscará enwww.ejemplo.com/img/navigation.jpg
>

> Pero si tienes tu CI enwww.ejemplo.com/ci/, tu CSS debería quedar:

[alexander casas ravello]

Te coge los estilos?? o tampoco

Saludos

Alexander Casas Ravello
Programador y Diseñador Web

[Breaks]

Si, funciona.

On 22 oct, 15:25, alexander casas ravello <alexanderc...@gmail.com>
wrote:

> Te coge los estilos?? o tampoco
> Saludos
>
> Alexander Casas Ravello
> Programador y Diseñador Web
>

[alexander casas ravello]

Cual era tu error??

Saludos

Alexander Casas Ravello
Programador y Diseñador Web

2010/10/22 Breaks <chico...@gmail.com>

[Breaks]

No carga la imagen

background: url('/ci/img/image.jpg') not-repeat;

On 22 oct, 15:44, alexander casas ravello <alexanderc...@gmail.com>
wrote:

> Cual era tu error??
>
> Saludos
>
> Alexander Casas Ravello
> Programador y Diseñador Web
>

> 2010/10/22 Breaks <chicote...@gmail.com>

[josepzin]

Por si sirve de ayuda, en mis webs yo siempre hago esto dentro del
head

<base href="<?php echo base_url() ?>" />
<link type="text/css" rel="stylesheet" href="css/styles.css" />

Y las imagenes segun donde esten se haría asi:

background:url('img/navigation.jpg') no-repeat; >> Si las imagenes
estan en /css/img
background:url('../img/navigation.jpg') no-repeat; >> si las imagenes
estan en /img

[Julian Magnone]

Yo no usaría urls absolutas en ese caso... basta con usar relativas "../img/navigation.jpg" tal como comentaron anteriormente. Con eso se soluciona. Usar urls absolutas atás a que tu hoja de estilos no funcione si movés tu app por ejemplo a otro subdirectorio (en caso que tengas por ejemplo un ambiente de desarrollo, o sea la razón que sea).

Julián

2010/10/22 josepzin <jose...@gmail.com>

[GersonM]

Primero carga la ruta de la imagen directamente en el navegador a ver si es que no te esta redireccionando el acceso con el .htaccess, luego prueba poner rutas absolutas y si funciona pruebas con las relativas.

Saludos

GersonM© - Gerson D.Aduviri Paredes | Desarrollador Flash - AS3 / PHP

[Breaks]

Ya esta hecho, pero nada.

On 22 oct, 16:59, GersonM <gerson...@gmail.com> wrote:
> Primero carga la ruta de la imagen directamente en el navegador a ver si es
> que no te esta redireccionando el acceso con el .htaccess, luego prueba
> poner rutas absolutas y si funciona pruebas con las relativas.
>
> Saludos
>
> El 22 de octubre de 2010 16:31, Julian Magnone

> <julianmagn...@gmail.com>escribió:

>
>
>
>
>
>
>
>
>
>
>
> > Yo no usaría urls absolutas en ese caso... basta con usar relativas
> > "../img/navigation.jpg" tal como comentaron anteriormente. Con eso se
> > soluciona. Usar urls absolutas atás a que tu hoja de estilos no funcione si
> > movés tu app por ejemplo a otro subdirectorio (en caso que tengas por
> > ejemplo un ambiente de desarrollo, o sea la razón que sea).
>
> > Julián
>

> > 2010/10/22 josepzin <joseza...@gmail.com>

[Dragan Ardala]

¿Lo tienes colgado en algún sitio? ¿Se puede ver?

[Alejus]

Comparto lo que dice Julian.

Es importante siempre trabajar con urls relativas y no absolutas, ya
que de esta forma no estamos "atados" a una estructura de directorios.

Alejo

[william campos]

Una consulta es cierto esto?

en mi página view/home.php esta mi <link rel="stylesheet" href="<?php
echo base_url();?>css/style.css"/> ahora bien en mi página style.css
esta el siguiente código:

#navMenu a{
       /* The background sprite: */

       background:url('<?=base_url();?>img/navigation.jpg') no-repeat;  <<<<<<<<<<<< ESTO

       height:39px;
       width:38px;
       display:block;
       position:relative;
}

No me jala la imagen. ¿Cómo lo hago?

Si eso es lo que as puesto no va funcionar nunca porke en las hojas de estilos no corre <?=base_url();?> de  codeigniter ya que es codigo php este codigo solo puedes ponerlo en paginas php y dentro del codeigniter en tus vistas.

Ahora si lo usas en tus vistas trata de usar mejor  <?php echo base_url(); ?> enves de  <?=base_url();?> ya que aveses el servidor no acepta el echo abreviado

Saludos.
William Campos

--

[Manu]

Recomiendo usar este helper:

http://codeigniter.com/wiki/Asset_Helper/

Te resuelve de un plumazo todos los problemas.

Y si te parece demasiado para lo que necesitas, lo editas y le quitas
todo. Dejando que solo te ofrezca la carpeta donde tienes las
subcarpetas con contenidos (css, img, js, etc...). Que es lo que hago
yo normalmente.

Un saludo. =)

On 25 oct, 23:52, william campos <wcam...@maxineti.com> wrote:
> *Una consulta es cierto esto?*
>
> *en mi página view/home.php esta mi <link rel="stylesheet" href="<?php

> echo base_url();?>css/style.css"/> ahora bien en mi página style.css
> esta el siguiente código:
>
> #navMenu a{
>        /* The background sprite: */
>        background:url('<?=base_url();?>img/navigation.jpg') no-repeat;
>  <<<<<<<<<<<< ESTO
>        height:39px;
>        width:38px;
>        display:block;
>        position:relative;
>
> }
>

> No me jala la imagen. ¿Cómo lo hago?*

>
> Si eso es lo que as puesto no va funcionar nunca porke en las hojas de

> estilos no corre *<?=base_url();?>* de  codeigniter ya que es codigo php

> este codigo solo puedes ponerlo en paginas php y dentro del codeigniter en
> tus vistas.
>

> Ahora si lo usas en tus vistas trata de usar mejor  *<?php echo base_url();
> ?>* enves de  *<?=base_url();?> ya que aveses el servidor no acepta el echo
> abreviado
>
> Saludos.
> William Campos
> *