Comment mieu coder ma page

Comment mieu coder ma page - HTML/CSS - Programmation

Marsh Posté le 17-10-2005 à 21:01:10    

Voila je suis nouveau dans le monde de la conception de page web
Jai donc créer un site mais je ne suis pas du tout satisfait de la partie code que je pense mauvaise,
enfin dison plutot mal codé.
 
Donc concernant ma page :  
Jutilise 2 scrpit php pr appelé la banniere et menu en cas de modif
Sinon jai utilisé des tableau pour la mise en page mai je m'aperçois que c'est la merde
est'il possible d'utiliser des calque (div) pour tout mettre en place (comme par exemple ma baniere de news, faire un menu dynamique...?)
www.actuimmosud.fr


Message édité par lilougirl8 le 18-10-2005 à 08:46:57
Reply

Marsh Posté le 17-10-2005 à 21:01:10   

Reply

Marsh Posté le 18-10-2005 à 00:46:14    

Marche pas ton lien

Reply

Marsh Posté le 18-10-2005 à 08:43:54    

Oui ton lien ne marche pas:)
Post ton code sur le forum pour qu'on voit ce que cela donne.
 
Sinon déja je peux te dire que tes scripts pour appeler ta bannière est un peu inutile. un bon vieu  css et le tour est joué !!!!
 
Pour ce qui est des <div> c'est pas possible c'est obligatoire lol :)
 
Nan sans déconner en faite, les tableaux c'etait il y a 5 ans :) ^^
 
Post ton code et on pourra tous y jeter un coup d'oeil

Reply

Marsh Posté le 18-10-2005 à 08:47:20    

oops desolé pour le lien je devai etre fatigué voila c'est réglé

Reply

Marsh Posté le 18-10-2005 à 09:09:34    

Pour des modèles de mises en css, le mieux serait d'apprendre.  
 
Il existe néanmoins quelques exemples qui peuvent t'aider sur le site alsacréations dans ma signature, ainsi que des tutos, et openweb, également dans ma signature, ou il y a des tutos également.


---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

Marsh Posté le 18-10-2005 à 13:47:04    

Concernant les div est il possible de les imbriqué a volonté, jaimerai refaire mon menu de gauche puis je le faire avec que des div??
Autre question , commen mettre en page le texte ... les différent cadres (comme la barre de news) je mets un grand div de la taille du site et ensuite jimbrique dautre div dessus ? c'est bien ça?
 
Pour ce qui est de alsacréations je suis déja tombé dessu c'est un super site bien clair.  
An niveau des css je pense avoir compris aussi le principe.

Reply

Marsh Posté le 19-10-2005 à 01:31:10    

lilougirl8 a écrit :

Concernant les div est il possible de les imbriqué a volonté,


Autant que tu veux, mais evite d'y aller comme un porc.
Il y a des gros porcs qui emboite bien des dizaines de tableaux qui ne servent à rien, pourquoi tu n'empilerai pas pleins de DIV
 

lilougirl8 a écrit :

jaimerai refaire mon menu de gauche puis je le faire avec que des div??


ya pas que DIV dans la vie.
dl dt dd, ul li, em, h1...h6. Ya pleins de balises qui ont une fonction particulière.
si tu veux faire un menu, c'est une liste de lien et donc du > UL LI A
 

Code :
  1. <ul id="menu">
  2. <li><a href="lien1"></a></li>
  3. </ul>


lilougirl8 a écrit :

Autre question , commen mettre en page le texte ... les différent cadres (comme la barre de news) je mets un grand div de la taille du site et ensuite jimbrique dautre div dessus ? c'est bien ça?


Avec du CSS-P, ou CSS positioning, donc en utilisant des techniques de placement flottant, relatif, absolu. se référer à http://css.alsacreations.com et à www.openweb.eu.org

lilougirl8 a écrit :

Pour ce qui est de alsacréations je suis déja tombé dessu c'est un super site bien clair.  
An niveau des css je pense avoir compris aussi le principe.


