Come mantenere un altezza proporzionale ad una larghezza in CSS

May 31

È possibile utilizzare i fogli di stile a cascata (CSS) per formattare le dimensioni della tua pagina web, contenitori ed elementi. Mantenere le dimensioni proporzionali richiede la stessa impostazione per l'altezza e la larghezza per i settori specifici che stai formattazione. La sua altezza e la larghezza dovranno essere abbastanza grande per qualsiasi grafica all'interno della pagina, in modo da poter visualizzare correttamente. Impostazione uguali dimensioni è particolarmente utile se si sta creando un contenitore quadrato o di dialogo per la pagina Web.

istruzione

1 Avviare un editor di testo, come Blocco note, TextPad o EditPad. Selezionare "File" e "Apri" dal menu e fare doppio clic sul file HTML che si desidera modificare.

2 Aggiungere il seguente codice tra il tag <HEAD> per creare uno stile con un'altezza proporzionale e una larghezza di 400 pixel:

<Style type = "text / css">
<! -
#container {
altezza: 400px;
width: 400px;
}
->
</ Style>

3 Sostituire "400px;" con le dimensioni che si desidera impostare per l'altezza e la larghezza.

4 Aggiungere il codice seguente tra i tag <body> per applicare lo stile:

<Div id = "container"> testo e / o immagini che si desidera includere andare qui. </ Div>