div con immagine

marco86ve

div con immagine

salve.. vorre richiamare una immagine caricata da css....

nel css scrivo:

.imm_top_sx {
background-image:url("http://www.gayspace.it/background_images/corpo_rosso_01.png") top center no-repeat;
width:20px;
height:20px;
}

mentre nella pagina richiamo il css e dove vorrei comparisse l'immagine scrivo

ma non vedo l'immagine... come mai?

laburno

@marco86ve said:

salve.. vorre richiamare una immagine caricata da css....

nel css scrivo:

.imm_top_sx {
background-image:url("http://www.gayspace.it/background_images/corpo_rosso_01.png") top center no-repeat;
width:20px;
height:20px;
}

mentre nella pagina richiamo il css e dove vorrei comparisse l'immagine scrivo

ma non vedo l'immagine... come mai?

Ciao marco86ve,
background-image accetta come parametri solo un url. Sostituiscila con background, così:

[html].imm_top_sx {
background:url("http://www.gayspace.it/background_images/corpo_rosso_01.png") top center no-repeat;
width:20px;
height:20px;
}[/html]

marco86ve

ahimè... il risultato non cambia

laburno

@marco86ve said:

ahimè... il risultato non cambia

Curioso, a me funziona:

[html]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

<style>

.imm_top_sx {
background:url("http://www.gayspace.it/background_images/corpo_rosso_01.png") top center no-repeat;
width:20px;
height:20px;
}

</style>
</head>
<body>
<div class="imm_top_sx"></div>
</body>
</html>[/html]

marco86ve

porto un altro esempio:


td.1_1 {
background:url(http://www.gayspace.it/immagini_background/cella_rossa_01.png);
width:20px;
height:20px;
}

td.1_2 {
background-image:url(http://www.gayspace.it/immagini_background/cella_rossa_02.png);
height:20px;
}

td.1_3 {
background-image:url(http://www.gayspace.it/immagini_background/cella_rossa_03.png);
width:20px;
height:20px;
}

td.2_1 {
background-image:url(http://www.gayspace.it/immagini_background/cella_rossa_04.png);
width:20px;
}

td.2_2 {
background-image:url(http://www.gayspace.it/immagini_background/cella_rossa_05.png);
}

td.2_3 {
background-image:url(http://www.gayspace.it/immagini_background/cella_rossa_06.png);
width:20px;
}

td.3_1 {
background-image:url(http://www.gayspace.it/immagini_background/cella_rossa_07.png);
width:20px;
height:20px;
}

td.3_2 {
background-image:url(http://www.gayspace.it/immagini_background/cella_rossa_08.png);
height:20px;
}

td.3_3 {
background-image:url(http://www.gayspace.it/immagini_background/cella_rossa_09.png);
width:20px;
height:20px;
}


```Questo dovrebbe generare lo sfondo di una tabella...

](http://www.gayspace.it/_index.php)

laburno

I nomi delle classi non possono iniziare con dei numeri.

marco86ve

ok sembra risolto

un ultima domanda..con questo metodo il tempo di caricamento della pagina si riduce? di quanto in % (se quantificabile) ?

laburno

@marco86ve said:

ok sembra risolto

un ultima domanda..con questo metodo il tempo di caricamento della pagina si riduce? di quanto in % (se quantificabile) ?

Cosa intendi? Riguardo il caricamento delle immagini?

Mi sembra, non ne sono sicuro, che le immagini di sfondo vengono caricate dopo che è stata caricata anche la struttura. Con le immagini normali il caricamento avviene in contemporanea, quindi, teoricamente, il contenuto vero e proprio è fruibile prima. Però ripeto: non sono sicuro, mi devo informare.