Alsacreations  roxxxxeeeeEEEEEeeee :love:  :love:  


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 19-10-2005 à 10:54:25    

gatsusat a écrit :

Autant que tu veux, mais evite d'y aller comme un porc.
Il y a des gros porcs qui emboite bien des dizaines de tableaux qui ne servent à rien, pourquoi tu n'empilerai pas pleins de DIV
 
 
ya pas que DIV dans la vie.
dl dt dd, ul li, em, h1...h6. Ya pleins de balises qui ont une fonction particulière.
si tu veux faire un menu, c'est une liste de lien et donc du > UL LI A
 

Code :
  1. <ul id="menu">
  2. <li><a href="lien1"></a></li>
  3. </ul>


 
Avec du CSS-P, ou CSS positioning, donc en utilisant des techniques de placement flottant, relatif, absolu. se référer à http://css.alsacreations.com et à www.openweb.eu.org
 
Alsacreations  roxxxxeeeeEEEEEeeee :love:  :love:


 +1, entièrement d'accord.
 
Alsacréations y a pas encore des masses de modèles de mises en page en flottant, j'en ai fait quelques uns, pas parfaits, mais assez correct comme base, à corriger en s'aidant de l'article d'openweb sur le positionnement flottant.
 
http://test.roane-irkana.net/2_cols_fluide.htm
http://test.roane-irkana.net/2_cols_fixe.htm
http://test.roane-irkana.net/3_cols_fluide.htm
http://test.roane-irkana.net/3_cols_fixe.htm


Message édité par Roane le 19-10-2005 à 10:55:00

---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

Marsh Posté le 19-10-2005 à 11:21:44    

lilougirl8 a écrit :

Concernant les div est il possible de les imbriqué a volonté, jaimerai refaire mon menu de gauche puis je le faire avec que des div??


Si tu en est à te poser cette question, c'est qu'il est temps d'apprendre l'HTML [:dawa] Aussi, un menu, c'est une liste de liens, donc faut utiliser l'élément ul, comme l'a dit gats.
 
Faut toujours réfléchir à la sémantique des éléments, et à bien les utiliser quand il le faut. Par exemple si t'as des titres (genre titre d'article), ça sera la série h1 h2 h3... Si t'as des listes d'éléments, ce sera ul. Si les éléments sont ordonés, ce sera ol. Les paragraphe vont logiquement être dans un p, etc.


Message édité par FlorentG le 19-10-2005 à 11:22:00
Reply

Marsh Posté le 19-10-2005 à 13:28:39    

dac pour les ul li .. javai commencé a bossé la dessus d'ailleur grace a alsacreation, je galérai juste pour bien mettre en page avec la css.
Je sais que pour être bien référencé il faut que le site soit bien codé, vu que c'est a usage professionnelle jaimerai créer le meilleur site possible (enfin que je soi possible de faire lol).
Merci pr ces renseignement, je vai travaillé dessu dès que jai le temps.
Mai restez pas loin lol jaurai suremen envore besoin d'aide.

Reply

Marsh Posté le 19-10-2005 à 13:28:39   

Reply

Marsh Posté le 19-10-2005 à 13:51:05    

tu paies combien ? :D


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 19-10-2005 à 18:48:27    

j'ai fai un menu un peu comme ça
bon jai intégré la css mais après je la ferai externe
Je ne comprend pas sous internet explorer no souci sous firefox
ç'est tt buggé
 
http://www.actuimmosud.fr/menu.html
 
Sinon vs pensez que je suis sur la bonne voie niveau code?

Reply

Marsh Posté le 19-10-2005 à 18:54:50    

Ah non tu as mal compris la chose là
 
tu mets des LI pour englober d'autres LI
ce n'est pas comme cela que marche une liste. c'est normal que ca foire sous IE !
 

