immagine come border

[ceribbo]

buona sera allora mi sono da poco cimentato nell'html ed ho creato questo sito: http://starracing.altervista.org/ e volevo un pò modificarlo:
tra le varie sezioni : header- colonna sinistra, destra e content vorrei inserire un borbo a imamgine come per esmpio c'è su questo sito: http://milettiracing.jimdo.com/tipps-and-advice/
come devo modificare il mio css? per esempio questo è il mio codice css per l'header:

#header { color: #333; width: 100%; float: left; height: 230px; background:#333333; }

come posso modificarlo?

[irdg]

Esattamente come ha fatto il webmaster del sito da te indicato:

menu03v
div sopra con dentro l'immagine della parte sopra del bordo
div contenente il contenuto attiale di menu03v con background una strischia di uno o 2 pixel di altezza del bordo
div piede con dentro l'immagine della parte bassa del bordo.

alternativamente ci sono componenti in javascript che ti creano questi tipi di effetti (tipo lo shadeborder di mootools)

[ceribbo]

cioè scs nn ho capito , non sono molto esperto siceramente volevo solo sapere nell css cos'altro devo mettere? per esempio io ho quest'immagine coe la devo sistemare? http://starracing.altervista.org/border.png ti prg

[irdg]

Prendi il tuo DIV (come esempio utilizziamo menu03v)

<div id="menu03v">[Contenuto]</div> 

il div le metti dentro un'altro div

<div id=contmenu03v><div id="menu03v">[Contenuto]</div></div> 

a questo div gli dai margin:0 Npx; (dove N è la larghezza del tuo bordo)

sopra e sotto menu03v ci metti due div che contengolo il sopra e il sotto del bordo

<div id=contmenu03v>
    <div id="sopramenu03v">imgsopra</div>
    <div id="menu03v">[Contenuto]</div>
    <div id="sottomenu03v">imgsotto</div>
</div> 

imgsopra è la tua immagine (ridimenzionata ad-hoc)
imgsotto è la stessa immagine rovesciata
a contmenu03v gli dai come background una striscia del tuo bordo in modo che ripetendosi completi l'immagine

[ceribbo]

ok perfetto ma ai lati?

[irdg]

il background-images di contmenu03v