Hvordan å holde en høyde proporsjonal med en bredde i CSS
Du kan bruke Cascading Style Sheets (CSS) til å formatere dimensjonene på websiden din, containere og elementer. Holde dimensjonene proporsjonal krever samme innstillingen for høyde og bredde for de spesifikke områdene du formaterer. Din høyde og bredde må være stort nok for noen grafikk i siden, slik at de kan vises riktig. Innstilling like dimensjoner er spesielt nyttig hvis du oppretter en firkantet beholder eller boks for websiden.
Bruksanvisning
1 Start en tekstredigeringsprogram, for eksempel Notisblokk, TextPad eller EditPad. Velg "File" og "Open" fra menyen og dobbeltklikk på HTML-filen du ønsker å endre.
2 Legg til følgende kode mellom <HEAD> tag å skape en stil med en proporsjonal høyde og bredde på 400 piksler:
<Style type = "text / css">
<! -
#container {
height: 400px;
width: 400px;
}
->
</ Style>
3 Erstatt "400px;" med dimensjonene du vil angi for høyde og bredde.
4 Legg til følgende kode mellom <BODY> tag bruke stilen:
<Div id = "container"> Tekst og / eller grafikk du vil inkludere gå her. </ Div>