Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2509 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Comment mieu coder ma page

 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Précédente
Auteur Sujet :

Comment mieu coder ma page

n°1224923
lilougirl8
Posté le 17-10-2005 à 21:01:10  profilanswer
 

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
mood
Publicité
Posté le 17-10-2005 à 21:01:10  profilanswer
 

n°1225023
xtof_83
Freeride Spirit
Posté le 18-10-2005 à 00:46:14  profilanswer
 

Marche pas ton lien

n°1225062
kakahn
Posté le 18-10-2005 à 08:43:54  profilanswer
 

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

n°1225065
lilougirl8
Posté le 18-10-2005 à 08:47:20  profilanswer
 

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

n°1225087
Roane
Pingouino's fan
Posté le 18-10-2005 à 09:09:34  profilanswer
 

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
n°1225326
lilougirl8
Posté le 18-10-2005 à 13:47:04  profilanswer
 

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.

n°1225860
gatsusat
Posté le 19-10-2005 à 01:31:10  profilanswer
 

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
n°1225984
Roane
Pingouino's fan
Posté le 19-10-2005 à 10:54:25  profilanswer
 

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
n°1226016
FlorentG
Unité de Masse
Posté le 19-10-2005 à 11:21:44  profilanswer
 

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
n°1226131
lilougirl8
Posté le 19-10-2005 à 13:28:39  profilanswer
 

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.

mood
Publicité
Posté le 19-10-2005 à 13:28:39  profilanswer
 

n°1226169
gatsusat
Posté le 19-10-2005 à 13:51:05  profilanswer
 

tu paies combien ? :D


---------------
Les CSS c'est bon mangez-en
n°1226497
lilougirl8
Posté le 19-10-2005 à 18:48:27  profilanswer
 

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?

n°1226510
gatsusat
Posté le 19-10-2005 à 18:54:50  profilanswer
 

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
n°1226544
lilougirl8
Posté le 19-10-2005 à 19:09:43  profilanswer
 

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

n°1226577
xtof_83
Freeride Spirit
Posté le 19-10-2005 à 19:26:55  profilanswer
 

margin:0px
padding:0px

n°1226585
lilougirl8
Posté le 19-10-2005 à 19:35:37  profilanswer
 

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?

n°1226587
gatsusat
Posté le 19-10-2005 à 19:36:30  profilanswer
 

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
n°1226592
lilougirl8
Posté le 19-10-2005 à 19:41:15  profilanswer
 

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)?

n°1226597
FlorentG
Unité de Masse
Posté le 19-10-2005 à 19:53:32  profilanswer
 

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>

n°1226607
lilougirl8
Posté le 19-10-2005 à 19:57:29  profilanswer
 

okay je vai voir ça

n°1226608
gatsusat
Posté le 19-10-2005 à 19:57:41  profilanswer
 

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
n°1226640
lilougirl8
Posté le 19-10-2005 à 21:12:39  profilanswer
 

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
n°1226657
xtof_83
Freeride Spirit
Posté le 19-10-2005 à 21:37:05  profilanswer
 

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...

n°1226666
lilougirl8
Posté le 19-10-2005 à 21:59:04  profilanswer
 

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

n°1226673
xtof_83
Freeride Spirit
Posté le 19-10-2005 à 22:28:27  profilanswer
 

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... ;)

n°1226693
xtof_83
Freeride Spirit
Posté le 19-10-2005 à 22:49:24  profilanswer
 

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>

n°1226706
lilougirl8
Posté le 19-10-2005 à 23:02:46  profilanswer
 

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

n°1226707
lilougirl8
Posté le 19-10-2005 à 23:04:19  profilanswer
 

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

n°1226708
lilougirl8
Posté le 19-10-2005 à 23:04:48  profilanswer
 

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

n°1226715
xtof_83
Freeride Spirit
Posté le 19-10-2005 à 23:10:29  profilanswer
 

Bonne chance ;)

n°1226790
gatsusat
Posté le 20-10-2005 à 05:53:48  profilanswer
 

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
n°1227052
lilougirl8
Posté le 20-10-2005 à 13:29:52  profilanswer
 

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
n°1227251
gatsusat
Posté le 20-10-2005 à 16:33:54  profilanswer
 

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
n°1227257
gatsusat
Posté le 20-10-2005 à 16:40:27  profilanswer
 

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
n°1227362
xtof_83
Freeride Spirit
Posté le 20-10-2005 à 18:13:11  profilanswer
 

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:  

n°1227368
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 20-10-2005 à 18:22:39  profilanswer
 

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.

n°1227372
FlorentG
Unité de Masse
Posté le 20-10-2005 à 18:28:14  profilanswer
 

Moi je suis tout le temps sympa [:petrus75]

n°1227402
gatsusat
Posté le 20-10-2005 à 19:21:34  profilanswer
 

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
n°1227403
gatsusat
Posté le 20-10-2005 à 19:24:17  profilanswer
 

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
n°1227419
DrWatson
_@''
Posté le 20-10-2005 à 19:48:45  profilanswer
 

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
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Précédente

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Comment mieu coder ma page

 

Sujets relatifs
Popup vers pageEnvoyer cette page a un ami
Appel de fonction d'une autre pageEst il possible d'indexer une page dans un document PDF
ecrire sur un page via un formulaire[resolu] Pb validation - cause "input" - pb mise en page
repeter un script sur une pagema page bug avec IE, AU SECOUR!
lecture du contenu d'une page HTMLquelle page est la plus legere index.php ou index.html ?!
Plus de sujets relatifs à : Comment mieu coder ma page


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR