Visualizzazione dei risultati da 1 a 9 su 9
  1. #1

    Come centrare un'immagine ?

    Scusate la domanda da pivello, ma non sono esperto di HTML & company, stiamo mettendo un po' le mani nel codice di un software già impostato, avremmo questa necessità :
    allineare un'immagine al centro di una colonna, è sufficiente inserire ALIGN=center dentro questa linea ?

    [img]{$image}[/img]

    per capire meglio la nostra intenzione, potete guardare la nostra HomePage, vogliamo che la foto in basso a destra (sopra il logo Paypal) venga allineata al centro della colonna.
    POtremmo anche allargarla col trucchetto di mettere del nero come sfondo, ma se si riesce a fare una cosa pulita, tanto meglio.

    Grazie
    http://www.kissene.com

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    1. un text-align:center sul div che la contiene;
    o
    2. un display:block e un text-align:center sul link che la contiene;
    o
    3. un display:block e un margin:0 auto sull'immagine.

  3. #3
    Originariamente inviato da Prill
    1. un text-align:center sul div che la contiene;
    o
    2. un display:block e un text-align:center sul link che la contiene;
    o
    3. un display:block e un margin:0 auto sull'immagine.
    Fantastico !

    Visto l'ordine con cui gli hai scritti, direi che la prima opzione deve essere la migliore.

    Grazie
    Caffè virtuale offerto
    http://www.kissene.com

  4. #4
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Visto l'ordine con cui gli hai scritti, direi che la prima opzione deve essere la migliore
    non sono in un ordine preciso e la soluzione migliore è solo quella che si adatta meglio alla tua pagina. Se il div advertising_box deve avere sempre contenuti centrati, allora va bene aggiungere alla regola di stile il text-align, se invece i suoi contenuti sono negli altri casi non centrati, il css non va modificato in questa direzione. D'altra parte se hai altre immagini che appaiono su una sola riga e devono essere al centro, allora converrà creare una classe per le immagini...
    Ma anche avendo un solo elemento con determinate caratteristiche puoi creare una regola nel css solo per quello.
    Ovviamente tu conosci le tue pagine meglio di me che non mi sono soffermata sul codice

  5. #5

    OPs

    Ops ! Intoppo.

    Siamo partiti con l'intento di inserire text-align, ma con sorpresa abbiamo visto che nella regola CSS c'è già :

    .advertising_block { width: 191px; margin-bottom: 1em; text-align: center }

    quindi come mai non è allineato ?
    http://www.kissene.com

  6. #6
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    A me non risulta nessun text-align: center sul div advertising_block al quale è invece applicato un allineamento a sinistra ereditato dal div #page. In quale css è presente la regola che riporti?

  7. #7
    Originariamente inviato da Prill
    A me non risulta nessun text-align: center sul div advertising_block al quale è invece applicato un allineamento a sinistra ereditato dal div #page. In quale css è presente la regola che riporti?
    E' nel codice CSS del blocco advertising, come c'è scritto sopra.
    .advertising_block { width: 191px; margin-bottom: 1em; text-align: center }
    cosa fa allora sta frase ?

    Comanda la page in ogni caso ?
    http://www.kissene.com

  8. #8
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    nei css della pagina non trovo una classe con quel nome, per questo ti chiedevo dove si trova quella regola. E' una regola che il browser non applica, forse non è presente. Se lo fosse sovrascriverebbe l'allineamento stabiliti dai div precedenti

  9. #9
    Originariamente inviato da Prill
    nei css della pagina non trovo una classe con quel nome, per questo ti chiedevo dove si trova quella regola. E' una regola che il browser non applica, forse non è presente. Se lo fosse sovrascriverebbe l'allineamento stabiliti dai div precedenti
    Ok ... Boh eppure c'è, o non viene chiamato il file ....
    Ora vedo di capirci qualcosa in più, è sempre un casino capire come funziona e dove andare a modificare cose fatte da altri ....

    Grazie mille, gentilissima
    http://www.kissene.com

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.