Home » Xhtml, Css e Ajax » Xhtml e css » Posizionare un’immagine di background: come personalizzare un elemento h2
Posizionare un’immagine di background: come personalizzare un elemento h2
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.
Guardare e leggere per credere!
Amazon-Box creato da Giuseppe Frattura
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.
Add to Google
11 Commenti
Veerle è talmente brava che anche le sue pagine di esempio sono bellissime
concordo
ottimo..come sempre..ed utilissimo!
Bello, grazie!
Sematicamente parlando, dato che cmq va aggiunto un elemento estraneo (in questo caso lo span) non sarebbe meglio una soluzione con h2 + hr?
h2 + hr? spiegaci meglio
Semplicemente, se lo scopo è inserire una riga, allora va usato l’, ovvero l’horizzontal rule.
mi si è mangiato il codice, intendevo <hr />
intendi per risolvere i margini che collassano?
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
Attendo trepidante le risposte di chi è più esperto di me.