immagine ripetuta nel bordo di un contenitore

[kap]

Ebbuondì! sono nuovo e volevo porvi una domanda


Stavo modificando la pagina di un amico e mi sono incastrato in un punto...

vorrei usare un'immagine che ho (dei pixel in diagonale) per disegnare il bordo di un contenitore solo che non riesco, o meglio non ottengo i risultati che vorrei.

Vorrei avere una cosa così




1: sfondo pagina web
2:bordo
contenuto: è il caso di dirvelo?

se avete bisogno di chiarimenti non esitate

bai bai

il giullare di corte che non è morto

dimenticavo...se la cosa è risolvibile con i css meglio così modifico i contenitori preesistenti sennò agisco direttamente sul codice html e non muore nessuno

[kap]

nisba?

[Mr.TFM]

Mi sa che ti conviene farti una cornice in gif e usare quella...
A meno che tu non voglia avere una cosa dinamica che si espande a seconda del contenuto....

Allora mi sa che devi dividere la cornice in 9 (i 4 angoli, i 4 lati e il centro) oppure in 3 (la parte superiore della cornice, la parte centrale e la parte inferiore)....

Nel primo caso (più complicato) potresti avere la possibilità di avere una cornice che si allarga e si allunga, nel secondo la conice si allungherà solamente.....

[ssjx]

1 - crei un primo div con background l'immagine dei pixel in diagonale

2 - all'inerno crei un secondo div (più piccolo e con i dovuti margini) con sfondo bianco ed al cui interno piazzi il contenuto

Esempio:

Codice: Seleziona tutto

#div1 {
   width: 200px;
   padding: 0;
   background-image: url(../bg_strip.gif);
}

#div1 {
   width: 180px;
   height: 100%;
   margin: 20px;
}

Credo dovrebbe andare

[kap]

Grazie ad entrambi per le risposte...

effettivamente dovrebbe essere una cornice dinamica; provo la soluzione proposta da ssjx e ve fo sapè anche se non credo di riuscire a farlo oggi visti gli esami in vista

ciaooooo

[kap]

La voglia di fare sta roba era troppa e ha scavalcato a piè pari il libro di algoritmi e basi di dati..eheh

GRAZIE!

la soluzione era semplice e io idiota non c'ero arrivato! eheh


grazie per lo spunto ssjx; ho dovuto un po' smanettare nel div del bordo a causa di un css di base sballato ma alla fine ce l'ho fatta, per mia grande gioia

arigrazie!

ora posso andare a studiare in pace

[ssjx]

non c'è di che


anche se mi sono accorto di aver scritto ben 2 fregnacce in sole 2 stringhe di codice

in caso qualcuno in futuro legga questo 3D il codice giusto sarebbe questo:

Codice: Seleziona tutto

#div1 {
   width: 200px;
   padding: 0;
   background-image: url(../bg_strip.gif);
}

#div2 {
   width: 180px;
   height: 100%;
   margin: 10px;
}