Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    25

    Come creare un DIV a forma geometrica

    ciao a tutti...

    ho cercato sul forum ma non ho trovato risposta... su google ho scoperto che la cosa si può fare, ho trovato degli esempi, ma non ho trovato la soluzione che fa al caso mio...

    in allegato il DIV che voglio realizzare...

    p.s. in realtà i DIV devono essere 2: il primo in alto a sx e l'altro quello colorato... spero di essermi spiegato...

    gli esperti che soluzione mi consigliano???

    grazie e buon 2012 a tutti!
    Immagini allegate Immagini allegate

  2. #2
    In pratica devi nidificare (non graficamente,ma proprio nel css) il div piccolo nel contenitore, si fa in questo modo:

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    body {
    	text-align: center;
    }
    
    #content{
    	width: 780px;
    	height: 500px;
    	margin: auto;
    	border: 1p solid black;
    }
    
    #content #nav{
    	width: 300px;
    	height: 200px;
    	float: left;
    	border: 1px solid red;
    }
    </style>
    </head>
    <body>
    <div id="content">
    <div id="nav">
    
    </div>
    
    </div>
    </body>
    </html>
    Io ho messo il contenitore al centro, ma puoi modificarlo come vuoi

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.