Tabella notizie

Codice:

<table style="width:100%; border-collapse:collapse;"><tbody><tr><td style="text-align: center; padding: 10px 10px 5px; background-color: #7FFFD4;"><span style="font-size: 16px; line-height: normal"><font color="#000000"><font face="Georgia"><strong>CONTENUTO- TITOLO </strong></font></font></span></td></tr><br><tr><td style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(206, 206, 206); border-left-width: 5px; border-left-style: solid; border-left-color: #7FFFD4; border-right-width: 5px; border-right-style: solid; border-right-color: #7FFFD4; padding-left: 5px; padding-right: 5px; background-color: rgb(249, 249, 249);"><span style="font-size: 12px; line-height: normal"></span></a><br>CONTENUTO MESSAGGIO<br><br></td></tr><tr><td style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(206, 206, 206); border-left-width: 5px; border-left-style: solid; border-left-color: #7FFFD4; border-right-width: 5px; border-right-style: solid; border-right-color: #7FFFD4; text-align: center; background-color: rgb(235, 236, 236);">FIRMA</td></tr></tbody></table>

Ho fatto un tabella per gli annunci.... ma vorrei aggiungerci ora una cosa del genere:



https://i.servimg.com/u/f68/19/37/34/74/2015-112.png

Come su FORUM di supporto.

Come potrei fare?? Dove devo aggiungere un eventuale codice?

Potresti metterlo subito dopo "TITOLO":

Codice:

<div class="bottoncino">annuncio</div>

e poi modificare .bottoncino {} modificando position, top e left

Grazie mille, ma non ho capito che devo fare con bottoncino..... lo lascio così o cosa?

@Mentaepaprika dipende tutto da come lo vuoi realizzare.. colore del testo, colore di sfondo, etc..

@Niko Testo blu, sfondo bianco e posizionato a destra.... Come sul FDF, poi cambio io i colori, mi interessa più come fare per farlo apparire li, e cosa devo modificare.

ecco a te

Codice:

<table style="width:100%; border-collapse:collapse;"><tbody><tr><td style="text-align: center; padding: 10px 10px 5px; background-color: #7FFFD4;"><span style="font-size: 16px; line-height: normal"><font color="#000000"><font face="Georgia"><strong>CONTENUTO- TITOLO </strong></font></font></span><div style="    float: right;    background: white;    color: blue;    padding: 4px;">Annuncio</div></td></tr><tr><td style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(206, 206, 206); border-left-width: 5px; border-left-style: solid; border-left-color: #7FFFD4; border-right-width: 5px; border-right-style: solid; border-right-color: #7FFFD4; padding-left: 5px; padding-right: 5px; background-color: rgb(249, 249, 249);"><span style="font-size: 12px; line-height: normal"></span><br>CONTENUTO MESSAGGIO<br><br></td></tr><tr><td style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(206, 206, 206); border-left-width: 5px; border-left-style: solid; border-left-color: #7FFFD4; border-right-width: 5px; border-right-style: solid; border-right-color: #7FFFD4; text-align: center; background-color: rgb(235, 236, 236);">FIRMA</td></tr></tbody></table>

Si funziona, solo che dopo un po sparisce il rettangolino.... guarda:


https://i.servimg.com/u/f68/19/37/34/74/2015-115.png


@Niko