Newsgroup: it.comp.www.html
Titolo: [ confronto sito ] vecchio/nuovo la yout con un pò css

Salve a tutto il news!
avrei una piccola richiesta da fare:
mi guardereste il vecchio sito 
http://web.tiscali.it/penguinatwork/
e quello nuovo 
http://space.virgilio.it/swa...@tin.it/
 ??
in particolare vorrei pareri su:
- ottimizzazioni css
- trasformazione di una riga con due colonne in due #qualcosa nel
   foglio di stile [1]
[1] guardate ad esempio una pagina a caso della sezione pensieri.
     in queste pagine č presente una tabella a due colonne; ogni
     riga č una "composizione" ... la mia idea sarebbe quella di
     trasformare il primo <td> del titolo in un #tdTitolo e il
     secondo <td> in #tdCorpo cosě se un domani mi rompo di avere i
     titoli sulla sinistra posso cambiare #tdTitolo e via.
     al momento il layout č questo
     +-----+-------------+
     |     |             |
     +-----+-------------+
     se usassi un i css volendo potrei trasformarlo anche in:
     +-------------------+
     |                   |
     +-------------------+
     |                   |
     +-------------------+
     modificando un solo file giusto? farei una bella cosa o no
     ne vale la pena?
ah, alcune pagine hanno ancora il vecchio stile dato che non ho
ancora terminato la conversione ... :-\
grassssie per eventuali dritte ;-)
-- 
[ Fustino? What a F#*k1n6 nick!? ]
  ~ ICQ: 61670579

 
eccomi a casetta!!
ecco in breve ciò che volevo fare:
BEGIN<<---- CSS File ---->>BEGIN
<cut>
#titleComp{
/* titolo della composizione */
   font-family: verdana,geneva,arial,helvetica,sans-serif;
   font-weight: normal;
   text-align:left;   
   padding-left: 0px;
   width:150px;
}
#bodyComp{
/* corpo della composizione */
   position: float;
   font-family: verdana,geneva,arial,helvetica,sans-serif;
   font-weight: normal;
   text-align:left;   
   padding-left: 150px;
   padding-top: 0px;
}
<cut>
END<<---- CSS File ---->>END
usata nella pagina in questo modo:
    <div id="titleComp">
        <div id="title">Titolo della cosa</div>
        <div id="bodyComp">
            riga 1<br>
            riga 2<br>
            ...<br>
            ecc, ecc<br>
            <div id="sign">Ka!</div>
        </div>
    </div>
Lasciate state #title e #sign che sono altra storia ... il mio
problema ora è che non capisco come far scrivre bodyComp alla stessa
altezza di titleComp.
insomma, ottenere un risultato come questo:
    <tr>
       <td width="150" align="left" valign="top">
          <br> <br>
          <div id="title">Titolo</div>               
       </td>
       <td width="*" align="left">
          <br> <br>
          riga 1<br>
          riga 2<br>
          ...<br>
          ecc, ecc<br>
          <div id="sign">Ka!</div>
       </td>
    </tr>
mi date uno spunto??
-- 
 [ Running Debian Woody - GNU/Linux ]
 ~ 
http://web.tiscali.it/penguinatwork/
 ~ MSN: 
epic...@hotmail.com
 
 ~ ICQ: 61670579
 ~ AIM: 
Epicu...@netscape.net

>     al momento il layout è questo
<ri-cut>
risolvo on my own ;-)
per chi sia interessato o abbia bisogno soluzione simile
va al sito in firma e guardi il css
-- 
[ Fustino? What a F#*k1n6 nick!? ]
  ~ 
http://space.virgilio.it/swa...@tin.it
  ~ ICQ: 61670579