div + css

[ianaz]

Se qualcuno gentilmente potrebbe generarmi il codice (X)HTML + CSS di una pagina come questa con i div :



È il modo migliore secondo me per imparare a posizionare i div

Grazie

[ianaz]

up pf

[ianaz]

up ultima volta

[Another-Life]

Originariamente inviato da ianaz
Se qualcuno gentilmente potrebbe generarmi il codice (X)HTML + CSS di una pagina come questa con i div :



È il modo migliore secondo me per imparare a posizionare i div

Grazie

Il modo migliore per imparare è fare pratica con il proprio impegno....oltretutto il layout che hai presentato è davvero facile,percui non dovresti avere alcun problema a realizzarlo.....

[ianaz]

Sapevo di ricevere una risposta così...
Son del tuo stesso parere, ma giuro che ci ho provato per oltre un ora.
Fidati, non sono di quelli che vuole le cose già fatte

Potrei saper eallora come fare il quadratino rosso? Che lo spazio lo da da destra e non da sinistra...

[Another-Life]

Scusa se insisto,ma non ci credo che non riesci a fare quel layout visto il sito che hai in firma....o magari la tua voleva essere una domanda piu specifica riguardo il layout che hai presentato^^??

[ianaz]

Ma quello non utilizza i CSS per il layout, é fatto tutto a tabelle
Non son mai riuscito ad utilizzare bene i div e vorrei impararlo ora...

[ianaz]

Per favore... son 5 minuti dai...

[atigra]

Penso che se posti un po' di codice che hai scritto e che non ti fa ottenere il risultato sperato, una mano qualcuno te la da volentieri.

[ianaz]

Certo, scusate


Codice HTML:

        <div id="mainTable">
            <div id="randomImagesContainer">
                    [img]images/users/small/2.jpg[/img]
                    [img]images/users/small/3.jpg[/img]
                    [img]images/users/small/1.jpg[/img]
                    [img]images/users/small/4.jpg[/img]
            </div>
            <div id="logoContainer">
                [img]images/others/logo_medium.gif[/img]
            </div>
            
            <div id="navigation" class="bold">
                <ul>
                    [*][url="index.php"]Home[/url]
                    [*][url="index.php?show=aboutus"]Chi siamo[/url]
                    [*][url="index.php?show=events"]Quanto siete lol[/url]
                [/list]
            </div> 
        </div> 

Codice CSS:

div#mainTable {
    width: 100%;
    background-color: #313131;
    border: 1px    solid black;
}
div#logoContainer {
    position: relative;
    width: 260px;
    height: 70px;
    left: 67%;
}
div#randomImagesContainer {
    width: 330px;
    margin-top: 10px;
    margin-left: 10px;
} 

Questo é il risultato dato:


mentre questo é il risultato voluto: