TsoDa place written by Daniela Panfili I'm also on
May 14, 2008

Librerie (X)HTML+CSS: Dreamweaver

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>
</div>  <!-- end #sidebar1 -->

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/)

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>