Problème de marge

Problème de marge - HTML/CSS - Programmation

Marsh Posté le 16-06-2006 à 14:28:50    

Bonjour à tous,
 
Je suis confronté à un problème tout bête en CSS. J'essaye de créer deux boites, alignées horizontalement. Le problème, c'est que j'ai un espace entre les deux boites crées, alors que j'ai mis le padding et marging à 0.  
Voici le code :
 

Code :
  1. <html>
  3. <style type="text/css">
  4. body {
  5. margin: 0px;
  6. padding: 0px;
  7. background: white;
  8. font: 80% verdana, arial, sans-serif;
  9. }
  11. .jaune {
  12.   display:inline;
  13.   width : 500px;
  14.   height : 25px; 
  15.   background-image: url(grad_blue.gif);
  16.   background-color: #ccc;
  17.   margin-left: 0;
  18.   padding-left: 0;
  19. }
  20. .verte {
  21.   display:inline;
  22.   width : 140px;
  23.   height:25 px;
  24.   background-color: #ccc;
  25. }
  26. </style><body>
  28. <p>
  29.   <span class="jaune">Une boîte jaune</span>
  30.   <span class="verte">Une boîte verte</span>
  31. </p>
  33. </body>
  34. </html>


 
Auriez-vous une idée de l'erreur?
 
Merci d'avance

Reply

Marsh Posté le 16-06-2006 à 14:28:50   

Reply

Marsh Posté le 16-06-2006 à 14:43:38    

float : left;

Reply

Marsh Posté le 16-06-2006 à 15:04:31    

Ah effectivement, c'est toute de suite mieux. Merci.

Message cité 1 fois
Reply

Marsh Posté le 16-06-2006 à 15:05:38    

joquetino a écrit :

Ah effectivement, c'est toute de suite mieux. Merci.


 
ça pose d'autres problèmes. [:spamafote]
 
Les trucs en relative alignés horizontalement avec float, c'est la merde. [:spamafote]

Message cité 1 fois
Reply

Marsh Posté le 17-06-2006 à 09:07:39    

Hermes le Messager a écrit :

ça pose d'autres problèmes. [:spamafote]
 
Les trucs en relative alignés horizontalement avec float, c'est la merde. [:spamafote]


 
de tout facon l attribut position c dla marde :o
y a une vanne que j ai apprise sur ce forum et que j adore c est le web97
position c est juste pour les nostalgiques des gifs animés stou :/
jusque la les seules applications concretes que j ai pu trouver a cet attribut c est pour simuler les frames de l epoque
apres peut etre que je me trompe mais je pense que cette fonction a été implantée pour la transition entre le web statique en tableaux et le css ... on peut toujours se debrouiller sans ..sinon y a un probleme de conception
 

Message cité 1 fois
Reply

Marsh Posté le 17-06-2006 à 09:13:31    

mIRROR a écrit :

de tout facon l attribut position c dla marde :o
y a une vanne que j ai apprise sur ce forum et que j adore c est le web97
position c est juste pour les nostalgiques des gifs animés stou :/
jusque la les seules applications concretes que j ai pu trouver a cet attribut c est pour simuler les frames de l epoque
apres peut etre que je me trompe mais je pense que cette fonction a été implantée pour la transition entre le web statique en tableaux et le css ... on peut toujours se debrouiller sans ..sinon y a un probleme de conception


 
 
tu as fumé toi non ?
position permet de faire pleins de choses :o
exemple  : placer un bloc en haut un gauche d'un autre et toujours (position:absolute)
placer un block toujours fixement dans la page (ne fonctionne que sous FF position:fixed) et tout pleins d'autres truc, donc merci d'arreter de raconter des conneries, quand on sait pas :o

Reply

Marsh Posté le 17-06-2006 à 09:34:29    

je raconte pas de conneries :/
 
apres c est juste un point de vue personnel
 
deja absolute c est sur : C EST NUL
ca vaut pas mieux qu un vieux cadre toupoorÿ
apres relative c est nagociable avec indulgence
 
/me aime les beaux flux !!!!!!!!!!!!!!!!!!!!!!!!

Message cité 1 fois
Reply

Marsh Posté le 17-06-2006 à 09:35:39    

mIRROR a écrit :

je raconte pas de conneries :/
 
apres c est juste un point de vue personnel
 
