XHTML & CSS probleme de design. Résolu/Fermé

Question

Bonjour,

j'ai un problème au niveau du design de mon site je souhaiterai faire un design extensible mais je n'ai appris a faire qu'un design fixe...

mon site se compose d'un block principale qui englobe d'autres blocks , c'est ce block principale que je souhaiterai modifier pour qu'il se place automatiquement AU MILIEU du navigateur et non a gauche.

merci d'avance pour votre aide

Versus92 · Answer

alors là ... t'es gentil de décrir ça comme ça mais JE VOI PAS DU TOUT ^^
met le code entier stp ou passe ton msn si tu veu que j'arrange ça :)

Versus92 · Answer

si, tu peu faire center ou mieu : faire en css :
.blockCentral{left:50%; margin-left:-[la moitier de ton block je sais pas ce que c'est ]}

laurjo · Answer

arf quel crétin j'avais pas penser au %, je me sert quasiment que des pixels , j'en oubli les autres ^^

merci beaucoup sa va meme me regler d'autre probleme :D

LelLex · Answer

Pour que ton contenu soit extensible il faut que tout ton travail en amont ai été fait en % ( En fait c'est mieux, je dirais )

Pour qu'il soit centré au milieu quelque soit le navigateur, les paramètres d'affichage de ton visiteur, etc.
Dans ton css, tu met :

body
{
margin : auto;

( ps : si tu veux des marges en haut et en bas, tu met les 2 autres lignes de codes suivante, autrement tu ferme dès la première ! )

margin-top : 20px;
margin-bottom : 20px;
}

Bonne continuation

laurjo · Answer

c'est parfait merci !

laurjo · Answer

au passages vous n'auriez pas une adresse qui regroupe toutes les balises CSS ?

LelLex · Answer

Passe voir :
- https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

Tu n'est pas obliger de tout lire, ( je dis ça pour pas que tu te vexe   ;D )
Mais survole rapidement quelques thèmes, il y à plus que les balises, il y a des conseils, techniques, etc.


Pour les balises CSS ( comme tu dis ) :
- https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
- https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
- https://www.la-grange.net/w3c/html4.01/cover.html
- http://fr.selfhtml.org/css/proprietes/index.htm

laurjo · Answer

nikel merci !

LelLex · Answer

De rien,
Si le problème est résolu coche la case en haut à droite de ton premier post !

Bonne continuation,

laurjo · Answer

juste une petite dernière ou je bloque lol, j'ai mis une image cliquable, et comme vous le savez un immonde cadre bleu apparait autour de cette image, quel est la proprieté CSS qui permet de l'enlevé svp , apres promis je met "resolu" :D

Francis Lalane · Answer

salut essaye :
border-color : #FFFFFF;
sa va te le mettre en blanc
sinon met la couleur qui correspond a ton fond

laurjo · Answer

sa n'a rien fais , de toute facon j'avais deja essayer border: none; il ya sans doute une autre balise ,c'est meme sur mais laquelle :(

Francis Lalane · Answer

ok désolé dla vieille info XD. oui border:  none est une bonne idée. Regarde bien si tu n'as pas une balise border qui traine. Sa peut être dus à sa.

laurjo · Answer

jme suis déjà retaper le tableau du siteduzero 4 fois et rien a faire XD mais jte remercie de ton aide quand meme

Francis Lalane · Answer

Ah mais atten je viens peut etre de percuter...
En fait ton cadre apparait lorsque ton curseur passe sur ton image ???

laurjo · Answer

non non il y est constamment , sur le siteduzero il dis que c'est normal qu'il apparaisse et qu'on peut l'enlever avec le CSS mais il ne dis pas comment ...

Francis Lalane · Answer

ok aten je vais regarder dans mn code si g un truc qui peut taider

Francis Lalane · Answer

Avant sa tu pourrais montrer le code de ton images avec la partie css sil te plait

laurjo · Answer

alors, code html :

code css: .sensemaya {position: absolute;bottom: 1%;left: 1%;} mais je vois pas en quoi sa va t'aider , c'est simplement une balise qu'il me faut

Francis Lalane · Answer

ben pk dans ton style tu ne met pa : border : none ? aprés dans ta balise img tu utilse un class .sensemaya {position: absolute;bottom: 1%;left: 1%; border: none; }

PS : fais gaffe a sa , laurjo@aliceadsl.fr.. dés fois ya d débile qui samuse a fair chier leur monde. cjust pour toi!

laurjo · Answer

c'est deja un class, et j'ai enlevé border : none; car sa ne changeai absolument rien c'est pour sa que je cherche une balise car toutes celles que je connais ne marchent pas.

et pourquoi je doit faire gaffe ? quesqu'il peut se passé ?

LelLex · Answer

Le border : none ; fonctionne seulement pour les bordures simples.
Pour les bordures bleu, qui sont immondes j'en convient, autour de ta photo du met :
border-width : 0px ; 

C'est bon ?           ;D

laurjo · Answer

toujours pareil...

je ne pense pas que sa ai un rapport avec les bordures normal on dirai bien que c'est propre a une image cliquable.

y'avait de l'idée quand meme :)

je suis dégouter j'ai fini la page d'accueil je doit juste régler ce petit truc tout bête lol, au pire si vous trouvez pas je met un simple lien mais bon ...j'aimerai la connaitre cette foutu balise meme pour plus tard

LelLex · Answer

C'est cette balise, tu l'as peut être mal placée ! Essaie ceci :

??

laurjo · Answer

non non  il est bien dis qu'on ne peut l'enlever qu'en CSS pas en html

LelLex · Answer

Le CSS c'est ta feuille de style autrement dit c'est pour faire beau. il n'y à aucune différence entre HTML et CSS.
Ce que tu viens de dire, ça veut rien dire !

Tu as un problème, je t'aide ( en plus tu es chanceux ce que je te donne ça marche ) et ça marche tout simplement car c'est cette balise et pas une autre !

Que tu fasse comme je viens de te le dire avant, ou que tu met :

.img
{
border-width : 0 px ;
}

Ca revient au même !!!



La je rêve, si tu viens poster une question sur un forum, qu'on te répond et que tu dise, nan cette réponses là elle me plait pas ! C'est n'importe quoi !!!

Aller bonne continuation,
LelLex

Versus92 · Answer

Oulaaaaaaaaaaaaaaaaaaaaaaaaa :
il n'y à aucune différence entre HTML et CSS.
Gloups ! ah oh secouuuur de l'eau ! vite !
xD la même difference qu'entre l'anglais et le français et on ne dit pas : "il n'y à aucune différence entre anglais et français ."

LelLex · Answer

bon d'accord je me suis craque, enfin je me suis mal exprime.

je recommence, il n'y a pas de difference entre la feuille de style css et les propriete css de l'html que l'on peut mettre en debut de page, dans head ou entre head et body, je ne sais plus. je parle au niveau des propriete : ex border, backgroud-color.

autrement c'est sur c'est bien different, excuse moi de ma mauvaise expression.

laurjo · Answer

effectivement la facon "html" marche , toutes mes excuses, et je ne contestais pas ta reponse seulement je voulai connaitre la facon CSS je suis debutant dans le domaine mais j'apprend tres vite et je compte bien me specialisé dedans, c'est pourquoi je "discute" les reponses.

ps: par contre une chose est sur border-width : 0 px ; ne marchera pas si le 0 n'est pas coller au px.

en tout cas merci lelLex pur tes lumières . tu m'a l'air bien calé sur le sujet tu aurai des exemple de sites que tu a construit pour voir le niveau ?

LelLex · Answer

Oui il faut, bien sûr, que les terme "px" soit attaché au nombre dont il est question : ex "0px" ; "250px" ; etc.
C'est pour que ce soit plus lisible, mais j'aurais le préciser, excuse donc !

Oula je suis pas Webmaster BAC +5, je m'y essaie juste. 
Je suis juste ingénieur designer 3D
Je bosse pour des sociétés, donc je suis interdit de publicité !
Maintenant je fais du PHP, et ouai  =D
Et si tu veux un conseil, lorsque tu auras pris de l'assurance avec HTML/CSS, essai-toi au PHP/SQL
C'est de la turiiiiiiieeeeeeeeeee ( pardon ! )

Par contre je fais un site en local, si jamais on se revoit quand il sera fini, tu pourras jeter un coup d'oeil  ;D

Bonne continuation !

laurjo · Answer

avec grand plaisir ^^

je compte bien me mettre au php mais comme tu dis je vais attendre d'avoir plus d'assurance avec le html et le css je me régale déjà pas mal comme sa j'ai hate d'entamer de l'éléphant bleu :p

encore merci et bonne continuation aussi

Lokifaer · Answer

Alors, code html :

code css: .sensemaya {position: absolute;bottom: 1%;left: 1%;} mais je vois pas en quoi sa va t'aider , c'est simplement une balise qu'il me faut -------------------------------------------------------------------------------------------- @Laurjo, ce qui m'a frappé dans ce post, c'est que tu n'avais pas mis l'appel à ta classe css sur ton image. donc tu pouvais bien modifier la classe, rien ne se passait. mais c'est peut-être une simple erreur de recopie. Pour le reste, on t'a déjà donné la réponse y a presque un mois :$ Tu peux également t'affranchir du border auto en mettant un événement javascript sur ton qui se déclenche au clic. ainsi plus de balise , plus de border. le code doit être quelque chose comme : onmousedown='window.location.href="mailto:laurjo@aliceadsl.fr"' Si tu souhaites qu'on sache quand même qu'on peut cliquer sur l'image en la survolant, pense à rajouter pour ton la propriété css : cursor:pointer;

XHTML & CSS probleme de design.

32 réponses

Discussions similaires