Div con all'interno un altro div e gestione del background

venerdì 08 febbraio 2013 - 10.22

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

Elenco Tags VB.NET | .NET 4.0 | Windows Server 2008 | Visual Studio 2010

trinity Profilo | Guru

3.465 messaggi | Data Invio: ven 8 feb 2013 - 10:22

Ragazzi,
vorrei avere come risultato come nell'immagine allegata:

500x250 13Kb

Ho pensato di inserire un div principale ed impostare lo stayle in questo modo:

 style="width:500px; height:350px; background-color:#cccccc"

e poi all'interno inserire un altro div ed impostare lo style in questo modo:

 Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

ma mi esce tutto bianco.

non è possibile giocare in questa maniera ma bensì devo creare proprio un'immagine e passarla ad un solo div come background image?

ciao
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

andrestu Profilo | Expert

772 messaggi | Data Invio: ven 8 feb 2013 - 11:00

scusa forse non vedo bene l'immagine ma è un semplice box con un bordo grigio ? se si perchè non crei un unico div e aggiungi lo stile border ...

Andrea Restucci - Web Developer

martinez Profilo | Senior Member

274 messaggi | Data Invio: ven 8 feb 2013 - 11:09

Ciao
non ti funziona semplicemente perché i margini non il padding vanno inseriti nel box contenitore come in questo esempio:


    <div style="width: 500px; background-color: #ccc; padding: 10px;">
        <div style="background-color: white; height: 350px;" ></div>
    </div>

Ciao spero di essere stato d'aiuto.

trinity Profilo | Guru

3.465 messaggi | Data Invio: ven 8 feb 2013 - 11:16

Grazie mille...

rispondendo a andrestu, visto che mi piace imparare sempre più :-), con il boder come si fa?

ciao
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

andrestu Profilo | Expert

772 messaggi | Data Invio: ven 8 feb 2013 - 11:30

questa è la forma abbreviata

<div style=" border:50px solid Gray; "></div>

per la estesa basta che cerchi sul web e troverai tanti esempi

Andrea Restucci - Web Developer

trinity Profilo | Guru

3.465 messaggi | Data Invio: ven 8 feb 2013 - 14:39

ok thx
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

DomA Profilo | Expert

537 messaggi | Data Invio: ven 8 feb 2013 - 22:31

Ciao,
scusate se mi intrometto nella discussione, ma vorrei consigliarti di utlizzare html5 e css3. Sul web trovi buone guide ed entrambi portano con sé notevoli innovazioni rispetto al passato. Con i css3 puoi creare div con bordi arrotondati e gradienti. Io ho appena iniziato con i CSS3 e la curva di apprendimento è abbastanza impegnativa.

Ecco una guida x iniziare: http://www.html.it/guide/guida-css3/

Visual studio 2010, inoltre, offre il supporto intellisense x le suddete "tecnologie".

http://www.infomidia.it/notizia.aspx?cod=142

Probabilmente ne sapete più di me al riguardo , ma può essere utile ad altri utenti del forum.

-----------------------------------------------------------------------------------------------------------------------------------------

http://www.infomidia.it

Domenico

andrestu Profilo | Expert

772 messaggi | Data Invio: sab 9 feb 2013 - 09:50

Grazie per le info sono sempre ben accettate, io sinceramente non mi sono ancora incimentato nell'utilizzare CSS3 e HTML5, quello che mi preoccupa di più è la compatibilità verso il basso.
Per quanto riguarda l'html5 se sviluppo un intera struttura in html5 come faccio a renderla compatibile per i browser che non lo supportano? se non sbaglio ci sono dei plug-in magari in javascript che risolvono il "problema", tu li hai utilizzati? quali sistemi usi per garantire la compatibilità verso il basso?
Stesso discorso per i CSS3, forse in questo caso un buon utilizzo di Aspnet (o MVC) può risovere il problema, magari fornendo al client un file css differente in base alla compatibilità del browser verso html5, però bisogna comunque sempre stare attenti alla struttura e alle varie differenze che può avere una struttura CSS3 e una CSS2...

Andrea Restucci - Web Developer

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !