Problème de marge

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème de marge

joquetino

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 :

<html>
<style type="text/css">
body {
margin: 0px;
padding: 0px;
background: white;
font: 80% verdana, arial, sans-serif;
}
.jaune {
display:inline;
width : 500px;
height : 25px;
background-image: url(grad_blue.gif);
background-color: #ccc;
margin-left: 0;
padding-left: 0;
}
.verte {
display:inline;
width : 140px;
height:25 px;
background-color: #ccc;
}
</style><body>
<p>
<span class="jaune">Une boîte jaune</span>
<span class="verte">Une boîte verte</span>
</p>
</body>
</html>

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

Merci d'avance

Publicité

Hermes le Messager

Breton Quiétiste

float : left;

joquetino

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

Message cité 1 fois

Hermes le Messager

Breton Quiétiste

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.

Message cité 1 fois

mIRROR

Chevreuillobolchévik

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.

de tout facon l attribut position c dla marde
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

gatsu35

Blablaté par Harko

mIRROR a écrit :

tu as fumé toi non ?
position permet de faire pleins de choses
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

mIRROR

Chevreuillobolchévik

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

gatsu35

Blablaté par Harko

mIRROR a écrit :

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

mIRROR

Chevreuillobolchévik

faux

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

FlorentG

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

Message cité 1 fois

Publicité

mIRROR

Chevreuillobolchévik

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

FlorentG

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

mIRROR

Chevreuillobolchévik

ah ouais mais si tu triches aussi :sweat:

gatsu35

Blablaté par Harko

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 :

<div id="bloc">
<div class="t_l"></div><div class="t_r"></div><div class="b_l"></div><div class="b_r"></div>
le block
</div>
#bloc {position:relative}
.t_l, .t_r, .b_l, .b_r {position:relative; border:1px solid blue}
.t_l {top:0; left:0}
.t_r {top:0; right:0}
.b_l {bottom:0; left:0}
.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 ?

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

mIRROR

Chevreuillobolchévik

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

gatsu35

Blablaté par Harko

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

mIRROR

Chevreuillobolchévik

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

FORUM HardWare.fr

Programmation

HTML/CSS

Problème de marge

Sujets relatifs
[xml/xsl] probleme pour faire un tableau	Latex : problème avec jurabib et l'option ibidem
Problème d'execution Java3D	Problème de marge
[CSS] - Probleme double marge IE : position:absolute [résolu]	Problème de marge avec des images
[WiP PHP/CSS] 3 Mars: Problème de marge CSS	[HTML]probleme de marge avec ma liste
[HTML] Problème de marge [ok]	Problème de marge
Plus de sujets relatifs à : Problème de marge

Page générée en 0.067 secondes