Centrer page intro avec toutes résolutions

Résolu
lanka133 -  
 lanka133 -
Bonjour,

hé oui encore cette question!! :-)

depuis pas mal de jour, je butte sur ce fameu code :-)

je voudrai avoir ma page d'intro sans scrollbar horizontale et centrée dans toutes les résolutions confondues voici les codes css dans ma page html (suis novice)

body {

background-color: #FFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;

}

et mon div principal

#ddd {

margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: left;
width:100%;

}

mon div comprends 2 deux images qui peuvent etre coupées et la centrale
voici le lien
http://www.candlescanaria.com/

merci a vous





A voir également:

5 réponses

Réponse 1 / 5
Tracker42 Messages postés 75 Date d'inscription   Statut Membre Dernière intervention   4
 
Salut
Peut-être vais-je dire une connerie mais tu affectes des tailles uniques aux colonnes de ton tableau et je pense qu'il serait plus judicieux de les porter en pourcentage car là tu demandes du 1600X938 obligatoire

J'avais un souci équivalent que j'ai résolu ainsi.

Je mettrai plutôt le tableau général avec pour attribut width=100% ce qui correspond à la taille en largeur de tes 3 images soit 316+974+310=1600 puis
- ton 1er td width=20%
-ton 2nd td width=61%
-ton 3ème td width=19%

En clair

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="20%"><img src="images/bg_01_01_01.jpg"></td>
<td width="61%"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" >
<param name="movie" value="index.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">

<param name="swfversion" value="6.0.65.0">
<!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
<param name="expressinstall" value="../Scripts/expressInstall.swf">
<!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="index.swf" width="974" height="938">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">

<param name="swfversion" value="6.0.65.0">
<param name="expressinstall" value="../Scripts/expressInstall.swf">
<!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
<div>
<h4>Le contenu de cette page nécessite une version plus récente d'Adobe Flash Player.</h4>
<p><a href="https://get.adobe.com/flashplayer/"><img src="https://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
</div>

<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>

<td width="19%"><img src="images/bg_01_01_03.jpg" ></td>
</tr>
</table>

Enfin un essaie ne coûte rien... t'as juste à copier coller
En revanche, c'est aussi une habitude peut-être sale habitude mais je mets plutôt le <center> après le body et la fin </center> avant le </body>...


J'espère avoir pu t'aider...
0
Réponse 2 / 5
lanka133
 
personne :-(
0
Tracker42 Messages postés 75 Date d'inscription   Statut Membre Dernière intervention   4
 
si tu t'en tapes de ma réponse n'hésite pas à le mentionner....
0
lanka133
 
mais nonnnnnn!! je la vois pas ta réponse :-)!!!
0
Réponse 3 / 5
coeus Messages postés 3021 Date d'inscription   Statut Membre Dernière intervention   119
 
Salut,

Tracker42, je pense que ta réponse est très compliquée pour ce qu'il cherche à faire.

Le mieux est de faire un CSS en deux étapes : 

body {  
width:100%;  
}  

#ddd {  
width:200px; 
margin: 0 auto;  
}

Rajoute ensuite des borders, couleurs, paddings et tout autant que tu veux, mais ces trois instructions doivent obligatoirement être là (évidemment, tu donnes le width que tu veux à #ddd)...

Tu peux aussi rajouter un text-align:center; à #ddd si tu veux réaligner les images qu'elle contient.

Dis-moi si ça t'aide !
Avant de critiquer quelqu'un, marche un mile dans ses souliers. Comme ça, s'il est enragé par ta critique, il est à un mile de distance et pieds nus.
0
Réponse 4 / 5
lanka133
 
rien ne change :-(

body {

background-color: #FFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
width: 100%;
text-align: center;

}



#ddd {
width:20px;
margin: auto;
text-align:center;

}

je dois vraiment mal faire :-(
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
lanka133
 
jai trouver :-)

code css

body {


text-align: center;
border:0px;
padding: 0px;
margin: 0px;
background: #f8f7e5 url(bg.jpg) no-repeat center top;
width: 100%;
display: table;
}





/* CSS Document */


#flash {
height: 938px;
width: 974px;
margin-right: auto;
margin-left: auto;
text-align:center;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;

}
0

Discussions similaires

connection ok mais aucune page ne s'affiche
gandounet -
fabiennetitou -

10 réponses
Code erreur 80710A06
LeJoeurTriste -
Petibond -

27 réponses