Kommunauty
Connexion
Inscription

Mise en place d'un site en html5


jeandub Messages : 146

Bonjour à tous.

Je suis en train de mettre en place un site et je cherche à faire en sorte que la bannière du site soit de la largeur de l'écran.

L'image de la bannière fait 1240 px.

Si Sypix vient dans les parages je le salue particulièremlent

lundi 3 février 2014

Homer Messages : 1856

c'est du css, si tu veux que tout ton site soit en 1240

body {

width: 1240px;

}

Attention, pense à ceux qui ont des petites résolution (1024*768 pour du 15" standard)

lundi 3 février 2014

Mizur Messages : 6617

c'est du css, si tu veux que tout ton site soit en 1240

Je pense plutot qu'il veut redimensionner l'image pour qu'elle corresponde à un écran qui aurait justement une définition plus petite...

A mon avis c'est plutot :

img {
width: 100%;
}

Tout simplement non ?

lundi 3 février 2014

Homer Messages : 1856

aussi

lundi 3 février 2014

jeandub Messages : 146

Bonjour à vous 2.

Désolé j'ai du m'absenter hier soir.

En fait mon problème est le suivant : ma bannière en haut de page est constituée d'une image de longueur 1240 px. Je ne la trouve pas assez large... Donc je cherche comment faire pour l'allonger sans avoir à la retoucher avec photoshop.

J'espère avoir été clair.

Merci d'avance

mardi 4 février 2014

mandalorien Messages : 113

regarde la propriété css , background-size

mardi 4 février 2014

Mizur Messages : 6617

Ah ok ! Ben suffit de définir sur ton image :

min-width: 100%;
mardi 4 février 2014

jeandub Messages : 146

Je crois que background-size est plus fait pour une image carré non ?

Avec min-width : 100%, ça prend la largeur de l'écran ???

mardi 4 février 2014

jeandub Messages : 146

J'ai essayé min-width : 100% ça décale tout à droite

mardi 4 février 2014 (Dernière édition mardi 4 février 2014)

mandalorien Messages : 113

non c est tu fais un background-size:100%; il prendra pour n importe quel taille d ecran 100% en with en redimentionnant automatiquement aprés tu peux faire ce Ue mizur a dit

mardi 4 février 2014

Page suivante »