Code :
  1. <ul id="menu">
  2. <li><a href="#">lien</a></li>
  3. <li><a href="#">lien</a></li>
  4. <li><a href="#">lien</a></li>
  5. <li><a href="#">Truc a cliquer pour etendre</a>
  6.  <ul id="test">
  7.   <li><a href="#">lien</a></li>
  8.   <li><a href="#">infos 12</a>
  9.    <ul>
  10.     <li><a href="#">lien</a></li>
  11.     <li><a href="#">encore un sous menu</a>
  12.      <ul>
  13.       <li><a href="#">lien</a></li>
  14.       <li><a href="#">lien</a></li>
  15.       <li><a href="#">lien</a></li>
  16.      </ul>
  17.     </li>
  18.     <li><a href="#">lien</a></li>
  19.    </ul>
  20.   </li>
  21.   <li><a href="#">lien</a></li>
  22.  </ul>
  23. </li>
  24. <li><a href="#">lien</a></li>
  25. <li><a href="#">clic là aussi</a>
  26.  <ul>
  27.   <li><a href="#">lien</a></li>
  28.   <li><a href="#">lien</a></li>
  29.   <li><a href="#">lien</a></li>
  30.  </ul>
  31. </li>
  32. </ul>


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 19-10-2005 à 19:09:43    

moi je n'ai pas besoin d'étendre mon menu.
Ce que je compren pas au niveau du bug c'est que firefox me fou une marge plus grande, le texte au passage de la souris ne fai pas toute la longueur du menu...
alor que IE c'est OK

Reply

Marsh Posté le 19-10-2005 à 19:26:55    

margin:0px
padding:0px

Reply

Marsh Posté le 19-10-2005 à 19:35:37    

ah merci impec apparement juste aussi un autre tru regarder le survolage du des lien sous firerfox j'ai un pixel en moins sur la droite c'est pas jusqu'au bout.
Sinon niveau code c bon la vs penser?

Reply

Marsh Posté le 19-10-2005 à 19:36:30    

lilougirl8
 
tu as lu ce que j'ai dis bordelou de diou ?
 
d'une part virer les marges internet et externes, cf Xtof_83
ensuite un LI ne se place que dans un UL c'est tout, donc ton menu tu le recode de la manière du code que j'ai mis. ne fait pas gaffe au texte à l'interieur, c'est un copier coller d'un truc à moi


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 19-10-2005 à 19:41:15    

dac donc si j'ai bien compris ça ne marche pas ce que j'ai fai niveau sémentique.
parce que jai remonte la balise </li> en haut considérent le titre de mon menu comme les autres.  
Il faut que je le hierarchise si j'ai bien compris (cf ton codea toi)?

Reply

Marsh Posté le 19-10-2005 à 19:53:32    

Là c'est surtout que t'as plusieurs listes, avec pour chacune de ces listes un titre, donc je metterai :

<div id="navigation">
  <h2>Transaction</h2>
  <ul>
    <li>Liste de nos biens</li>
    <li>Vendre votre bien</li>
    <li>Faire estimer votre bien</li><
  </ul>
  <h2>Location</h2>
  <ul>
    <li>....
 
....
</div>

Reply

Marsh Posté le 19-10-2005 à 19:57:29    

okay je vai voir ça

Reply

Marsh Posté le 19-10-2005 à 19:57:41    

Code :
  1. <ul type="disc">
  2.  <li class="menu">Transaction
  3.                  <li><a href="">Liste de nos biens</a></li>
  4.      <li><a href="">Vendre votre bien</a></li>
  5.      <li><a href="">Faire estimer votre bien</a></li>
  6.             </li>
  7. ....
  8.    <li class="menu">Nous
  9.   <li><a href="">Notre village</a></li>
  10.      <li><a href="">Notre région</a></li>
  11.      <li><a href="">Notre Agence</a></li>
  12.    </li>   
  13. </ul>

 
tu vois ton erreur ?
il manque quelque chose de flagrant :!!!!
un UL pour englober les sous LI, on ne met pas un LI directement dans une balise, il y a toujours un UL pour englober les LI
 
et vire ton truc de type="machin", en CSS on va justement definir le type de liste
 

