Intestazione di una tabella

[makmo]

Ciao a tutti!

Sono abbastanza nuovo all'uso dei CSS e sto cercando di creare un box con un intestazione. In altri tempi avrei creato il tutto con una bella tabella con due righe! Come posso fare con i css?
Metto una tabella nel box? Creo due box sovrapposti?
Bho!

Se avete qualche coniglio lo acchiapperei al volo...

Bye

[Mich_]

butto li' un'interpretazione:

<div class="box">
  <p class="intest">intestazione</p>
  

qui il testo del box: scrivo un po' di righe ...</p>
</div>

con il CSS:

.box {
  background: #ff9999;
  color: black;
}
.box p {
  background: transparent;
  /* ... */
}
.intest {
  background: #ff4444;
  color: white;
}

Nota: non ho verificato i colori; potrebbero essere poco visibili. Pero` l'effetto dovrebbe darlo (non so se era quello che desideravi)

[salasir]

Qualcosa del genere ti può andare bene?
(X)HTML

   <div>
	<p class="titolo">Titolo Box</p>
	<p class="testo">Testo del BOX</p>
   </div>

CSS

.titolo { BORDER: #808080 1px solid; PADDING: 5px;
	 FONT-WEIGHT: bold; FONT-SIZE: 110%; BACKGROUND: #cc3300; 
	 MARGIN-LEFT: 5px; COLOR: #fff; MARGIN-RIGHT: 5px; margin-bottom: 0px;
	 FONT-FAMILY: verdana,arial,helvetica; }
p.titolo { margin-bottom:0; }

.testo { BORDER-RIGHT: #808080 1px solid; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; 
	 PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-top: 5px;
	 MARGIN-LEFT: 5px;  MARGIN-RIGHT: 5px; 
	 FONT-FAMILY: Arial,Helvetica; }
p.testo { margin-top:0; }

[pierofix]

Ricordate che la struttura deve avere senso compiuto, non realizzata in funzione della resa grafica. La domanda che farei io è: A cosa serve e in che contesto è immerso quel "box"?

[makmo]

Innanzi tutto grazie!

Il box mi serve per contenere del testo e vorrei inserire un intestazione?
I colori poi me li provo...

Forse non ho detto niente in più di prima?

Scusate ma sono un po casinaro...provo e vi faccio sapere. Se vi serve qualche info in più se siete specifici è meglio!

Gran Grazie!

[pierofix]

Voglio dire: che tipo di testo deve contenere? Che significato ha all'interno della struttura della pagina?

Prova a slegarti mentalmente dalla grafica e a guardare il documento in maniera lineare, logica: qual è la funzione dell'intestazione/testo in questione?

[makmo]

Pierofix...Peace!

Non è che mi sia molto chiaro quello che dici.
Il tipo di testo dell'intestazione è semplicemente un titolo del tipo: Ricerca le tue donne.

E nel box principale ci metti le istruzioni su come ricercare le tue donne!

Niente di complesso...easy mate!

Grazie per la rapidipidipidà!

[pierofix]

Originariamente inviato da makmo
Niente di complesso

Nessuno parla di complessità o meno : HTML ha i suo marcatori ed ognuno ha un significato preciso. Quello che dobbiamo capire è appunto come è già strutturato il tuo documento e che significato acquisisce il tuo box - meglio chiamarlo area del documento - nella struttura. Hai un link alla pagina incriminata?

[makmo]

Yesse...la pagina incriminata è: http://www.routehunter.com/

I box non li puoi non vedere sono tre box (Ancora ci devo mettere dentro il più delle cose) e vorrei metterci un intestaziun....

P.s. Mi fai sapere se il sito è lento...perchè ho preso uno spazio che mi sembra una gran monnezza!

Bye...e grazie.