Printable View
Ciao, mi interessa sapere come creare titoli come questi http://i42.tinypic.com/2ypf7fk.png o meglio come avere la freccia pendente sotto, fin'ora sono riuscito a creare un titolo che però non ha una posizione fissa e non ha la freccia pendente. In poche parole mi interessa sapere come fissare una posizione ai titoli e come settarli come nell'immagine postata (solo mettere la freccia pendente).
In passato cose del genere si realizzavano con immagini statiche o composizione di queste, attualmente vengono realizzati integralmente con questi fogli di stile.
La soluzione più semplice e compatibile è quella di usare uno pseudo elemento largo e alto zero, con bordo molto spesso (pari all'altezza del triangolo), ma definire per questo solo quello superiore colorato, trasparente per gli altri tre lati. In questo modo verrà visualizzato un triangolo isoscele rettangolo con l'angolo retto rivolto verso il basso, interamente colorato. Per creare l'effetto del bordo, sarà sufficiente l'uso di un altro pseudo elemento con brodo leggermente più sottile colorato del colore di sfondo dell'elemento padre.
Per maggiori informazioni: http://lmgtfy.com/?q=css+tooltip+arrow.