XHTML & CSS probleme de design.
Résolu/Fermé
laurjo
Messages postés
157
Date d'inscription
samedi 28 février 2009
Statut
Membre
Dernière intervention
22 juillet 2010
-
22 juil. 2009 à 18:52
Lokifaer - 18 août 2009 à 13:03
Lokifaer - 18 août 2009 à 13:03
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
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
A voir également:
- XHTML & CSS probleme de design.
- Css lien non souligné - Astuces et Solutions
- Taille bouton css - Forum HTML
- Stb refsw design c'est quoi - Forum Téléviseurs
- Css retour à la ligne - Forum CSS
- Css download - Télécharger - HTML
32 réponses
Versus92
Messages postés
133
Date d'inscription
dimanche 5 avril 2009
Statut
Membre
Dernière intervention
4 novembre 2009
1
22 juil. 2009 à 19:05
22 juil. 2009 à 19:05
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 :)
met le code entier stp ou passe ton msn si tu veu que j'arrange ça :)
Versus92
Messages postés
133
Date d'inscription
dimanche 5 avril 2009
Statut
Membre
Dernière intervention
4 novembre 2009
1
22 juil. 2009 à 19:07
22 juil. 2009 à 19:07
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 ]}
.blockCentral{left:50%; margin-left:-[la moitier de ton block je sais pas ce que c'est ]}
laurjo
Messages postés
157
Date d'inscription
samedi 28 février 2009
Statut
Membre
Dernière intervention
22 juillet 2010
21
22 juil. 2009 à 19:37
22 juil. 2009 à 19:37
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
merci beaucoup sa va meme me regler d'autre probleme :D
LelLex
Messages postés
1628
Date d'inscription
mercredi 18 février 2009
Statut
Membre
Dernière intervention
5 septembre 2012
112
22 juil. 2009 à 22:30
22 juil. 2009 à 22:30
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 :
( 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 ! )
Bonne continuation
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
laurjo
Messages postés
157
Date d'inscription
samedi 28 février 2009
Statut
Membre
Dernière intervention
22 juillet 2010
21
22 juil. 2009 à 23:45
22 juil. 2009 à 23:45
c'est parfait merci !
laurjo
Messages postés
157
Date d'inscription
samedi 28 février 2009
Statut
Membre
Dernière intervention
22 juillet 2010
21
23 juil. 2009 à 11:43
23 juil. 2009 à 11:43
au passages vous n'auriez pas une adresse qui regroupe toutes les balises CSS ?
LelLex
Messages postés
1628
Date d'inscription
mercredi 18 février 2009
Statut
Membre
Dernière intervention
5 septembre 2012
112
23 juil. 2009 à 12:40
23 juil. 2009 à 12:40
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
- 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
Messages postés
157
Date d'inscription
samedi 28 février 2009
Statut
Membre
Dernière intervention
22 juillet 2010
21
23 juil. 2009 à 13:23
23 juil. 2009 à 13:23
nikel merci !
LelLex
Messages postés
1628
Date d'inscription
mercredi 18 février 2009
Statut
Membre
Dernière intervention
5 septembre 2012
112
23 juil. 2009 à 15:07
23 juil. 2009 à 15:07
De rien,
Si le problème est résolu coche la case en haut à droite de ton premier post !
Bonne continuation,
Si le problème est résolu coche la case en haut à droite de ton premier post !
Bonne continuation,
laurjo
Messages postés
157
Date d'inscription
samedi 28 février 2009
Statut
Membre
Dernière intervention
22 juillet 2010
21
23 juil. 2009 à 15:43
23 juil. 2009 à 15:43
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
border-color : #FFFFFF;
sa va te le mettre en blanc
sinon met la couleur qui correspond a ton fond
laurjo
Messages postés
157
Date d'inscription
samedi 28 février 2009
Statut
Membre
Dernière intervention
22 juillet 2010
21
23 juil. 2009 à 15:49
23 juil. 2009 à 15:49
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.
laurjo
Messages postés
157
Date d'inscription
samedi 28 février 2009
Statut
Membre
Dernière intervention
22 juillet 2010
21
23 juil. 2009 à 16:04
23 juil. 2009 à 16:04
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 ???
En fait ton cadre apparait lorsque ton curseur passe sur ton image ???
laurjo
Messages postés
157
Date d'inscription
samedi 28 février 2009
Statut
Membre
Dernière intervention
22 juillet 2010
21
23 juil. 2009 à 16:33
23 juil. 2009 à 16:33
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 ...
laurjo
Messages postés
157
Date d'inscription
samedi 28 février 2009
Statut
Membre
Dernière intervention
22 juillet 2010
21
23 juil. 2009 à 16:48
23 juil. 2009 à 16:48
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
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!
.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!