A voir également:
- [css] centrer/ aligner
- Enlever le soulignement d'un lien css - Astuces et Solutions
- 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
- Css exposant ✓ - Forum CSS
- Enlever trait sous un lien href ✓ - Forum Webmastering
- Fusionner et centrer excel grisé - Forum Bureautique
90 réponses
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 ... ;)
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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.
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 !).
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
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.
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é
à 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.
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
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>
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 !!!