subscribe: Posts | comments

RssDeliciousTwitterAnobiiFacebook

Posizionare un’immagine di background: come personalizzare un elemento h2

11 commenti

Scritto da Lauryn il 13 mag 2009 in Xhtml e css | 11 commenti

Veerle in questo suo articolo molto semplice ci spiega come posizionare un’immaginetta di background rispetto ad un elemento h2, che solitamente si comporta come un elemento di blocco, ma con qualche trucchetto possiamo farlo sottostare alle nostre volontà eheh.

howto css bg 02 Posizionare unimmagine di background: come personalizzare un elemento h2

Guardare e leggere per credere!

Post correlati

11 commento per “Posizionare un’immagine di background: come personalizzare un elemento h2”

  1. gafields (12 comments) says:
    13 maggio 2009 at 08:20

    Veerle è talmente brava che anche le sue pagine di esempio sono bellissime

    reply
  2. Lauryn (3407 comments) says:
    13 maggio 2009 at 08:43

    concordo :D

    reply
  3. aledesign.it (247 comments) says:
    13 maggio 2009 at 08:44

    ottimo..come sempre..ed utilissimo! :D

    reply
  4. Francesco Caruccio (136 comments) says:
    13 maggio 2009 at 12:50

    Bello, grazie!

    reply
  5. MetalSho (11 comments) says:
    13 maggio 2009 at 15:37

    Sematicamente parlando, dato che cmq va aggiunto un elemento estraneo (in questo caso lo span) non sarebbe meglio una soluzione con h2 + hr?

    reply
  6. Lauryn (3407 comments) says:
    13 maggio 2009 at 15:42

    h2 + hr? spiegaci meglio :)

    reply
  7. MetalSho (11 comments) says:
    13 maggio 2009 at 16:02

    Semplicemente, se lo scopo è inserire una riga, allora va usato l’, ovvero l’horizzontal rule.

    ;-)

    reply
  8. MetalSho (11 comments) says:
    13 maggio 2009 at 16:03

    mi si è mangiato il codice, intendevo <hr />

    reply
  9. Lauryn (3407 comments) says:
    13 maggio 2009 at 16:07

    intendi per risolvere i margini che collassano?

    reply
  10. MetalSho (11 comments) says:
    13 maggio 2009 at 16:23

    Lo scopo di questo tutorial è di avere l’immagine attaccata alla destra dell’ h2, cosa che si risolve mettendo display:inline proprio come nella guida, e una linea sotto larga quanto la pagina.

    Il problema qual è? Usando semplicemente il border dell’h2 la linea è larga solo quanto il titolo stesso invece di estendersi per tutto lo spazio possibile.

    Lei risolve mettendo uno span, ma non lo trovo corretto.

    Con l’hr si ha lo stesso risultato e non si “sporca” il codice con “inutili” span :-)

    reply
  11. Francesco Caruccio (136 comments) says:
    13 maggio 2009 at 16:54

    Attendo trepidante le risposte di chi è più esperto di me.

    reply

Lascia un commento