linguetta come fare con i css ?

[yag]

salve

devo realizzare una linguetta quelle classi che si mettono prima di mettere un testo (nella home . in un testata . ecc)

con css come si posso realizzare ?

[Federix]

[pierofix]

http://www.alistapart.com/articles/slidingdoors/

[Nicola-Verona]

Ciao spero di aver capito ed esserti di aiuto.

vai sul mio sito di esempio

http://demo.iport.it

Vedrai quello che stai chiedendo,
e se visualizzi la sorgente della
pagina puoi vedere sia il codice
css sia quello html che ti serve.

Ciao Nicola

[yag]

Originariamente inviato da pierofix
http://www.alistapart.com/articles/slidingdoors/

In effetti io ho detto linguetta ma non sono proprio quelle
ho risolto in parte ecco come :

http://img158.exs.cx/my.php?loc=img158&image=a6zv.jpg
//ce anche il codice

ora c'è il problema che si vede nella foto cioè il testa va sopra
l'immagine iniziale... se metto il padding-left
invece scompare quella finale (la parte tondo:testatina_02)

come posso fare ?

[yag]

Originariamente inviato da yag
In effetti io ho detto linguetta ma non sono proprio quelle
ho risolto in parte ecco come :

http://img158.exs.cx/my.php?loc=img158&image=a6zv.jpg
//ce anche il codice

ora c'è il problema che si vede nella foto cioè il testa va sopra
l'immagine iniziale... se metto il padding-left
invece scompare quella finale (la parte tondo:testatina_02)

come posso fare ?

ho risolto quasi tutto tranne questo sbordamento fatto solo da IE

http://img155.exs.cx/my.php?loc=img155&image=a0sd.jpg

.linguettaHome .c{
/*border: 1px solid yellow;*/
background-color:#01A558;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left:10px;
float:left;
font-size: 13px;
color: White;
font-weight: bold;
overflow: hidden;
position: relative;


}

[yag]

Originariamente inviato da yag
ho risolto quasi tutto tranne questo sbordamento fatto solo da IE

http://img155.exs.cx/my.php?loc=img155&image=a0sd.jpg

.linguettaHome .c{
/*border: 1px solid yellow;*/
background-color:#01A558;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left:10px;
float:left;
font-size: 13px;
color: White;
font-weight: bold;
overflow: hidden;
position: relative;


}

"up"

[span]

posta la pagina, non l'immagine della pagina... sarà più facile che qualcuno ti aiuti