deja absolute c est sur : C EST NUL
ca vaut pas mieux qu un vieux cadre toupoorÿ
apres relative c est nagociable avec indulgence
 
/me aime les beaux flux !!!!!!!!!!!!!!!!!!!!!!!!


le positionnement absolu permet de placer des éléments dans chaques coins d'une boites afin d'avoir des coin arrondis par exemple ;o

Reply

Marsh Posté le 17-06-2006 à 09:38:16    

faux
 
tu voulais peut etre dire relative mais je te pardonne  
et je fais TOUT avec des float

Reply

Marsh Posté le 17-06-2006 à 09:45:08    

Faux ???? [:johneh] Tu parles du post de gatsu ?

Message cité 1 fois
Reply

Marsh Posté le 17-06-2006 à 09:45:08   

Reply

Marsh Posté le 17-06-2006 à 09:49:33    

FlorentG a écrit :

Faux ????  [:johneh]  Tu parles du post de gatsu ?


ben ouais

 

tu fais des bords arrondis en positionnement absolu toi ? :sweat:

Message cité 1 fois
Reply

Marsh Posté le 17-06-2006 à 09:52:00    

Ouais, mais c'est un JavaScript qui les insère :D

Reply

Marsh Posté le 17-06-2006 à 10:07:51    

ah ouais mais si tu triches aussi :sweat:
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
:D

Reply

Marsh Posté le 17-06-2006 à 10:10:11    

mIRROR a écrit :

ben ouais
 
tu fais des bords arrondis en positionnement absolu toi ? :sweat:


tu as déjà fais du positionnement en absolu tu es sûr ?
 

Code :
  1. <div id="bloc">
  2. <div class="t_l"></div><div class="t_r"></div><div class="b_l"></div><div class="b_r"></div>
  4. le block
  5. </div>
  7. #bloc {position:relative}
  8. .t_l, .t_r, .b_l, .b_r {position:relative; border:1px solid blue}
  9. .t_l {top:0; left:0}
  10. .t_r {top:0; right:0}
  11. .b_l {bottom:0; left:0}
  12. .b_r {bottom:0; right:0}


 
Quand tu positionnes un élément en absolu, il va essayer de se positionner par rapport au premier parent positionné (c'est à dire ayant une position autre que "static".
bien evidemment dans le code que je vient de te refourguer, IE fait sa pute et :  
si la largeur du block est impaire, alors les coins positionnés à droite sont décallés de 1 pixels
et idem pour le bas
 
Ca te convient :o ?

Message cité 1 fois
Message édité par gatsu35 le 17-06-2006 à 10:10:35
Reply

Marsh Posté le 17-06-2006 à 10:27:05    

gatsu35 a écrit :

tu as déjà fais du positionnement en absolu tu es sûr ?

 

[:al zheimer]
bah je sais pas pourquoi j etais persuadé qu'absolute designait une position par rapport au coin left top et je me trompais  :sweat:

 
Citation :

 

absolute
    L'emplacement de la boîte (et éventuellement sa taille) est déterminé par les propriétés 'left', 'right', 'top', et 'bottom'. Celles-ci spécifient les déplacements en fonction du bloc conteneur


encore une fois merci gatsu :jap:

 

(maintenant je me rends compte que j ai du dire beaucoup de conneries trollesques a l insu de mon plein gré et j en suis désolé REELLEMENT)

   

toutes mes confuses c est kloug

 


Message cité 1 fois
Reply

Marsh Posté le 17-06-2006 à 10:36:59    

mIRROR a écrit :

[:al zheimer]  
bah je sais pas pourquoi j etais persuadé qu'absolute designait une position par rapport au coin left top et je me trompais  :sweat:  
 
 
encore une fois merci gatsu :jap:
 
(maintenant je me rends compte que j ai du dire beaucoup de conneries trollesques a l insu de mon plein gré et j en suis désolé REELLEMENT)
 
 
 
 
 
toutes mes confuses c est kloug


tu as surtout beaucoup à apprendre en CSS et surtout avaler la recommendation W3C

Reply

Marsh Posté le 17-06-2006 à 10:39:38    

honnetement je la lis souvent  
mais je sais pas
encore un a priori a la con
 
je suis degouté parce que finalement ca aurait pu m aider dans bien des cas :/

Reply

Sujets relatifs:

Leave a Replay

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