Layout html css

Devil-94

Devil-94

Utente Attivo
16 Lug 2013
120
0
16
Untitled.png

Ciao, Vorrei un layout ( vedere l'immagine )

;)

Grazie
 
criric

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, eccolo
HTML: 
<!DOCTYPE html>
<html>
    <head>
        <title>Hi</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
            html body {
                text-align: center;
            }
            #container {
                width: 1024px;
                overflow: hidden;
                margin:auto;
            }
            #menu {
                width: 30%;
                float: left;
                border-radius:6px;
                border:2px solid black;
            }
            #contenuto {
                width: 69%;
                float: right;
                border-radius:6px;
                border:2px solid black;
            }
            #contenuto p{
                width: 95%;
                margin:auto;
                text-align: justify;
            }
            .titolo {
                width: 98%;
                margin:auto;
                border-bottom:2px solid black;                
            }
            #footer {
                width: 1024px;
                margin: 12px auto;
                clear: both;
                text-align: center;
                padding:8px 0;
                border-top:2px solid black;                 
            }
        </style>
    </head>
    <body>
        <div id="container">
            <div id="menu">
                <div class="titolo">Menu</div>
                <ul>
                    <li>link</li>
                    <li>link</li>
                    <li>link</li>
                    <li>link</li>
                    <li>link</li>
                    <li>link</li>
                    <li>link</li>
                </ul>
            </div>
            <div id="contenuto">
                <div class="titolo">News</div>  
                <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. 
                    Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
                    Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
                    Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
                    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
                    Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
                    Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. 
                    Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
                    Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. 
                    Phasellus viverra nulla ut metus varius laoreet.
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
                </p>
            </div>
        </div>
        <div id="footer">
            footer
        </div>
    </body>
</html>
Io invece vorrei una pizza :evil:
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
Y corrispondenza misure portando un layout da photoshop in html/css Photoshop 0
Andrea_Ventura [HTML] Realizzazione di un layout dinamico di immagini HTML e CSS 4
Andrea_Ventura [HTML] Layout multicolonna (no table) HTML e CSS 2
D Layout di foglio Excel generato con PhpSpreadsheet PHP 5
felino Bug estetici del nuovo layout Supporto Mr.Webmaster 1
A [WordPress] Elementor responsive layout WordPress 8
L border in tabella php + layout stampa PHP 0
crealatualista [PHP] layout pagina con immagine codice a barre PHP 3
utente css esterno con layout HTML e CSS 1
F layout stampa css HTML e CSS 2
G Java & layout Java 2
M Layout e menu mobile HTML e CSS 2
M Problema con il layout HTML e CSS 3
R Dubbi Incolonnamento Layout con Bootstrap. HTML e CSS 1
Marco_88 Problemi layout con firefox HTML e CSS 3
felino Adattare un layout desktop ad un responsive HTML e CSS 9
K Aggiornare solo una parte di Layout Sviluppo app per Android 0
A Consiglio su layout responsive HTML e CSS 3
E layout responsive problemi con google chrome su smartphone android e win 8 HTML e CSS 0
D Tabella con layout per smartphone HTML e CSS 2
G Javascript library layout Javascript 1
S problema di layout HTML e CSS 5
giap Layout come questo sito HTML e CSS 4
P proprietà Position in layout liquido... HTML e CSS 0
A Layout stabile per varie risoluzioni HTML e CSS 0
L preview di una textarea con layout del sito PHP 2
felino Nuovo layout del forum Supporto Mr.Webmaster 7
V Layout fragment main Sviluppo app per Android 1
L Layout flessibile con css. Voi come fate? HTML e CSS 1
X Dimensioni pagina scegliere layout HTML e CSS 2
A inserire background con gradiente in un layout Sviluppo app per Android 1
S Visualizzazione errata del layout e dei font del sito HTML e CSS 1
R inserire menu spry in layout a griglia fluida HTML e CSS 1
L Problema dimensione layout WordPress 1
L Consiglio su layout css... HTML e CSS 2
I Shape5-Vertex Template - sistemazione layout Joomla 1
A Problema gestione layout con css HTML e CSS 11
M Layout fluido HTML e CSS 13
M Layout e zoom HTML e CSS 1
F layout fluido HTML e CSS 4
L Cambiare contenuto senza modificare il layout PHP 6
F problema con layout fluido HTML e CSS 1
P inserire elementi dotati di dimensione propria in layout a griglia fluida HTML e CSS 5
P Layout a griglia fluida vs. animazioni flash HTML e CSS 0
M Layout compatibile per ogni browser HTML e CSS 3
L Feedback - design / layout per un sito dedicato ai Tablet PC Presenta il tuo Sito 2
J A corto di layout HTML e CSS 2
nim layout fluido HTML e CSS 4
M immagini e layout fluido HTML e CSS 0
neo996sps Estrarre i dati e presentarli con un layout particolare PHP 0

Discussioni simili

Alto Basso