Code :
  1. <ul type="disc">
  2.  <li class="menu"><h2>Transaction </h2>
  3.                  <ul>
  4.                  <li><a href="">Liste de nos biens</a></li>
  5.      <li><a href="">Vendre votre bien</a></li>
  6.      <li><a href="">Faire estimer votre bien</a></li>
  7.                  </ul>
  8.             </li>
  9. ....
  10.    <li class="menu"><h2>Nous </h2>
  11.                  <ul>     
  12.                  <li><a href="">Notre village</a></li>
  13.      <li><a href="">Notre région</a></li>
  14.      <li><a href="">Notre Agence</a></li>
  15.                  </ul>
  16.    </li>   
  17. </ul>


 
Là c'est fait à l"arrache. Mais dans ton cas on pourrait aussi faire comem ceci :  
 
<div id="menu">
 
<dl>
  <dt>menu1</dt>
  <dd>action1.1</dd>
  <dd>action1.2</dd>
</dl>
<dl>
  <dt>menu2</dt>
  <dd>action2.1</dd>
  <dd>action2.2</dd>
</dl>
</div>


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 19-10-2005 à 21:12:39    

bon qu'est ce que vous en pensez?  
www.actuimmosud.fr/menu.html
 
toujours quelques bug dalignement mai jai refait come vous m'avez conseillé.
Comment résoudre mes petit souci ss firefox?


Message édité par lilougirl8 le 19-10-2005 à 21:13:02
Reply

Marsh Posté le 19-10-2005 à 21:37:05    

Hum j'aime pas trop ton CSS:
 
Par exemple
ton ul a pas de id ou de class:
 
Donc tu en met une des 2, ici mieux une classe
 
.menu {
 
}
 
donc pour les li de tu met:
 
.menu li {
 
}
 
On verra ce que disent les autres, mais je pense que c'est mieux, ensuite...
 
Ben look dans ce sens, ton text-align:center; est pas actif quelques part ou autres...

Reply

Marsh Posté le 19-10-2005 à 21:59:04    

op voila c'est fait
c'est sur que c'est mieu géré au niveau de la css
je comptai le faire de tte façon la merci pr ton aide...
sinon pr le bug ss firefox je compren vraiment pa ie c'est nikel pourtt ça me soule
j'ai du mal faire un truc

Reply

Marsh Posté le 19-10-2005 à 22:28:27    

lilougirl8 a écrit :

op voila c'est fait
c'est sur que c'est mieu géré au niveau de la css
je comptai le faire de tte façon la merci pr ton aide...
sinon pr le bug ss firefox je compren vraiment pa ie c'est nikel pourtt ça me soule
j'ai du mal faire un truc


 
 
 :sweat: ou tu as mal suivit ce que je tai dit...
 
sousmenu n'était pas à mettre, enfin.. :sarcastic:  
C'est toujours comme ça au début on comprend pas tout du CSS...
 
Bon jai prendre ton code et tester... ;)

Reply

Marsh Posté le 19-10-2005 à 22:49:24    

Merci de mettre un doctype ;)
 

