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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème de tableau CSS

 


CSS ou HTML




Attention si vous cliquez sur "voir les résultats" vous ne pourrez plus voter

 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème de tableau CSS

n°920994
GuardianFo​rce
Posté le 12-12-2004 à 14:29:41  profilanswer
 

Salut  :jap:  
 
J'ai fait un tableau de 2 collones en CSS ( donc juste avec <div> ) et tout va bien.
 
Mais, le menu du gauche passe par dessus un <div> qui se trouve tout en dernier, après le tableau  :x  
 
Vous pouvez voir ça ici : http://rpgcreation.free.fr/cont.html
 
Voila le code HTML :

Code :
  1. <div class="gauche">
  2. Menu
  3. </div>
  4. <div class="centre">
  5. Contenu
  6. </div>
  7. <div class="menu4">
  8. Copyright
  9. </div>


 
Voila le code CSS :

Code :
  1. .gauche {
  2. position: absolute;
  3. left: 0;
  4. width: 180px;
  5. border: 0px;
  6. color : #000000;
  7. background-color: #FFFFFF;
  8. text-align : justify;
  9. font-size: 12px;
  10. font-family : Arial, Verdana, Helvetica, sans-serif;
  11. }
  12. .centre {
  13. margin-left: 180px;
  14. margin-right: 0px;
  15. border-top: 0px;
  16. border-left: 1px solid black;
  17. border-right: 0px;
  18. border-bottom: 0px;
  19. padding: 5px;
  20. background-color: #FFFFFF;
  21. color : #000000;
  22. text-align : justify;
  23. font-size: 13px;
  24. font-family : Arial, Verdana, Helvetica, sans-serif;
  25. }
  26. .menu4 {
  27. border-top: 1px solid #000000;
  28. border-left: 0px;
  29. border-right: 0px;
  30. border-bottom: 0px;
  31. width: 100%;
  32. background-color: #A4A3BD;
  33. font-size : 12px;
  34. font-family : Arial, Verdana, Helvetica, sans-serif;
  35. text-align : center;
  36. }


 
Voila...

mood
Publicité
Posté le 12-12-2004 à 14:29:41  profilanswer
 

n°921003
masklinn
í dag viðrar vel til loftárása
Posté le 12-12-2004 à 14:39:46  profilanswer
 

<div class="titrelien">
<b>Création de RPG</b>
</div>
<div class="lien">
<a href="http://rpgcreation.free.fr/tuto/creer/creer.php" class="D2">&nbsp;<b>Créer un RPG 3D</b></a>
</div>
<div class="lien">
<a href="http://rpgcreation.free.fr/articles" class="D2">&nbsp;<b>Articles (13)</b></a>
</div>
<div class="titrelien">
<b>RPG-maker</b>
</div>
<div class="lien">
<a href="http://rpgcreation.free.fr/rm2k/tuto" class="D2">&nbsp;Tuto/Aide (4)</a>
</div>
<div class="lien">
<a href="http://rpgcreation.free.fr/rm2k/resources" class="D2">&nbsp;Ressources</a>
</div>
<div class="titrelien">
<b>Téléchargements</b>
</div>
<div class="lien">
<a href="http://rpgcreation.free.fr/telechargements_jeux.php" class="D2">&nbsp;Jeux (5)</a>
</div>
<div class="lien">
<a href="http://rpgcreation.free.fr/telechargements_programmes.php" class="D2">&nbsp;Programmes (25)</a>
</div>
<div class="titrelien">
<b>Newsletter</b>
</div>


 [:mlc]  
mais c'est quoi ce menu [:mlc]  
et pourquoi ya des balises <b>? [:jofusion]  
 

<td bgcolor="#A4A3BD">
<center>
<font color="blue" size="5">


 [:youpi]  
j'adore quand on mélange le vieux html et les CSS [:huit]  
 
Sinon, pour ton bug il faudrait te renseigner sur l'effet de ça:

position: absolute;


te renseigner sur l'optimisation de CSS
te renseigner sur la signification du mot "indentation"
 
et enfin mettre un joli doctype c'est cool, mais si tu pouvais respecter les demandes du doctype ca serait mieux [:linuxine]


Message édité par masklinn le 12-12-2004 à 14:40:27

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°921004
Mjules
Parle dans le vide
Posté le 12-12-2004 à 14:40:24  profilanswer
 

beaucoup de div inutiles sur ce site :/
 
essayes de rajouter un clear:both sur ta classe menu4


---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. |  Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.
n°921011
GuardianFo​rce
Posté le 12-12-2004 à 14:49:13  profilanswer
 

Pour le doctype j'essai justement de tout respecter ( c'set pour ça que je met en CSS et que je met pas de tableau.
 
Pour le menu, je l'ai pas encore modifié en entier, cétait juste pour montré qu'il passe au dessus.
 
clear: both; marche pas.
 
Le div inutil c'est surement ceux du menu, t'inquiete pas je vais changé ça avec :
 

