image replacement

[gigigi]

alur...
la mia situazione è questa....
ho dei testi in cui una parola(nomeSito) deve essere sempre sostituita con il logo stesso...
ma dovrebbe essere sempre in mezzo al testo!!


esempio:
"Benvenuti nel sito pino troverete verie ed eventuali"
al posto di pino dovrebbe uscire un'immagine.
quindi io stavo vacendo così:


Benvenuti nel sito</p> <div class="pi">pino</div>

troverete verie ed eventuali</p>
e nel foglio di stile
-----------
.pi{
margin:0px;
display:block;
background:no-repeat 50% 50%;
text-indent:-999em;
background-image:url('imgs/pino.jpg');
width:48px;
height:15px;
}
-------------

solo che il div pi mi va a capo... non lo posso mettere dentro il

vero?
come posso fare?

[Mich_]

perche` usi un <div> e con display:block??

Dovresti usare uno span, e non dichiarare display:block (lasciare il defalut display:inline):



Benvenuti nel sito <span class="pi">pino</span>troverete varie ed ... </p>

Oppure (meglio):


Benvenuti nel sito [img]...[/img]troverete varie ed ... </p>

[gigigi]

non volevo usare immagini nel testo; quindi provo la prima soluzione.

ho fatto la prima.... funzia!!

ma funziona solo una volta.... negli altri testi in cui c'è la stessa cosa non si vede neanche piu' il paragrafo!!!

[Mich_]

L'ho gia` spiegata:
<div> e` di default un oggetto di tipo blocco
<span> di tipo inline

Un blocco ha uno spazio suo fisso, un inline viene inserito dentro la linea.
Un link (tag <a>) e` di tipo inline (puoi anche avere un acapo nel mezzo, se il pezzo linkato e` lungo).

Di default i blocchi vanno a capo.

Il

e` un oggetto di tipo blocco, che pero` non puo` contenere al suo interno altri oggetti di tipo blocco.

Quindi per attribuire caratteristiche diverse ad un pezzo di testo, si usa <span>; per delimitare una struttura logica si usa <div>.

[gigigi]

perfetto... ti ringrazio!!

hai idea del xke ora nn veda gli altri paragrafi in IE?
in firefox vedo sia la scritta che il suo replacement

[Mich_]

Non so come e` il tuo codice. Spero sia ben diverso da quello sopra ...

[gigigi]

ecco la pagina:
pagina

ecco il foglio di stile:
stile


nella zona "armonia" e nella zona "progetto" ci sono dei paragrafi


</p> con in mezzo lo <span class="armo">ArmoniA</span>
.... la class armo è:
-------------------
.armo{
margin:0px;
background:no-repeat 50% 50%;
text-indent:-999em;
background-image:url('imgs/armonia.jpg');
width:48px;
height:15px;
}
---------------------

[gigigi]

nulla?!

[gigigi]

c'mon!!
non ci date neanche un'occhiata?!

ho provato anche a validare il tutto in caso ci fossero errori pesi!
la pagina come transitional è validata, come strict mi segna un errore nel charset...
il csss ha solo dei warning... errori nessuno!

come mai mi da quel problema?!

[gigigi]

forse ci sono....

sto facendo un corso di XHTML e CSS ma siamo agli inizi quindi per ora chiedo ancora a voi...

domanda.
un paragrafo puo' iniziare con uno span?!
nel mio problema la situazione era questa:


<span class="armo">ArmoniA</span> nella comunicazione
tra le cinque aree aziendali principali... etc etc </p>
e così non si vedeva l'intero paragrafo.
se invece scrivo così:


s <span class="armo">ArmoniA</span> nella comunicazione
tra le cinque aree aziendali principali... etc etc </p>
mi si vede tutto bene.

quindi soluzione finale direi quando la parola da cambiare è all'inizio... usare un div e bona le!! oki?!