posted on
Wednesday, May 14, 2008 10:26 AM
Per prima cosa vorrei ringraziare tutti per il supporto e il caloroso benvenuto!
Dopo un po' che vedo in giro e ne sento parlare ho finalmente avuto l'occasione di utilizzare una libreria CSS, nel mio caso specifico quelle messe a disposizione da Dreamweaver CS3.
Il codice è fatto tutto su div, corretto in XHTML 1.0 transitional. Avevo fretta (una cosa strana!!) e trovarmi la griglia di base già pronta è stato davvero comodo. Poi alla fine, rivedendo con calma il codice, l'ho cambiato talmente tanto che non è rimasta traccia del template originale :)
Comunque vi riporto un esempio della griglia "template 2 column fixed, left sidebar":
<body class="twoColFixLt">
all'interno del body troviamo :
<div id="sidebar1">
<h3>Sidebar1 Content</h3>
<p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if it will always contain more content. </p>
<p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
<!-- end #sidebar1 --></div>
il CSS relativo:
.twoColFixLt #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 10px 15px 20px;
}
Come prima esperienza con una libreria è stata positiva. Mi ha permesso di avere velocemente un'idea dell'impostazione, saltando la parte di struttura base e concentrandomi sulle particolarità del mio progetto.
Prossimamente testerò altre librerie, tipo quella di Yahoo. (http://developer.yahoo.com/yui/ - http://developer.yahoo.com/yui/grids/)