Ma div se colle a gauche !!
Résolu
dabigben
Messages postés
1913
Date d'inscription
Statut
Membre
Dernière intervention
-
Akyltour Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
Akyltour Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Quelqu'un peut-il me dire pourquoi ma div se colle a gauche ?
<div class="topbanner">
<img align="center" src="img/ban.jpg" />
</div>
<br />
<style>
.topbanner {
margin-top : 0px ;
margin-left: auto;
margin-right : auto;
width: 1024px;
height: 200px;
border-style : ridge ;
}
</style>
Voila, il n'y a pourtant aucun code qui lui dit d'aller a gauche non ?
Quelqu'un peut-il me dire pourquoi ma div se colle a gauche ?
<div class="topbanner">
<img align="center" src="img/ban.jpg" />
</div>
<br />
<style>
.topbanner {
margin-top : 0px ;
margin-left: auto;
margin-right : auto;
width: 1024px;
height: 200px;
border-style : ridge ;
}
</style>
Voila, il n'y a pourtant aucun code qui lui dit d'aller a gauche non ?
A voir également:
- Ma div se colle a gauche !!
- Windows 11 barre des taches a gauche - Guide
- Les textes ne doivent pas être en retrait à droite et à gauche - Guide
- Bord gauche a ete en liaison de document - Forum Imprimante
- Appliquez à tous les paragraphes du document à télécharger, à l’exception des titres et des sous-titres, la mise en forme suivante : chaque paragraphe doit être espacé de 0,42 cm ou 12 pt du paragraphe qui suit les textes ne doivent pas être en retrait à droite et à gauche après ces modifications, sur quelle page se trouve le titre « la cheminée » dans le chapitre « informations diverses » ? ✓ - Forum Word
- Div c++ - Télécharger - Langages
6 réponses
Je ne sais plus très bien comment cela fonctionne, n'étant pas un grand pratiquant du css, mais connais tu les float?
Essaye un float: left; pour ton premier et un float:right; pour ton deuxième.
Si ce n'est pas exactement ça, je sais qu'il faut jouer avec cet attribut, alors si tu peux chercher un peu n'hésite pas. Si ça ne suffit pas, il y a aussi le position: fixed ou relative à tester, je ne sais plus l'effet exact.
Essaye un float: left; pour ton premier et un float:right; pour ton deuxième.
Si ce n'est pas exactement ça, je sais qu'il faut jouer avec cet attribut, alors si tu peux chercher un peu n'hésite pas. Si ça ne suffit pas, il y a aussi le position: fixed ou relative à tester, je ne sais plus l'effet exact.
Salut!
As-tu essayé de retirer les margin auto? Des fois ça fou la m*rde, j'ai jamais compris pourquoi.
Sinon essaye peut-être un text-align center dans ton style, même si t'as visiblement pas de texte...
Désolé je ne vois pas vraiment d'où peut venir ton problème..
As-tu essayé de retirer les margin auto? Des fois ça fou la m*rde, j'ai jamais compris pourquoi.
Sinon essaye peut-être un text-align center dans ton style, même si t'as visiblement pas de texte...
Désolé je ne vois pas vraiment d'où peut venir ton problème..
Bon bin mauvais réveil ce matin, j'etais en train d'editer la copie de la page qui se trouve sur ma clé usb donc forcément !!!! Mais par contre j'aurais une autre question : Comment on place deux div cote a cote horizontalement ? moi j'ai mis ce code :
<style>
.pl1
{ margin-top : 100px;
width : 220 ;
height : 50 :
background-color : black ;
}
.para1
{ width : 800px ;
margin-left : 221px ;
margin-top : 100px ;
}
</style>
ET MES DIV :
<div class="pl1" >
<table class="t1" border="1" background="img/bgt.jpg" >
<CAPTION > Dernières oeuvres : </CAPTION>
<tr>
<TD >
Titre : Say YES ! <br />
Album : Fruit de la patience
</TD>
</TR>
<tr>
<td>
<object type="application/x-shockwave-flash"
data="players/player_mp3.swf?mp3=mp3/say_yes.mp3" width="200"height="20">
<param name="movie" value="players/player_mp3.swf?mp3=mp3/say_yes.mp3" />
<param name="wmode" value="transparent" />
</object>
</td>
</tr>
<br/>
<tr>
<TD>
Titre : Water Flower <br />
Album : Fruit de la patience
</TD>
</TR>
<tr>
<td>
<object type="application/x-shockwave-flash"
data="players/player_mp3.swf?mp3=mp3/water_flower.mp3" width="200"height="20">
<param name="movie" value="players/player_mp3.swf?mp3=mp3/water_flower.mp3" />
<param name="wmode" value="transparent" />
</object>
</td>
</tr>
</table>
</div>
<div class="para1">
<p class="p1>
BLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLa
</p>
</ div>
La div para1 est déclé vers la droite comme c'etait prévu mais elle est descendu plus bas que la div pl1 alors que j'ai mis les meme margin-top et que j'ai défini les dimension des deux div de maniere a ce que ça rentre dans 1024px...
Vous pouvez m'aider pliz ?
<style>
.pl1
{ margin-top : 100px;
width : 220 ;
height : 50 :
background-color : black ;
}
.para1
{ width : 800px ;
margin-left : 221px ;
margin-top : 100px ;
}
</style>
ET MES DIV :
<div class="pl1" >
<table class="t1" border="1" background="img/bgt.jpg" >
<CAPTION > Dernières oeuvres : </CAPTION>
<tr>
<TD >
Titre : Say YES ! <br />
Album : Fruit de la patience
</TD>
</TR>
<tr>
<td>
<object type="application/x-shockwave-flash"
data="players/player_mp3.swf?mp3=mp3/say_yes.mp3" width="200"height="20">
<param name="movie" value="players/player_mp3.swf?mp3=mp3/say_yes.mp3" />
<param name="wmode" value="transparent" />
</object>
</td>
</tr>
<br/>
<tr>
<TD>
Titre : Water Flower <br />
Album : Fruit de la patience
</TD>
</TR>
<tr>
<td>
<object type="application/x-shockwave-flash"
data="players/player_mp3.swf?mp3=mp3/water_flower.mp3" width="200"height="20">
<param name="movie" value="players/player_mp3.swf?mp3=mp3/water_flower.mp3" />
<param name="wmode" value="transparent" />
</object>
</td>
</tr>
</table>
</div>
<div class="para1">
<p class="p1>
BLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLa
</p>
</ div>
La div para1 est déclé vers la droite comme c'etait prévu mais elle est descendu plus bas que la div pl1 alors que j'ai mis les meme margin-top et que j'ai défini les dimension des deux div de maniere a ce que ça rentre dans 1024px...
Vous pouvez m'aider pliz ?
Bon bin ça ne change rien si ce n'est que ma div de gauche descend encore un peu plus ! Merci quand meme Akiltour mais je crois qu'il y a une regle qui m'échappe ds le css...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
OOOOOOOOOOOOOk !!! J'ai enlevé le float:right; et n'ai laissé que le float:left; et la ca marche !!!
