Style CSS - Adapter site au visiteur
Fermé
zevinny
Messages postés
164
Date d'inscription
mardi 28 décembre 2004
Statut
Membre
Dernière intervention
13 février 2010
-
19 oct. 2008 à 12:26
zevinny Messages postés 164 Date d'inscription mardi 28 décembre 2004 Statut Membre Dernière intervention 13 février 2010 - 3 nov. 2008 à 14:33
zevinny Messages postés 164 Date d'inscription mardi 28 décembre 2004 Statut Membre Dernière intervention 13 février 2010 - 3 nov. 2008 à 14:33
A voir également:
- Style CSS - Adapter site au visiteur
- Site de telechargement - Guide
- Style word - Guide
- Site inaccessible - Guide
- Site de vente entre particulier - Guide
- Darkino site - Guide
27 réponses
Utilisateur anonyme
19 oct. 2008 à 15:21
19 oct. 2008 à 15:21
DIV sans hésitation ! Enfin après ça dépend pourquoi ... Mais c'est clairement dit partout que les tableaux ne doivent pas servir de mise en page ... Un tableau doit être utilisé pour classer des donnés, pas pour décorer ... Je me disais "mais ouais zyva je fais ce que je veux" mais en fait utiliser table ou lieu de div c'est beaucoup plus ch*ant ^^ Div tu en fais ce que tu veux ... Tu le domines ! Muhahaha
zevinny
Messages postés
164
Date d'inscription
mardi 28 décembre 2004
Statut
Membre
Dernière intervention
13 février 2010
56
19 oct. 2008 à 16:51
19 oct. 2008 à 16:51
C'est vrai, le tableau c'est foireux, mais bon ça ne m'aide pas!
pff j'attendrai d'autres réponses à ce sujet... car j'y arrive pas!
pff j'attendrai d'autres réponses à ce sujet... car j'y arrive pas!
Utilisateur anonyme
19 oct. 2008 à 17:22
19 oct. 2008 à 17:22
Essaye de simplifier ton site .... Tu sais, pas besoin de faire compliqué pou que ce soit ergonomique et jolie !
Regarde moi: http://eiewn.e3b.org, et bha j'ai remarqué qu'en 800x600 il s'affichait pareil qu'en 1024x768 ou 1200x800.
Et vas-y je t'en prie te gêne pas pour jetez un coup d'oeil à la CSS ^^
Regarde moi: http://eiewn.e3b.org, et bha j'ai remarqué qu'en 800x600 il s'affichait pareil qu'en 1024x768 ou 1200x800.
Et vas-y je t'en prie te gêne pas pour jetez un coup d'oeil à la CSS ^^
zevinny
Messages postés
164
Date d'inscription
mardi 28 décembre 2004
Statut
Membre
Dernière intervention
13 février 2010
56
22 oct. 2008 à 22:21
22 oct. 2008 à 22:21
Pas mal, merci!
les dessins et images sont complexe je pense quand on l'utilise en fond d'écran.
Je dois m'y mettre afin de trouve une petite solution, mais je tente de le faire plus simple. espérons que se sera mieux!
les dessins et images sont complexe je pense quand on l'utilise en fond d'écran.
Je dois m'y mettre afin de trouve une petite solution, mais je tente de le faire plus simple. espérons que se sera mieux!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
zevinny
Messages postés
164
Date d'inscription
mardi 28 décembre 2004
Statut
Membre
Dernière intervention
13 février 2010
56
2 nov. 2008 à 13:56
2 nov. 2008 à 13:56
Re mouaaaa...
Bête question, est-il conseillé d'utiliser des images en fond d'écran avec une fonction "no-repeat"?
Est il préférable d'adapter quelque chose d'autre fond blanc en tableau ou en div? C'est un peu monotone d'utiliser ce genre d'option... Allé quand j'utilise le div en %et que je passe en un autre mode je passe audelà de mon image!
j'ai réussi à adapter comme je voulais en 1024 X 768 mais plus grande résoulution ché pas cha du tout!
:-(
Bête question, est-il conseillé d'utiliser des images en fond d'écran avec une fonction "no-repeat"?
Est il préférable d'adapter quelque chose d'autre fond blanc en tableau ou en div? C'est un peu monotone d'utiliser ce genre d'option... Allé quand j'utilise le div en %et que je passe en un autre mode je passe audelà de mon image!
j'ai réussi à adapter comme je voulais en 1024 X 768 mais plus grande résoulution ché pas cha du tout!
:-(
Utilisateur anonyme
2 nov. 2008 à 14:05
2 nov. 2008 à 14:05
Oula je sais plus de quoi il s'agit, si tu pouvais me donner le lien de la page ( si ça te dérange pas)
zevinny
Messages postés
164
Date d'inscription
mardi 28 décembre 2004
Statut
Membre
Dernière intervention
13 février 2010
56
2 nov. 2008 à 14:12
2 nov. 2008 à 14:12
Voici le lien... Mais je le supprime d'ici, je préfère le garder un peu discret :-)
Utilisateur anonyme
2 nov. 2008 à 14:20
2 nov. 2008 à 14:20
Ah oui je me souviens de toi héhé ! vas y supprime le lien j'ai marqué la page, donc, peux-tu représenter ton problème ? ^^
zevinny
Messages postés
164
Date d'inscription
mardi 28 décembre 2004
Statut
Membre
Dernière intervention
13 février 2010
56
2 nov. 2008 à 14:30
2 nov. 2008 à 14:30
oui oui!
Encore moi comme je disais... ça avance bien mais bon le côté fun pour moi est de poster justement les avancement enfin soit, dons ma famille il y a encore des utilisateurs principalement en 1024x768 et je me suis dis que j'allais bien adapter le site à leur résolution.
Je demande un peu de trop mais voilà ce qu'il se passe, dans la petite résolution (1024) je constate que ça se passe approximativement bien le titre entre dans le texte (DIV) et c'est alors illisible. Mais quand je repasse à la grande résolution, ben tout sort de l'image centrale! Alors voici à quoi j'avais pensé mais je ne sais pas si c'est possible:
J'ai une image centrale que j'aimerais garder (si c'est pas possible, ben tanpis pour moi) à cheval sur le fond bordeau et l'image, les deux menus, par la suite le div "texte" et div "titre" j'ai un copyrigt aussi mais on s'en soucie peu pour l'instant. et je sais que c'est minime ce que je désire mais je trouve que quand on fait quelque chose on le fait bien :-)!
Mais j'ai du mal! Je tiens à stipuler que j'ai mis des "%" partout si il y a encore des "Px" c'est un oubli mais je penses pas...
Encore moi comme je disais... ça avance bien mais bon le côté fun pour moi est de poster justement les avancement enfin soit, dons ma famille il y a encore des utilisateurs principalement en 1024x768 et je me suis dis que j'allais bien adapter le site à leur résolution.
Je demande un peu de trop mais voilà ce qu'il se passe, dans la petite résolution (1024) je constate que ça se passe approximativement bien le titre entre dans le texte (DIV) et c'est alors illisible. Mais quand je repasse à la grande résolution, ben tout sort de l'image centrale! Alors voici à quoi j'avais pensé mais je ne sais pas si c'est possible:
J'ai une image centrale que j'aimerais garder (si c'est pas possible, ben tanpis pour moi) à cheval sur le fond bordeau et l'image, les deux menus, par la suite le div "texte" et div "titre" j'ai un copyrigt aussi mais on s'en soucie peu pour l'instant. et je sais que c'est minime ce que je désire mais je trouve que quand on fait quelque chose on le fait bien :-)!
Mais j'ai du mal! Je tiens à stipuler que j'ai mis des "%" partout si il y a encore des "Px" c'est un oubli mais je penses pas...
Utilisateur anonyme
2 nov. 2008 à 14:46
2 nov. 2008 à 14:46
HTML:
CSS:
ça c'est juste pour le titre qui rentre dans le texte (ça me le fait). Normalement ça devrait le résoudre ...
Pour ton image de fond ça dépend de sa résolution. Le mieux serait qu'elle soit à 800x600 (la plus basse résolution) et qu'avec background-repeat et background-position tu la centre. Après tu peux aussi utiliser background-attachment que tu utilise déjà.
<div id="title" class="element"> .... </div> <div id="maison" class="element"> ... </div>
CSS:
.element { margin-top: 3%; }
ça c'est juste pour le titre qui rentre dans le texte (ça me le fait). Normalement ça devrait le résoudre ...
Pour ton image de fond ça dépend de sa résolution. Le mieux serait qu'elle soit à 800x600 (la plus basse résolution) et qu'avec background-repeat et background-position tu la centre. Après tu peux aussi utiliser background-attachment que tu utilise déjà.
zevinny
Messages postés
164
Date d'inscription
mardi 28 décembre 2004
Statut
Membre
Dernière intervention
13 février 2010
56
2 nov. 2008 à 15:18
2 nov. 2008 à 15:18
merci!
C'est déjà ça mais bon j'y connais trop peu j'arrête pour aujourd'hui!!
c'est lassant de ne pas y arriver :-(
je vais prendre un truc tout beau tout bien fait et le reste on verra! nah! il n'y a plus de plaisir à ça alors, mais je dois avouer que ça devient un calvert de faire ce genre de chose ne l'utilisat pas tout les jours...
Enfin, @ plus et merci pour ton aide
C'est déjà ça mais bon j'y connais trop peu j'arrête pour aujourd'hui!!
c'est lassant de ne pas y arriver :-(
je vais prendre un truc tout beau tout bien fait et le reste on verra! nah! il n'y a plus de plaisir à ça alors, mais je dois avouer que ça devient un calvert de faire ce genre de chose ne l'utilisat pas tout les jours...
Enfin, @ plus et merci pour ton aide
Utilisateur anonyme
2 nov. 2008 à 15:21
2 nov. 2008 à 15:21
Huhu, je t'ai espionné au fur et à mesure que tu modifiais ton css :p Et je pense que ton javascript pose un peu problème ... Mais y doit y avoir plein de petites erreurs dans ton code etc ... Si j'avais du temps je voudrais bien te le faire. M'enfin bon, tous les trucs à effets feux d'artifices ça fait toujours tout foirer ...
zevinny
Messages postés
164
Date d'inscription
mardi 28 décembre 2004
Statut
Membre
Dernière intervention
13 février 2010
56
2 nov. 2008 à 15:27
2 nov. 2008 à 15:27
hahaaa... Un espion!
J'ai une partie NL qui n'a pas de javascript... peut -être qui si je modifie mes lignes là, que ça devrait être bon!
Je vais tenter sur ces pages.
Voilà qui est fait! mais ça s'arrange pas, en fait quand je vois d'autre sites la page s'adapte, mais chez moi ça reste identique et une barre scroll apparait en dessous.
bah j'y arriverai hihi!
J'ai une partie NL qui n'a pas de javascript... peut -être qui si je modifie mes lignes là, que ça devrait être bon!
Je vais tenter sur ces pages.
Voilà qui est fait! mais ça s'arrange pas, en fait quand je vois d'autre sites la page s'adapte, mais chez moi ça reste identique et une barre scroll apparait en dessous.
bah j'y arriverai hihi!
zevinny
Messages postés
164
Date d'inscription
mardi 28 décembre 2004
Statut
Membre
Dernière intervention
13 février 2010
56
2 nov. 2008 à 16:45
2 nov. 2008 à 16:45
J'ai une idée... Je recommence la page à zéro, laissant les DIV avec leur border!
Tout d'abord, est il mieux de travailler avec une image de fond ou plutôt déconseillé?
Tout d'abord, est il mieux de travailler avec une image de fond ou plutôt déconseillé?
Utilisateur anonyme
3 nov. 2008 à 14:15
3 nov. 2008 à 14:15
C'est comme tu le veux ça l'ami ^^
Y à pas vraiment de conseillé ou de déconseillé ...
Juste que si y un problème avec ton image elle ne s'affiche pas (ou si la resolution est mal adapté c'est pas confortable), enfin des broutilles fais comme tu le veux.
Comme je l'ai dis plus haut, l'idéal pour ton image si elle doit recouvrir tout la fenêtre serait qu'elle soit en 800x600 ...
Et encore avec les petits iBook qui sortent faudra faire plus petit ! x)
Ce que je ferais: image en 800x600 et une couleur en contraste avec l'image qui apparaitra pour les résolutions supérieur.
Bref, pour ta question. Fais comme tu veux ça ne change rien, le plus simple est de mettre une couleur de fond, c'est tout.
Y à pas vraiment de conseillé ou de déconseillé ...
Juste que si y un problème avec ton image elle ne s'affiche pas (ou si la resolution est mal adapté c'est pas confortable), enfin des broutilles fais comme tu le veux.
Comme je l'ai dis plus haut, l'idéal pour ton image si elle doit recouvrir tout la fenêtre serait qu'elle soit en 800x600 ...
Et encore avec les petits iBook qui sortent faudra faire plus petit ! x)
Ce que je ferais: image en 800x600 et une couleur en contraste avec l'image qui apparaitra pour les résolutions supérieur.
Bref, pour ta question. Fais comme tu veux ça ne change rien, le plus simple est de mettre une couleur de fond, c'est tout.
zevinny
Messages postés
164
Date d'inscription
mardi 28 décembre 2004
Statut
Membre
Dernière intervention
13 février 2010
56
3 nov. 2008 à 14:33
3 nov. 2008 à 14:33
C'est bien ce que je pensais justement... une couleur de fond et pas d'image!
C'est plus joli, mais faut choisir. Sais-tu comment centrer 2 divs?
http://www.commentcamarche.net/forum/affich 9226853 centrer 2 divs voici le sujet.
je clôturerai ce dernier une fois résolu, je ne voulais pas mélanger les deux.
le site reste le même mais si tu veux le lien "test" le voici:
"supprimé"
C'est plus joli, mais faut choisir. Sais-tu comment centrer 2 divs?
http://www.commentcamarche.net/forum/affich 9226853 centrer 2 divs voici le sujet.
je clôturerai ce dernier une fois résolu, je ne voulais pas mélanger les deux.
le site reste le même mais si tu veux le lien "test" le voici:
"supprimé"
Utilisateur anonyme
19 oct. 2008 à 12:35
19 oct. 2008 à 12:35
body { background-color: #990033; background-attachment: fixed; background-image: url(images/terrainfond.jpg); background-repeat: no-repeat; background-position: center 10%; margin: 0; padding: 0; overflow: auto; }
margin et padding n se contente d'un simple 0 comme valeur, faudrait au moins rajouter une mesure.
Mais bref: http://www.commentcamarche.net/faq/sujet 4613 webmaster adapter un site a toutes les resolutions le centrer
Voilà
zevinny
Messages postés
164
Date d'inscription
mardi 28 décembre 2004
Statut
Membre
Dernière intervention
13 février 2010
56
19 oct. 2008 à 12:46
19 oct. 2008 à 12:46
Oui c'est effectivement le lien que j'ai suivi!
J'ai essayé ceci hier mais j'ai mon texte qui par en dehors du DIV ou serait-ce le DIV qui s'agrandit?
Mais je peux refaire à nouveau...
J'ai essayé ceci hier mais j'ai mon texte qui par en dehors du DIV ou serait-ce le DIV qui s'agrandit?
Mais je peux refaire à nouveau...
Utilisateur anonyme
19 oct. 2008 à 12:55
19 oct. 2008 à 12:55
En attendant rajoute des bordures à tes DIV pour mieux les discerner
div {border: 1px solid black;}Et voilà, tu regarde ensuite comment ils sont positionnés, tu fais tes modifs et tu supprime la propriété après :)
zevinny
Messages postés
164
Date d'inscription
mardi 28 décembre 2004
Statut
Membre
Dernière intervention
13 février 2010
56
19 oct. 2008 à 13:07
19 oct. 2008 à 13:07
Est ce que je ne dois pas travailler avec des nombres négatifs?
comme expliqué ici?
https://www.webrankinfo.com/forum/t/adapter-un-site-suivant-la-resolution-de-lecran-en-css.51051/
Allé ma mise en page à l'air de bien se passer à 1200 mais quand je vais en 1024 la barre du dessous apparait! J'aimerais justement que mon site soit heu résolutionné (<= mot qui n'existe pas mais je n'en trouve pas d'autre)
comme expliqué ici?
https://www.webrankinfo.com/forum/t/adapter-un-site-suivant-la-resolution-de-lecran-en-css.51051/
Allé ma mise en page à l'air de bien se passer à 1200 mais quand je vais en 1024 la barre du dessous apparait! J'aimerais justement que mon site soit heu résolutionné (<= mot qui n'existe pas mais je n'en trouve pas d'autre)