Problemino con css e html

mrcervello

Problemino con css e html

Salve a tutti,
ho un piccolo problema...
sto cercando di creare un header simile a questo: youtube.com/user/radio105network
Con logo, e le colonne con i link..

Non riesco però a capire come impostare il css...qualcuno mi può dare una mano???

Grazie!!

marcocarrieri

Non hai un punto di partenza di codice su cui aiutarti?
Se lo posti, metti sia l'html che il css usato usando l'apposita funzione.

mrcervello

no, parto da zero.

Ho provato ad ispezionare la pagina...
se ti può essere utile c'è un menu quasi uguale qui:
105.net/sezioni/mondo105/feed_rss/

marcocarrieri

Domandine.

Struttura a div o tabelle(sconsgliate).
La struttura è divisa cosi?
Prima riga con header.
Seconda riga con colonna contenuti, e colonna destra.
Terza riga con Footer.

mrcervello

ovviamente struttura div..
quello che io voglio costruire è quella fascia con logo, link e le icone di fb, youtube..
poi sotto un frame...ma quella è l'ultima cosa..

marcocarrieri

Una struttura cosi ti potrebbe andare?
Naturalmente è solo una bozza.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>Prova</title>
        <style type="text/css">
            body
            {
                background:silver;
            }
            #contenitore
            {
                background:lightgreen;
                width:900px;
                margin:0 auto;
            }
            #testata
            {
                background:pink;
                height:50px;
            }
            #sinistro
            {
                width:650px;
                float:left;
                height:500px;
            }
            #destro
            {
                background:lightblue;
                width: 250px;
                float:left;
                height:500px;
            }
            #footer
            {
                background:pink;
                height:50px;
                clear:both;
            }
        </style>
    </head>
    <body>
        <div id="contenitore">
            <div id="testata">HEADER</div>
            <div id="sinistro">SINISTRO</div>
            <div id="destro">DESTRO</div>
            <div id="footer">FOOTER</div>
        </div>
    </body>
</html>

```Mi raccomando, attenzione ad iniziare le frasi con la lettera maiuscola qua nel forum.