Code :
  1. <div id="lien">
  2. <a href"...">...</a><br/>
  3. <a href"...">...</a><br/>
  4. <a href"...">...</a><br/>
  5. <a href"...">...</a>
  6. <div style="border-top: 1px solid #000000;"></div>
  7. <a href"...">...</a><br/>
  8. <a href"...">...</a><br/>
  9. <a href"...">...</a>
  10. </div>


 
Sinon pour <b> je vois pas l'erreur ? je dois la aussi mettre un <div> ?? surement bon ba j'vais le faire alors.
 
Et enfin, je vais me renseigner sur l'optimisation de CSS et me renseigner sur la signification du mot "indentation" he he :)
 
Et si ça marche tjrs pas, je vous fait signe ;)
 
Voila

n°921013
Mjules
Parle dans le vide
Posté le 12-12-2004 à 14:52:59  profilanswer
 

pour ton menu, utilise plutôt une liste non ordonnée (ul li) ou une liste de définitions.
 
http://alsacreations.com/articles/economie
 
http://alsacreations.com/articles/


---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. |  Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.
n°921014
masklinn
í dag viðrar vel til loftárása
Posté le 12-12-2004 à 14:55:17  profilanswer
 

GuardianForce a écrit :


Code :
  1. <div id="lien">
  2. <a href"...">...</a><br/>
  3. <a href"...">...</a><br/>
  4. <a href"...">...</a><br/>
  5. <a href"...">...</a>
  6. <div style="border-top: 1px solid #000000;"></div>
  7. <a href"...">...</a><br/>
  8. <a href"...">...</a><br/>
  9. <a href"...">...</a>
  10. </div>



http://css.maxdesign.com.au/listamatic/

Citation :

Sinon pour <b> je vois pas l'erreur ? je dois la aussi mettre un <div> ?? surement bon ba j'vais le faire alors.


putain mais non [:mlc]  

div.gauche a {
    font-weight: bold;
}


http://www.w3.org/TR/CSS21/fonts.html#font-boldness
 
tu vas pas rajouter des divs à chaque fois que t'as un truc à modifier, c'est t00pid [:jagstang]  
et <b>, c'est du vieux HTML, ca n'a aucun sens sémantique (comme <i>, <u> ou <font> )


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°921026
GuardianFo​rce
Posté le 12-12-2004 à 15:30:12  profilanswer
 

a ok, par contre... <em> c'est pas du vieux et ça fait déconner ma page...
 
Voila sinon je continu de chercher pour le problème...

n°921041
masklinn
í dag viðrar vel til loftárása
Posté le 12-12-2004 à 16:00:59  profilanswer
 

GuardianForce a écrit :

a ok, par contre... <em> c'est pas du vieux et ça fait déconner ma page...


Fais moi mal: les <em> tu les utilises où et pourquoi?


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°921045
GuardianFo​rce
Posté le 12-12-2004 à 16:14:14  profilanswer
 

Dans une de mes pages et pour remplacer <i>
 
Bon sinon je trouve tjrs pas la solution de mon problème ça me soule -__-
 
Help ^^

n°921049
masklinn
í dag viðrar vel til loftárása
Posté le 12-12-2004 à 16:21:35  profilanswer
 

Citation :

pour ton bug il faudrait te renseigner sur l'effet de ça:
position: absolute;


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
mood
Publicité
Posté le 12-12-2004 à 16:21:35  profilanswer
 

n°921057
GuardianFo​rce
Posté le 12-12-2004 à 16:46:17  profilanswer
 

erf... j'me suis renseigné mais j'ai rien trouvé...
 
J'ai trouver des site ou il utilise ça mais il explique pas tous les effets...
 
Mais mon poto Google m'a pas trouvé ça..
 
arg ! J'vais continué de chercher quand même.. faites moi signe si vous trouvez un site qui explique ;)
 
Voila

n°921098
masklinn
í dag viðrar vel til loftárása
Posté le 12-12-2004 à 18:32:35  profilanswer
 

ca fait sortir l'élément du flux du document, pour les autres éléments de ta page c'est comme si il n'était pas là, donc il n'a strictement aucune influence sur le positionnement du reste de la page. (idem pour fixed)


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°921520
gm_superst​ar
Appelez-moi Super
Posté le 13-12-2004 à 01:04:53  profilanswer
 

Pour la colonne de droite qui passe sous celle de gauche, il faut donne à la colonne de droite une marge à gauche au moins aussi grande que la largeur de la colonne de gauche.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°921684
GuardianFo​rce
Posté le 13-12-2004 à 12:03:32  profilanswer
 

J'ai trouver mieux que tout ça =)
 
float: left et float: right
 
Voila mon problème est réglé.
 
J'vous dis quand même merci parce que vous m'avez pas mal aidé et mis sur la voie ;)
 
Voila


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

  Problème de tableau CSS

 

Sujets relatifs
Doxygen & CSSProblème Javascript, ouverture dans la même fenêtre !
Probleme menu déroulant[HTML] Question taille tableau
probleme de script[RESOLU]encore un probleme de script!
Feuille CSS a commenter[HTML/CSS] Problème taille police dans tableau sous IE [RESOLU]
[CSS] Problème d'impression tableau[CSS + XHTML strict] Problème de tableau dans un cellule d'un tableau.
Plus de sujets relatifs à : Problème de tableau CSS


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