Cumu l'Aligner et Float Elements in una Pagina Web

A situazione di elementi nantu à una pàgina web hè essenziale à u so designu generale. Invece ancu altri viaghji di influenzà u mudellu, cumu per l'usu di tavule ( chì no ricumandemu ), u megliu hè di utilizà CSS .

Quì sottu, anu da piglià un ochju quantu d'utilizà un propiu modellu CSS cusì in linea per allestà l'imàgine, tàvule, paragrafi è più.

Nota: Sti stessi mètudi pò esse usatu in stili di stili esterni, ma postu ch'elli anu dumandate l'articuli individuali è probabbilmente bisognu di stà stete, hè megliu d'utilizà stilatu in linea cum'è ciò chì seguite sottu.

Aline testu Paragrafi

L'tag di paràgrafu hè u primu locu per cumincià à stallà a vostra pagina web. A apertura è l'altru tagette sò com'è questu:

L'alineazione predefinita di u testu in un paràgra hè à u latuanu di a pagina, ma ancu pudete alignà i vostri paragrafi à u dirittu è u centru.

Utilizà a pruprietà di u float permette alleate i paragrafi à a diritta o l'ombra di l'elementu parent. Ogni elementi à l'ingrossu quellu elementu parentiu fluxu in u circondu.

Per piglià u megliu effettu cù un paràgrafu, hè megliu definisce una larghezza nantu à u paràgraf chì hè più chjuca di l'elementu di cunnessu (parent).

Alignate i Parolle paragrafi in testu

Cume, l'alineamentu più interessanti per u testu di paragrafi hè "justificà", chì rende à u navigatore per vede u testu alineatu, essenziale, à u latu di u latu di u ventu.

Per ghjustificà u testu in un paràgrafu, avete aduprà a propietariu d'alineazione di textuale.

Pudete puru alignà tutti i testu in un paràgrafu à u dirittu right or left (u default), cù a prughjettata d'alineazione di textuale.

A basa di l'alineate di u textuale hè allizione u testu in l'elementu. Per artighjanu, ùn hè micca suppostu à alineà l'imagine chì sò cuntenuti nant'à u paràgrafu o l'altru elementu, ma a maiò parte di i browsers trattate l'imaghjinate in linea per questa propria.

Alignate I Images

Utilizà a prupietà di u float in una tag di l'imagine pudete definisce a piazza di l'imagine nantu à a pagina è cumu u testu cumpresi.

Cumu l'ultimi paragrafi, a pruprietà di u stilu floatu in a tag di l'imagine postaglià a vostra imagina nantu à a pagina è dilla à u navigatore cumu u prucessu di flussu è l'altri elementi in questa scena.

U testu chì seguita a tag di l'image dettu fluverà versu a imatge à a diritta com'è l'imaghja mostra in a sinistra di a pantalla.

Sè vogliu chì u testu ùn puderà micca impregnatu cù l'imaghjera, aduprate a pruprietà chjesa:


Aligning More Than Paragrafie

Eppuru, chì si vulete alignà più di solu un paràgrafu o una imagina? Pudete pussìbule solu una famiglia stilata in ogni paràbula, ma hè una tag chì pudete aduprà chì hè più efficace:

Circate u circhiu à u testu è imaghjini (cumprese HTML tags ) cù l'tag è a stile propiu (float o text-align) è tuttu in quella divisione sarà allinata cumu vogliu.

Aghjustate in mente chì l'alignizzioni aghjuntu à i paragrafi o imaghjini in a divisionu sarà onorevule, annullà l'tag.