codice per barra

[felixyorke]

ciao a tutti!
sto sviluppando un sito e vorrei usare una barra che si allunga in altezza e si allarga in base al testo.
Ho visto questo tipo di barra in un blog http://thief-and-sinner.splinder.com.
mi sapete dire che tipo di codice viene usato'
io non sono riuscito a visualizzarlo nel codice html
vedete sotto per farvi capire nello specifico la barra che intendo.
grazie in anticipo
felix

[Sol]

Studiati qualche guida HTML e poi CSS di HTML.it.

[felixyorke]

l'ho fatto (in realtà il css no)
io volevo sapere solo se magari c'è un tag particolare da inserire.

[Sol]

Hai pensato alla proprietà dei bordi in un elemento?

[Room237]

no, non c'è un tag html per fare quello, ma devi usare i bordi in css...

[pierofix]

Provo a proporre una soluzione.

XHTML
<div id="info">
   <h3>Titoletto</h3>
   


      Io sono il testo, io sono bello,
      e-tu-noo, non mi hai fatto niente
      testa di serpente...
      (lunedi mattina :incupito: :cry: )
   </p>
   ...
</div>

CSS
#info h3 {
   margin:0; padding:0.5em;
   border-left:1px solid #ccc;
   border-bottom:1px solid #ccc;
}
#info p {
   margin:0; padding:0.5em;
   border-right:1px solid #ccc;
}

[felixyorke]

ok.
era quello che volevo sapere.
si tratta di css e non più di classico html.
mi devo riguardare le guide css.
grazie per l'aiuto
felix

[pierofix]

Originariamente inviato da felixyorke
si tratta di css e non più di classico html.

Il ragionamento è sbagliato. Non c'è nulla di più classico per l'HTML che essere usato per il suo scopo reale, ovvero quello di descrivere, non presentare.

[felixyorke]

:master: allora, cosa mi consogliate di rivedere in html?
come avete ben capito sono un principiante e il css non l'ho mai utilizzato ( anche perchè la mia esperienza in html è basilare).

[pierofix]

Non credo di aver capito la domanda: puoi riformularla meglio? Grazie.