Exemple de 3 caixes horitzontals i responsives

Hacker

Aquest és el codi HTML:


Vecinos

Visitantes

Gestiones

I aqeust és el codi CSS:


#container_portada_responsive {
text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;
min-width: 103%;
position: relatve;
left: -20px;
}

.box1, .box2, .box3 {
width: 32%;
height: 200px;
vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1
padding: 0;
margin: 0;
}
.stretch {
width: 100%;
display: inline-block;
font-size: 0;
line-height: 0
}

Doncs bé això és tot, espere que trobes útil aquest article i que et motive a compartir els teus trucs, els teus coneixements i els teus experiments amb el Programari Lliure. Pensa-ho, va, que la Comunitat del Programari Lliure va creixent gràcies a la documentació, el disseny, la formació o la programació, sigues part de la Comunitat :-)

La cultura i la lliure circulació de les idees és l'arma més efectiva contra les dictadures del pensament i contra la ignorància.

Utilitats

NAVEGACIÓ SENSE RATOLÍ

- Tab següent enllaç.
- Shift+Tab anterior enllaç.
- Enter activa l'enllaç.
- Alt+esquerra anar arrere.

CONTRAST DE COLORS

Accessibilitat - Color Negre
Accessibilitat - Color Groc
Accessibilitat - Color Verd

Accessibilitat - Color Blau
Accessibilitat - Color Crema
Accessibilitat - Color Blanc

 

PORTADES ALTERNATIVES