Applicare css ai DIV

lunedì 20 luglio 2009 - 19.53

dosa85 Profilo | Junior Member

Salve, come da titolo vorrei sapere come fare per applicare un css ad un singolo DIV invece di tutta la pagina poichè ho necessità di applicare degli stili differenti sulla pagina. poichè è da poco che uso v.studio 2005 per creare siti vorrei un aiuto. Vi posto la porzione di codice interessata:



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

alx_81 Profilo | Guru

>Salve,
ciao

>come da titolo vorrei sapere come fare per applicare un
>css ad un singolo DIV invece di tutta la pagina poichè ho necessità
>di applicare degli stili differenti sulla pagina. poichè è da
>poco che uso v.studio 2005 per creare siti vorrei un aiuto.
Ciao, è sufficiente scrivere il o i tuoi css definendo degli identificativi in modo da collegare uno stile ad un tag html.
Hai ad esempio

.nomeclasse {attributi}
#idtag {attributi}
elemento {attributi}

.AlcuniDIV {border: 1px solid #0000FF; width: 100px;} #MioDIV {background-color: #000000; font-family: tahoma;} div {background-color: #000000;}

poi nell'html:

[...]
<div class="AlcuniDIV"></div>
<div class="AlcuniDIV"></div>
<div class="AlcuniDIV"></div>
<div id="MioDiv">Prova</div>
[...]

in questa porzione di HTML la class si associa allo stile .AlcuniDIV, il quarto div viene formattato con stile #MioDiv e tutti i div avranno lo stile definito dal formato div del css.

--

Alessandro Alpi | SQL Server MVP

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.support.microsoft.com/profile/Alessandro.Alpi
http://italy.mvps.org

dosa85 Profilo | Junior Member

Ciao. Grazie per la risposta rapida. Ho capito il concetto, ma non capisco bene come seguire la procedura... Potresti spiegarmi meglio!???!

alx_81 Profilo | Guru

>Ciao. Grazie per la risposta rapida. Ho capito il concetto, ma
>non capisco bene come seguire la procedura... Potresti spiegarmi
>meglio!???!
Immagina di avere n tag html, div, a, input, table, span, ecc.. insomma una bella pagina html completa e corretta (well formed secondo le specifiche del w3c).
A quel punto devi ragionare su come applicare gli stili e quindi:
- quali stili sono di classe, ovvero quali stili sono COMUNI a più tag
- quali stili sono di elemento, ovvero quali attributi dare agli elementi html delle pagine
- quali sono le esigenze particolari, ovvero quali tag html avranno bisogno di uno stile diverso dagli altri

una volta capito come vuoi organizzare la tua pagina dovrai scrivere il css, definendo classi per eventuali elementi e attributi. Supponiamo che un div voglia uno stile che solo lui, all'interno della pagina deve avere.
Il div è così così formato:

<div id="divContainer"> <!-- metti il contenuto eventuale qui --> </div>

nel foglio di stile (un file .css esterno all'html ad esempio) crei lo stile per quel solo div e metterai ad esempio:

#divContainer { font-family: Tahoma; font-weight: bold; color: #00FF00; }

A questo punto hai definito lo stile. Per collegarlo al tag html dovrai dire all'html stesso dove andare a pescare il css:

<html> <head> <link rel="stylesheet" type="text/css" href="tuofileesterno.css" /> </head> <body> <div id="divContainer"> <!-- metti il contenuto eventuale qui --> </div> </body> </html>

A questo punto è tutto fatto, hai applicato lo stile a quel div in particolare.
Per la classe basta definire l'attributo class, mettendo il nome della classe che vai a creare nel css allo stesso modo, ma con la sintassi .nome invece di #nome.
è più chiaro ora?
--

Alessandro Alpi | SQL Server MVP

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.support.microsoft.com/profile/Alessandro.Alpi
http://italy.mvps.org

dosa85 Profilo | Junior Member

Chiaro e conciso. Tutto ok! Grazie
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 !
Copyright © dotNetHell.it 2002-2024
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5