XHTML & CSS probleme de design.
Résolu
laurjo
Messages postés
161
Statut
Membre
-
Lokifaer -
Lokifaer -
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
--
intel core I7
Gigabyte EX58-UD3R
OCZ 6 GO /400 MHZ
RADEON HD 4890 (975/975 MHz)
SSD PATRIOT 64Go x2 ( RAID0 )
double ecran ASUS 26"/LG 20"
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
--
intel core I7
Gigabyte EX58-UD3R
OCZ 6 GO /400 MHZ
RADEON HD 4890 (975/975 MHz)
SSD PATRIOT 64Go x2 ( RAID0 )
double ecran ASUS 26"/LG 20"
Configuration: windows 7 64bits intel core I7 Gigabyte EX58-UD3R OCZ 6 GO /400 MHZ RADEON HD 4890 (975/975 MHz) SSD PATRIOT 64Go x2 ( RAID0 ) double ecran ASUS 26"/LG 20"
32 réponses
- 1
- 2
Suivant
-
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 :) -
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 ]} -
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 -
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 -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
au passages vous n'auriez pas une adresse qui regroupe toutes les balises CSS ?
-
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 -
-
De rien,
Si le problème est résolu coche la case en haut à droite de ton premier post !
Bonne continuation, -
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
-
salut essaye :
border-color : #FFFFFF;
sa va te le mettre en blanc
sinon met la couleur qui correspond a ton fond -
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 :(
-
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.
-
jme suis déjà retaper le tableau du siteduzero 4 fois et rien a faire XD mais jte remercie de ton aide quand meme
-
Ah mais atten je viens peut etre de percuter...
En fait ton cadre apparait lorsque ton curseur passe sur ton image ??? -
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 ...
-
-
-
alors,
code html :
<a href="mailto:laurjo@aliceadsl.fr"><img src="sensemaya1.png" alt="photo" title="cliquez ici"/></a>
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 -
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;
}
<a href="mailto:laurjo@aliceadsl.fr"><img class = "sensemaya" src="sensemaya1.png" alt="photo" title="cliquez ici"/></a>
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!
- 1
- 2
Suivant