Code :
  1. <html>
  2. <!-- Date de création: 19/10/2005 -->
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <title>Actu Immo Sud - Agence Immobilière de ROUGIERS - Page d'accueil</title>
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <meta name="author" content="Usager non enregistré">
  9. <meta name="generator" content="WebExpert 6">
  10. <style type="text/css">
  11. <!--
  12. a {
  13. color: #003366;
  14. text-decoration: none;
  15. }
  16. .menu {
  17. margin:0px 34px;
  18. padding: 0px;
  19. list-style: none;
  20. text-align: center;
  21. }
  22. .menu li {
  23. border-bottom: 1px solid black;
  24. border-left: 1px solid black;
  25. border-right: 1px solid black;
  26. list-style: none;
  27. }
  28. .menu li a:hover {
  29. background: #FF9900;
  30. color : #003366;
  31. }
  32. div.navigation {
  33. margin: 0px;
  34. padding: 0px;
  35. width: 220px;
  36. border: 1px solid black;
  37. font: 12px Arial;
  38. height: 450px;
  39. }
  40. h1.menutitre {
  41. margin:20px 34px 0px 34px;
  42. padding: 0px;
  43. border: 1px solid black;
  44. background:   url(image/bouton2.gif);
  45. color: #ffffff;
  46. font:  12px bold arial; 
  47. text-align: center;
  48. width: 150px;
  49. position: relative;
  50. }
  51. /* Fin de la section de style généré par WebExpert le 19/10/2005 20:13:21 */
  52. -->
  53. </style>
  54. </head>
  55. <body>
  56. <div id="navigation" class="navigation">
  57.   <h1 class="menutitre">Transaction</h1>
  58.   <ul class="menu">
  59.     <li><a href="">Liste de nos biens</a></li>
  60.     <li><a href="">Vendre votre bien</a></li>
  61.     <li><a href="">Faire estimer votre bien</a></li>
  62.   </ul>
  63.   <h1 class="menutitre">Location</h1>
  64.   <ul class="menu">
  65.     <li><a href="">Liste de nos locations</a></li>
  66.     <li><a href="">Louer votre bien</a></li>
  67.   </ul>
  68.   <h1 class="menutitre">Services</h1>
  69.   <ul class="menu">
  70.     <li><a href="">Calculette financière</a></li>
  71.     <li><a href="">Frais de notaire</a></li>
  72.     <li><a href="">Simulation de prêt</a></li>
  73.     <li><a href="">Conseils en immobilier</a></li>
  74.   </ul>
  75.   <h1 class="menutitre">Nous</h1>
  76.   <ul class="menu">
  77.     <li><a href="">Notre village</a></li>
  78.     <li><a href="">Notre région</a></li>
  79.     <li><a href="">Notre Agence</a></li>
  80.   </ul>
  81.   <div align="center">
  82.   <form name="i" action="http://www.domaine.com/" method="post">
  83.     <input type="text" name="k" size="22" maxlength="256">
  84.     <input type="button" value="Rechercher"></div>
  85.    </form>
  86.   </div>
  87. </div>
  88. </body>
  89. </html>

Reply

Marsh Posté le 19-10-2005 à 23:02:46    

merci à toi ça marche impec
j'ai juste fait une tite modif sur le style texte pr le h1 ça me le mettai pas en gras j'ai donc redétaillé (font-family...)
un dernier truc regarde sous firefox le surlugnement orange me laisse un marge blanche a droite c'est super stressant je compren pa

Reply

Marsh Posté le 19-10-2005 à 23:04:19    

hop c'est bon jai résolu tt seul mon pb

Reply

Marsh Posté le 19-10-2005 à 23:04:48    

merci encore mintene je vai commencé a réattaké la page lol resté pa tro loin ;-)

Reply

Marsh Posté le 19-10-2005 à 23:10:29    

Bonne chance ;)

Reply

Marsh Posté le 20-10-2005 à 05:53:48    

xtof_83 a écrit :

Merci de mettre un doctype ;)
 

Code :
  1. [code caca]



tu veux bien arrêter de mal guider les gens stp !!!
 
bon petit recapitulatif : les trucs qui se repetent souvent dans un code HTML, ca sert à rien de leur apposer une class="", puisque en CSS avec les Sélecteurs on arrive à faire ce qu'on veut.
 
ensuite H1 correspond toujours à un titre de site, et ne peut pas être utilisé comme ça à tout va.
donc utiliser H2 qui repond mieux ici.
Mais nous avons quand même un incoherence, donc pour faire mieux, même si le code de FG etait bon, autant utiliser les dl dt dd pour ton menu.  
Au passage vire moi cette putain <div align="center">, ca n'a plus rien à faire là,.
 
code corrigé : et au passage, j'ai enlevé toutes les fioritures et passé en dl dt dd
 

