Punto informatico Network
Login Esegui login | Non sei registrato? Iscriviti ora (è gratuito!)
Username: Password:
  • Annuncio Pubblicitario

immagine ripetuta nel bordo di un contenitore

Cerchi consigli per migliorare il tuo sito? Vuoi aprire un sito in poco tempo?
Discuti con altri webmaster, chiedi chiarimenti ed opinioni in tutta libertà.
Lo spam verrà cancellato.

immagine ripetuta nel bordo di un contenitore

Messaggioda kap » sab gen 26, 2008 6:38 pm

Ebbuondì! sono nuovo e volevo porvi una domanda [rolleyes]


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ì


Immagine

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

se avete bisogno di chiarimenti non esitate

bai bai

il giullare di corte che non è morto [crylol]

dimenticavo...se la cosa è risolvibile con i css meglio così modifico i contenitori preesistenti sennò agisco direttamente sul codice html e non muore nessuno [std]
In bocca al lupo per tutto ragazzi
Avatar utente
kap
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 2876
Iscritto il: lun ott 09, 2006 11:10 am
Località: car el me car milan

Messaggioda kap » lun gen 28, 2008 10:29 am

nisba? [...]
In bocca al lupo per tutto ragazzi
Avatar utente
kap
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 2876
Iscritto il: lun ott 09, 2006 11:10 am
Località: car el me car milan

Messaggioda Mr.TFM » lun gen 28, 2008 12:05 pm

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..... [:)]
MegaLab è una potentissima droga virtuale.
"Nella setta del Codice Macintosh si può entrare, ma non se ne può uscire." V. ZUCCONI
Avatar utente
Mr.TFM
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 23387
Iscritto il: gio mar 18, 2004 11:46 am
Località: Livorno Ferraris (Vercelli)


Messaggioda ssjx » lun gen 28, 2008 12:14 pm

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
Usavo IE e mi lamentavo... usavo Mozilla e mi lamentavo, decisamente meno ma mi lamentavo, ... poi ho trovato Opera e fu amore a prima vista
Avatar utente
ssjx
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 5756
Iscritto il: ven nov 26, 2004 3:37 pm
Località: Barcellona

Messaggioda kap » lun gen 28, 2008 4:00 pm

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 [cry+]

ciaooooo
In bocca al lupo per tutto ragazzi
Avatar utente
kap
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 2876
Iscritto il: lun ott 09, 2006 11:10 am
Località: car el me car milan

Messaggioda kap » lun gen 28, 2008 4:39 pm

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 [std]
In bocca al lupo per tutto ragazzi
Avatar utente
kap
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 2876
Iscritto il: lun ott 09, 2006 11:10 am
Località: car el me car milan

Messaggioda ssjx » lun gen 28, 2008 5:54 pm

non c'è di che [std]


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

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;
}
Usavo IE e mi lamentavo... usavo Mozilla e mi lamentavo, decisamente meno ma mi lamentavo, ... poi ho trovato Opera e fu amore a prima vista
Avatar utente
ssjx
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 5756
Iscritto il: ven nov 26, 2004 3:37 pm
Località: Barcellona


Torna a Sviluppo Web

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite

Powered by phpBB © 2002, 2005, 2007, 2008 phpBB Group
Traduzione Italiana phpBB.it

megalab.it: testata telematica quotidiana registrata al Tribunale di Cosenza n. 22/09 del 13.08.2009, editore Master New Media S.r.l.; © Copyright 2008 Master New Media S.r.l. a socio unico - P.I. 02947530784. GRUPPO EDIZIONI MASTER Spa Tutti i diritti sono riservati. Per la pubblicità: Master Advertising