Back to top

Autore Topic: Regole css diverse per singola immagine. Come fare?  (Letto 2989 volte)

Offline gidantrip

  • Esploratore
  • **
  • Post: 64
    • Mostra profilo
Regole css diverse per singola immagine. Come fare?
« il: 02 Lug 2012, 18:04:56 »
salve ragazzi,
vorrei inserire nello stesso articolo due immagini con regole css differenti. Ho impostato due ID differenti ma non riesco ad assegnare le regole css ad ogni singolo ID.
questa è la dregola generale:
.item-page-azzurro p img {.....}

come faccio a distinguere le regole per l'immagine con ID "01" da quelle con ID "02"?
spero di essermi spiegato bene

adottauncane

  • Visitatore
Re:Regole css diverse per singola immagine. Come fare?
« Risposta #1 il: 02 Lug 2012, 18:11:21 »
Ciao gidantrip,
non puoi utilizzare semplicemente l'editor?

Offline gidantrip

  • Esploratore
  • **
  • Post: 64
    • Mostra profilo
Re:Regole css diverse per singola immagine. Come fare?
« Risposta #2 il: 02 Lug 2012, 18:21:12 »
Si tratta di immagini che verranno inserite in maniera fissa nel layout della pagina e che hanno una posizione particolare all'interno dell'articolo... nel momento in cui il mio cliente andrà a inserire un'immagine nell'articolo, essa dovrà inserirsi in una posizione ben specifica indicata dalle regole css che voglio impostare. Non posso permettere che sia il cliente a dover ogni volta inserire parametri per le immagini che identificano la pagina ma devo far in modo che egli si limiti a inserire la sua immagine che poi va a posizionarsi dove dico io con le dimensioni preimpostate da me etc....

adottauncane

  • Visitatore
Re:Regole css diverse per singola immagine. Come fare?
« Risposta #3 il: 02 Lug 2012, 18:26:21 »
A ecco.
Questa estensione?
http://extensions.joomla.org/extensions/core-enhancements/coding-a-scripts-integration/code-snippets/7152

Poi magari si può pure con il css. Prova a mettere un link all'articolo coon doppia immagine.

Offline gidantrip

  • Esploratore
  • **
  • Post: 64
    • Mostra profilo
Re:Regole css diverse per singola immagine. Come fare?
« Risposta #4 il: 02 Lug 2012, 19:49:22 »
preferisco non usare estensioni di terze parti...troverò il modo di modificare tutto col css, credo si possa fare intervenendo sugli ID, devo solo trovare il modo

Offline il gatto ha nuove code

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Femmina
  • Che tempi signora mia!
    • Mostra profilo
Re:Regole css diverse per singola immagine. Come fare?
« Risposta #5 il: 02 Lug 2012, 23:16:22 »
Parli di classi non di ID vero?

Con l'editor Jce (come suggeriva Adottauncane) puoi assegnare una classe all'immagine.
Poi nelle regole css gli dai la posizione e l'allineamento che vuoi.

Cos'è che non ti riesce?
Il gatto ha nuove code

Offline gidantrip

  • Esploratore
  • **
  • Post: 64
    • Mostra profilo
Re:Regole css diverse per singola immagine. Come fare?
« Risposta #6 il: 02 Lug 2012, 23:46:14 »
Parli di classi non di ID vero?

Cos'è che non ti riesce?

la dicitura esatta per impostare una classe ad un deteminato id...
nel mio caso la regola generale è .item-page-azzurro p img {.....}
se imposto all'immagine l' id "01" tramite jce, come devo scrivere sul css?

Offline gidantrip

  • Esploratore
  • **
  • Post: 64
    • Mostra profilo
Re:Regole css diverse per singola immagine. Come fare? [Risolto]
« Risposta #7 il: 03 Lug 2012, 08:56:37 »
semplice come immaginavo...basta assegnare un id all'immagine e poi assegnare le regole all'interno del foglio di stile... esempio:

Id immagine: "titolo"

css:
#titolo{...}

 



Web Design Bolzano Kreatif