Code :
  1. <html>
  2. <head>
  3.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  4.   <title>Actu Immo Sud - Agence Immobilière de ROUGIERS - Page d'accueil</title>
  5. <style type="text/css">
  6. #navigation * {
  7. margin: 0px;
  8. padding: 0px;
  9. font: 12px Arial;
  10. }
  11. #navigation {
  12. width: 220px;
  13. border: 1px solid black;
  14. text-align:center; /*On fait ca pour les IE pour centrer les éléments*/
  15. }
  16. #navigation dl {
  17. list-style: none;
  18. text-align: center;
  19. margin:20px auto; /*On centre la bête via les marges auto pour les bons navigateurs*/
  20. width:150px;
  21. }
  22. #navigation dl dt {
  23. border: 1px solid black;
  24. background: blue url(image/bouton2.gif);
  25. color: #fff; 
  26. }
  27. #navigation dl dd {
  28.    border: 1px solid black;
  29. border-top: none;
  30. list-style: none;   
  31. }
  32. #navigation dd a {
  33.    /*pas besoin de width, avec un display block,  
  34. l'élément prend toute la largeur de son parent*/
  35. display: block;
  36. color: #036;
  37. text-decoration: none;
  38. }
  39. #navigation dd a:hover {
  40. background: #F90;
  41. }
  42. /*Formulaire*/
  43. #navigation form {
  44. width:150px;
  45. margin:0 auto 10px;
  46. }
  47. </style>
  48. </head>
  49. <body>
  50. <div id="navigation">
  51. <dl>
  52. <dt>Transaction</dt>
  53.  <dd><a href="">Liste de nos biens</a></dd>
  54.  <dd><a href="">Vendre votre bien</a></dd>
  55.  <dd><a href="">Faire estimer votre bien</a></dd>
  56. </dl>
  57. <dl>
  58. <dt>Location</dt>
  59.  <dd><a href="">Liste de nos locations</a></dd>
  60.  <dd><a href="">Louer votre bien</a></dd>
  61. </dl>
  62. <dl>
  63.  <dt>Services</dt>
  64.  <dd><a href="">Calculette financière</a></dd>
  65.  <dd><a href="">Frais de notaire</a></dd>
  66.  <dd><a href="">Simulation de prêt</a></dd>
  67.  <dd><a href="">Conseils en immobilier</a></dd>
  68. </dl>
  69. <dl>
  70. <dt>Nous</dt>
  71.  <dd><a href="">Notre village</a></dd>
  72.  <dd><a href="">Notre région</a></dd>
  73.  <dd><a href="">Notre Agence</a></dd>
  74. </dl> 
  75. <form name="i" action="http://www.domaine.com/" method="post">
  76.  <input type="text" name="k" size="22" maxlength="256">
  77.  <input type="button" value="Rechercher">
  78. </form>
  79. </div>
  80. </body>
  81. </html>


Si la CSS parait plus grande c'est parce que j'ai mis des commentaires, et tout mis à la ligne, c'est plus propre.
j'ai enlevé un paquet de lignes inutiles au passage

Message cité 1 fois
Message édité par gatsusat le 20-10-2005 à 05:55:54

---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 20-10-2005 à 13:29:52    

merci pour le code corrigé
Apparement ça roule,
j'ai juste un bug pour limage de fond, IE bug laffichage de titre (on voit une ligne en bas de titre) alor que firefox c'est nikel
J'en ai marre des ces bug de navigateur!!!
http://www.actuimmosud.fr/menu_ok.html


Message édité par lilougirl8 le 20-10-2005 à 13:31:52
Reply

Marsh Posté le 20-10-2005 à 16:33:54    

C'est ou que tu vois une ligne en bas de titre ?
 
jvois rien d'anormal moi comparé a tes autres menus.


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 20-10-2005 à 16:40:27    

Donc ton pb peut venir du fait que la case est trop grande pour accueillir ton Background, du coup ca déborde un petit peu et on voit le fond, c'est ça ? heing ?
 
dans ce cas :  

