[css] centrer/ aligner
Fermé
IgiXcs
Messages postés
172
Date d'inscription
jeudi 20 septembre 2007
Statut
Membre
Dernière intervention
28 décembre 2008
-
5 nov. 2007 à 21:31
IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 - 25 oct. 2008 à 13:43
IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 - 25 oct. 2008 à 13:43
Bonjour,
comment contrer ou sinon aligner un bloc par raport a un autre
www.cfg-serv.c.la j'essaye sans résultat d'aligner le texte avec le header :
merci d'avance ;)
comment contrer ou sinon aligner un bloc par raport a un autre
www.cfg-serv.c.la j'essaye sans résultat d'aligner le texte avec le header :
merci d'avance ;)
A voir également:
- [css] centrer/ aligner
- Css exposant ✓ - Forum CSS
- Enlever le soulignement d'un lien css - Astuces et Solutions
- Gimp centrer texte ✓ - Forum The Gimp
- Dans le document à télécharger, léa a utilisé 2 méthodes différentes pour centrer le nom des continents. lesquels sont centrés correctement ? - Forum C
- Enlever trait sous un lien href ✓ - Forum Webmastering
90 réponses
IgiXcs
Messages postés
172
Date d'inscription
jeudi 20 septembre 2007
Statut
Membre
Dernière intervention
28 décembre 2008
94
6 nov. 2007 à 10:16
6 nov. 2007 à 10:16
bah mettre une largeur fixe pour la page ;)
IgiXcs
Messages postés
172
Date d'inscription
jeudi 20 septembre 2007
Statut
Membre
Dernière intervention
28 décembre 2008
94
6 nov. 2007 à 10:21
6 nov. 2007 à 10:21
parti :)
oki! (surtout que suis over nul en csshtml mes premiers pas! mais j'ai soif d'apprendre -site du zéro le tuto sur css il est bof bof-)
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS je look les css ... ;)
oki! (surtout que suis over nul en csshtml mes premiers pas! mais j'ai soif d'apprendre -site du zéro le tuto sur css il est bof bof-)
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS je look les css ... ;)
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
922
6 nov. 2007 à 10:30
6 nov. 2007 à 10:30
donc en premier, tu effaces ta feuille de style EN ENTIER, plus rien, que dalle, nada…
ensuite on va se pencher sur HTML.
tu as choisi XTML 1.0 Strict, va falloir assumer !!!
-:oD
• le DocType, l'architecture du document, c'est ok ;
• pour le moment tu vires tout le Javascript (fais une copie quand même !), il nous gênerait pour la validation, on le remettra tout à l'heure plus proprement.
et zou, tu mets en ligne et tu fais valider le tout par le W3C.
ensuite on va se pencher sur HTML.
tu as choisi XTML 1.0 Strict, va falloir assumer !!!
-:oD
• le DocType, l'architecture du document, c'est ok ;
• pour le moment tu vires tout le Javascript (fais une copie quand même !), il nous gênerait pour la validation, on le remettra tout à l'heure plus proprement.
et zou, tu mets en ligne et tu fais valider le tout par le W3C.
IgiXcs
Messages postés
172
Date d'inscription
jeudi 20 septembre 2007
Statut
Membre
Dernière intervention
28 décembre 2008
94
6 nov. 2007 à 10:35
6 nov. 2007 à 10:35
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
922
6 nov. 2007 à 10:40
6 nov. 2007 à 10:40
rien de bien méchant !
mais tu vois, c'est par là qu'il faut commencer !
les navigateurs réagissent différemment les uns des autres mais si en plus ton document n'est pas valide, va savoir ce qui peut bien en ressortir !!!
pour les erreurs :
• VIRE LE JAVASCRIPT ;
• dans la balise '<body>' tu vires tous les attributs ;
• tu vires toutes les balises '<br>' (on les remplacera par la balise '<br />' si besoin mais pour le moment faut seulement nettoyer) ;
et ça devrait à peu près passer.
mais tu vois, c'est par là qu'il faut commencer !
les navigateurs réagissent différemment les uns des autres mais si en plus ton document n'est pas valide, va savoir ce qui peut bien en ressortir !!!
pour les erreurs :
• VIRE LE JAVASCRIPT ;
• dans la balise '<body>' tu vires tous les attributs ;
• tu vires toutes les balises '<br>' (on les remplacera par la balise '<br />' si besoin mais pour le moment faut seulement nettoyer) ;
et ça devrait à peu près passer.
IgiXcs
Messages postés
172
Date d'inscription
jeudi 20 septembre 2007
Statut
Membre
Dernière intervention
28 décembre 2008
94
6 nov. 2007 à 10:41
6 nov. 2007 à 10:41
ouai ce que jevenai tout juste de faire ;)
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
922
6 nov. 2007 à 10:44
6 nov. 2007 à 10:44
oups, j'ai oublié !
la balise '<center>' n'existe plus (à virer !) et l'attribut 'border' pour '<img />' non plus (idem !).
la balise '<center>' n'existe plus (à virer !) et l'attribut 'border' pour '<img />' non plus (idem !).
IgiXcs
Messages postés
172
Date d'inscription
jeudi 20 septembre 2007
Statut
Membre
Dernière intervention
28 décembre 2008
94
6 nov. 2007 à 10:44
6 nov. 2007 à 10:44
apres chaques balise j'ai mis retour a la ligne pour voir mais c'est pas pour autant qu'il aime mieu :p
plus que 10erreur :p
plus que 10erreur :p
IgiXcs
Messages postés
172
Date d'inscription
jeudi 20 septembre 2007
Statut
Membre
Dernière intervention
28 décembre 2008
94
6 nov. 2007 à 10:47
6 nov. 2007 à 10:47
youpi ;)
no error
no error
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
922
6 nov. 2007 à 10:47
6 nov. 2007 à 10:47
c'est la balise '<img /> qui est mal fermée :
avec ça et ce qu'il y a au dessus ça doit être bon.
<img src="http://www.c.la/images/banner/bandeau88-31cla.gif" border="0" width="88" height="31" alt="C.la - Redirection gratuite sans pub" />
avec ça et ce qu'il y a au dessus ça doit être bon.
IgiXcs
Messages postés
172
Date d'inscription
jeudi 20 septembre 2007
Statut
Membre
Dernière intervention
28 décembre 2008
94
6 nov. 2007 à 10:48
6 nov. 2007 à 10:48
j'avait compris quand tu avait écrit
oups, j'ai oublié !
la balise '<center>' n'existe plus (à virer !) et l'attribut 'border' pour '<img />' non plus (idem !).
donc, j'ai bien refermé
oups, j'ai oublié !
la balise '<center>' n'existe plus (à virer !) et l'attribut 'border' pour '<img />' non plus (idem !).
donc, j'ai bien refermé
IgiXcs
Messages postés
172
Date d'inscription
jeudi 20 septembre 2007
Statut
Membre
Dernière intervention
28 décembre 2008
94
6 nov. 2007 à 10:55
6 nov. 2007 à 10:55
Maintanant,c'est le css que l'on va voir?
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
922
6 nov. 2007 à 10:57
6 nov. 2007 à 10:57
à l'assaut de css !!!
comme on travaille avec des propriétés qui peuvent être héritées, il faut commencer par les balises les plus englobantes pour finir par les détails.
moi je commence toujours par préciser deux ou trois trucs à '<html>', ça mange pas de pain et on part sur de bonnes bases !
-;o)
• la police : à toi de choisir deux ou trois polices mais tu dois rester dans la même famille (sérif, sans sérif ou monospace) et toujours finir par le nom générique au cas où l'ordi n'est pas les polices demandées, il mettra la police par défaut de la même famille ;
• on prend la taille de police par défaut (100%) pour l'ensemble du document, on modifiera par la suite ;
• j'initialise toujours marges et espacements, c'est une habitude.
• tu définies la taille de police (toujours en 'em' sauf pour '<html>') que tu veux pour le texte du document ;
• tu définies la largeur de la page ;
• j'ai centré le corps, sans les marges en haut et en bas, à toi de voir si c'est ce que tu veux.
comme on travaille avec des propriétés qui peuvent être héritées, il faut commencer par les balises les plus englobantes pour finir par les détails.
moi je commence toujours par préciser deux ou trois trucs à '<html>', ça mange pas de pain et on part sur de bonnes bases !
-;o)
html { font-familly:Verdana, Arial, Helvetica, sans-serif; font-size:100%; margin:0; padding:0; }
• la police : à toi de choisir deux ou trois polices mais tu dois rester dans la même famille (sérif, sans sérif ou monospace) et toujours finir par le nom générique au cas où l'ordi n'est pas les polices demandées, il mettra la police par défaut de la même famille ;
• on prend la taille de police par défaut (100%) pour l'ensemble du document, on modifiera par la suite ;
• j'initialise toujours marges et espacements, c'est une habitude.
body { font-size:.8em; width:800px; margin:0 auto; }
• tu définies la taille de police (toujours en 'em' sauf pour '<html>') que tu veux pour le texte du document ;
• tu définies la largeur de la page ;
• j'ai centré le corps, sans les marges en haut et en bas, à toi de voir si c'est ce que tu veux.
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
922
6 nov. 2007 à 11:03
6 nov. 2007 à 11:03
est-ce que tu veux que la bannière fasse 800px de large ???
IgiXcs
Messages postés
172
Date d'inscription
jeudi 20 septembre 2007
Statut
Membre
Dernière intervention
28 décembre 2008
94
6 nov. 2007 à 11:04
6 nov. 2007 à 11:04
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fteam-c4.fr%2F.cfg%2F&warning=1&profile=css21&usermedium=all
front familly il aime pas :p
front familly il aime pas :p
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
922
6 nov. 2007 à 11:06
6 nov. 2007 à 11:06
coquille !!!
une seul 'L' à 'family' !!!…
une seul 'L' à 'family' !!!…
IgiXcs
Messages postés
172
Date d'inscription
jeudi 20 septembre 2007
Statut
Membre
Dernière intervention
28 décembre 2008
94
6 nov. 2007 à 11:06
6 nov. 2007 à 11:06
700*150 la bah, la taille d'origine, on la touche pas ;)
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
922
6 nov. 2007 à 11:08
6 nov. 2007 à 11:08
petite modification pour le html, j'ai juste mis les éléments dans l'ordre et ajouté une balise de titre (on pourra masquer le texte après mais il faut un titre au contenu !).
<div id="header"> <h1>Le Titre !!!</h1> </div> <div id="menu"> <ul> <li><a href="./index.html">Accueil</a></li> <li><a href="./forum">Forum</a></li> <li><a href="./tuto.html">Tutos</a></li> <li><a href="./contact.php">Contact</a></li> </ul> </div> <div id="pubs"> <p> Publicitée : <a href="http://www.c.la"><img src="http://www.c.la/images/banner/bandeau88-31cla.gif" width="88" height="31" alt="C.la - Redirection gratuite sans pub" /></a> <!--<SCRIPT TYPE="text/javascript" language="javascript" SRC="http://ads.allotraffic.com/skycraper?id=17357"></SCRIPT> !--> </p> </div> <div id="texte"> <p>Bonjour,<br /> Je viens anoncer que le site est fini!<br /> Pour les personnes désirant des tutos, merci de les demander via le forum ;)<br /> IgiX </p> <p>Bonjour,<br /> Je suis heureux de vous accueillir sur le site de #cfg-serv, aide à la configuration de serveurs cs/cz. Le site est encore en cours de réalisation, mais le forum est ouvert!<br /> Pour toutes vos questions, vos sugestions ou autre à propos de #cfg-serv, merci de vous adresser à IgiX soit via le forum (messages privés), où sinon par email : igix@laposte.net<br /> IgiX </p> </div>
IgiXcs
Messages postés
172
Date d'inscription
jeudi 20 septembre 2007
Statut
Membre
Dernière intervention
28 décembre 2008
94
6 nov. 2007 à 11:11
6 nov. 2007 à 11:11
Oki, Le titre!!! vien fair son entrée :p
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
922
6 nov. 2007 à 11:13
6 nov. 2007 à 11:13
pour une bannière "image" :
• on définit une hauteur fixe ;
• pas de marges ni d'espacements qui modifieraient sa taille ;
• on cache le texte et on affiche une image en arrière plan à la place : c'est plus joli !!!
div#header h1 { height:150px; margin:0; padding:0; text-indent:-1000em; overflow:hidden: background-image:url(monimage.png); background-position:center; background-repeat:no-repeat; }
• on définit une hauteur fixe ;
• pas de marges ni d'espacements qui modifieraient sa taille ;
• on cache le texte et on affiche une image en arrière plan à la place : c'est plus joli !!!
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
922
6 nov. 2007 à 11:14
6 nov. 2007 à 11:14
pour les colonnes tu veux quoi ?
à gauche le menu et à droite la pub ?
quelle largeur pour les colonnes ?
à gauche le menu et à droite la pub ?
quelle largeur pour les colonnes ?