Code :
  1. #navigation dl dt { 
  2.          border: 1px solid black; 
  3.          background: url(image/bouton2.gif); 
  4.          color: #fff;
  5.          height:15px; /*On fixe une hauteur correspondant à la hauteur de l'image  
  6.          Donc c'est valable que pour les vrais navigateurs qui ne prennent la largeur que sur le contenu et non sur les border.*/
  7.          /*Donc ce qui suit est pour cette grosse pute de IE*/
  8.         _height:17px /*Underscore hack, la hauteur correspond à : hauteur contenu + padding + border*/
  9.         /*Ensuite on fout un overflow pour que le BG ne depasse pas trop*/
  10. overflow:hidden
  11.               }


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 20-10-2005 à 18:13:11    

gatsusat a écrit :

tu veux bien arrêter de mal guider les gens stp !!!
 
bon petit recapitulatif : les trucs qui se repetent souvent dans un code HTML, ca sert à rien de leur apposer une class="", puisque en CSS avec les Sélecteurs on arrive à faire ce qu'on veut.
 
ensuite H1 correspond toujours à un titre de site, et ne peut pas être utilisé comme ça à tout va.
donc utiliser H2 qui repond mieux ici.
Mais nous avons quand même un incoherence, donc pour faire mieux, même si le code de FG etait bon, autant utiliser les dl dt dd pour ton menu.  
Au passage vire moi cette putain <div align="center">, ca n'a plus rien à faire là,.
 
code corrigé : et au passage, j'ai enlevé toutes les fioritures et passé en dl dt dd
 

Code :
  1. [CODE GATSU]


Si la CSS parait plus grande c'est parce que j'ai mis des commentaires, et tout mis à la ligne, c'est plus propre.
j'ai enlevé un paquet de lignes inutiles au passage


 
 
Désolé, je suis pas le dieu de la sémantique... ;)
Tu as oublié de spécifié le doctype  :whistle:  :whistle:  

Reply

Marsh Posté le 20-10-2005 à 18:22:39    

Comment ils sont trop sympa les bourreaux habituels d'HFR dès qu'il y a girl dans le pseudo.
Je crois que je vais me faire un FP moi.

Reply

Marsh Posté le 20-10-2005 à 18:28:14    

Moi je suis tout le temps sympa [:petrus75]

Reply

Marsh Posté le 20-10-2005 à 19:21:34    

moi je deviens sympa kan on m'ecoute et qu'on essaye de faire de son mieux. et c'est ce que la demoiselle a fait.
 
PS : ya kan même des postes ou je me fache dans ce topic.

FlorentG a écrit :

Moi je suis tout le temps sympa [:petrus75]


Oui quand tu cours tout nu dans les champs de fraises avec moi


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 20-10-2005 à 19:24:17    

xtof_83 a écrit :

Désolé, je suis pas le dieu de la sémantique... ;)
Tu as oublié de spécifié le doctype  :whistle:  :whistle:


 
Tu vas pas nous emmerder avec le Doctype, ce n'est qu'un exemple HTML pour permettre a la dame de voir le code et de C/C le bordel dans une page direct.
 
Si j'ai pas mis de doctype c'est pour la simple raison qu'elle n'en utilise pas, mais je lui conseille de prendre celui-ci :  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 
de cette manière IE passera en mode Strict et non quirks, du coup on pourra degager certaines choses comme le centrage, qui là sera géré par margin:xx auto;


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 20-10-2005 à 19:48:45    

je pense que mon topic t'aidera pas mal car je suis en plein dans les modifs et ce que je fais c'est ce que tu demandes en gros
 
http://forum.hardware.fr/hardwaref [...] 8578-1.htm
 
y'a plein de gens sympas qui m'ont aidé dont gatsusat et FlorentG (sympa++ même je dirais :D )
 
 
edit : et je suis pas une meuf :o (comme quoi ils sont tout le temps sympas ;) )


Message édité par DrWatson le 20-10-2005 à 19:50:15
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed