[resolu]Tag objet et alignement - Version imprimable

[resolu]Tag objet et alignement - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Graphisme (https://forum.cmsmadesimple.fr/forum-9.html)
+--- Sujet : [resolu]Tag objet et alignement (/thread-145.html)

[resolu]Tag objet et alignement - pascalm - 08/02/2010

Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS : 1.6.6
#~ Version du MLE si existante : mle
#~ Informations Système :
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~

bonjour

j'utilise le tag objet

Citation :<div class="breadcrumbs">
{lang} {breadcrumbs starttext=$mystring root='Home' delimiter='»'}
{object src='uploads/ngrey/anim_home.swf' width="932" height="162" alt='Alternative content'}
<hr class="accessibility" />
</div>

je souhaiterais centrer le flashplayer par rapport a la div breadcrumbs
j'ai essayé dans le css mais sans succes
si quelqu'un voit la soluce
merci d'avance

[resolu]Tag objet et alignement - bess - 08/02/2010

Code :
<div class="breadcrumbs">

       {lang} {breadcrumbs starttext=$mystring root='Home' delimiter='»'}

<div class="objetAligne"{object src='uploads/ngrey/anim_home.swf' width="932" height="162" alt='Alternative content'}</div>

          <hr class="accessibility" />

        </div>

ensuite tu tapes en css la class objetAligne avec des paramètres type : display:inline & co.

[resolu]Tag objet et alignement - pascalm - 09/02/2010

merci pour la reponse

j'ai beau essayé les differents codes je n'arrive pas ....
j'ai bien le css objetAlign mais ensuite pour display
j'ai rajouté display:table-cell; ou encore inline
puis text-align:center;
mais rien ne marche ....

meme si je change d'autres proprietés j'ai l'impression que la class n'est pas prise en compte

[resolu]Tag objet et alignement - Jean le Chauve - 09/02/2010

Ton flash fait 932 px, plus la largeur variable du breadcrumbs. Il doit donc se trouver en dessous si je comprend bien ? Et donc être centré dans ton pagewrapper, s'il y en a un.
Et ton breadcrumbs, il est centré ou non ?
Tu vois qu'un petit lien ou au minimum une image et le code de la div parent serait quand même le minimum pour que l'on puisse t'aider et qu'on comprenne exactement ce que tu veux.

[resolu]Tag objet et alignement - pascalm - 10/02/2010

effectivement un peu de code ou un lien ne fait pas de mal
comme je travaillais uniquement en local cetait difficile mais voici sur un site test
ce que je cherche a faire
http://www.chimie.univ-paris-diderot.fr/cmsms-mle/index.php?page=home&hl=fra
je cherche a centrer l'animation swf.
mais je dois aussi centrer l'ensemble du template donc je suis en train de chercher la dessus aussi (exactement de la meme maniere que pour le template du forum ici par exemple)

[resolu]Tag objet et alignement - bess - 10/02/2010

sur firefox/opera/chrome/ie6 c'est déjà a peu prêt centré de partout. En tout cas ca choc pas.

maintenant, en regardant de près on se rend compte que oui, il y a des petits décalages

Code :
div.objetAligne{

height:162px;

width:932px;

margin-left:auto;

margin-right:auto;

}

ajoute ca dans le CSS, ca devrait déjà corriger une partie du léger décalage.

[resolu]Tag objet et alignement - Jean le Chauve - 10/02/2010

Je pense que la structure de tes div ne correspond pas à tes besoins.
Est-ce que tu désires tes images langue, ton breadcrumbs, ta recherche et ton swf dans un seul cadre gris avec bordures arrondies, avec les images langues et le breadcrumbs en haut à gauche et la recherche en haut à droite (comme sur ton lien) ?
Veux-tu qu'il n'y ai pas de coin arrondi en haut pour se coller contre la navigation ?
Comme ceci, par exemple : [Image: Paris-Diderot.jpg]

Lien image taille plus élevée : http://www.menus-cmsms-madesimple.be/uploads/images/externe_forum_cmsms/Paris-Diderot.jpg

[resolu]Tag objet et alignement - pascalm - 10/02/2010

bonsoir
en fait a la racine du site il y a la version actuelle du site
http://www.chimie.univ-paris-diderot.fr/
qui ne comprend pas un systeme de multilangue adequate et donc j'ai switché sur cms qui est parfait
donc en fait les petits drapeau et le module search n'existent pas sur l'ancienne version
a moi de les integrer ou de les virer.

dernièrement j'ai viré quelques éléments du css afin de justement avoir quelques chose de plus integré....
je pense que ce que tu proposais vient juste d'etre fait Smile

je te remercie pour cette remarque qui au final s'avère judicieuse

mais j'ai une autre partie qui doit venir en dessous du bandeau donc je pense que je vais rester avec cet ordre
maintenant j'essaye de rendre l'alignement correct deja sur cette partie la

[resolu]Tag objet et alignement - pascalm - 10/02/2010

voici pour l'instant la div breakcrumbs

Code :
{* Start Breadcrumbs *}

      <div class="crbk">

{* holds the right image, we need 2 divs to be able to make this site fluid, if it was fixed width we could use one div, one image  *}

        <div class="breadcrumbs">

       {lang} {breadcrumbs starttext=$mystring root='Home' delimiter='»'}

<div class="objetAligne">

{object src='uploads/ngrey/anim_home.swf' width="932" height="162" alt='ufr_ct'}

</div>

          <hr class="accessibility" />

        </div>

      </div>

{* End Breadcrumbs *}

et css associé

Code :
div.crbk {

/* sets all to 0 */

    margin: 0;

    padding: 0;

/* you can set your own image here */

    background: url(uploads/ngrey/mainrtup.gif) no-repeat right bottom;

}

div.breadcrumbs {

/* CSS short hand rule first value is top then right, bottom and left */

    padding: 1em 0em 1em 1em;

/* its good to set font sizes to be relative, this way viewer can change his/her font size */

    font-size: 90%;

/* css shorthand rule will be opened to be "0px 0px 0px 0px" */

    margin: 0px;

/* you can set your own image here */

    background: url(uploads/ngrey/mainleftup.gif) no-repeat left bottom;

}

/* class Objet */

div.objetAlign {

display:inline-table;

text-align:center;

border-color:red;

border-width:1px;

}

[resolu]Tag objet et alignement - Jean le Chauve - 11/02/2010

pascalm a écrit :dernièrement j'ai viré quelques éléments du css afin de justement avoir quelques chose de plus integré....
je pense que ce que tu proposais vient juste d'etre fait
je te remercie pour cette remarque qui au final s'avère judicieuse

Je te félicite pour tes dons de clairvoyance Wink

C'est vrai que sans la recherche, c'est on ne peut plus simple.
Quand tu fais un changement, merci de nous prévenir qu'on ne travaille pas pour rien.
Puisque tu as la bonne structure, pourquoi ?

Citation :maintenant j'essaye de rendre l'alignement correct deja sur cette partie la

En passant, regarde le site original sous IE6, tu remarqueras un gros décalage à droite.

[resolu]Tag objet et alignement - pascalm - 12/02/2010

Jean le Chauve a écrit :Je te félicite pour tes dons de clairvoyance
C'est vrai que sans la recherche, c'est on ne peut plus simple.
Quand tu fais un changement, merci de nous prévenir qu'on ne travaille pas pour rien.

desolé mais je vais ca au fur et a mesure

Citation :En passant, regarde le site original sous IE6, tu remarqueras un gros décalage à droite.

je n'ai plus IE6 et sous IE8 ca marche bien donc pour l'instant c'est l'essentiel
et vive firefox Smile

[resolu]Tag objet et alignement - pascalm - 12/02/2010

bon maintenant j'ai viré les drapeaux pour les mettre ailleurs ainsi que recherche
mais je n'avias pas fait gaffe que mon menu ne chevauche pas le bandeau swf
je ne vois plus mes sous menus

[resolu]Tag objet et alignement - Jean le Chauve - 12/02/2010

A moins que tu n'aies, comme d'habitude, simplifié le travail en plaçant le flash avant le menu Wink

:
<param name="wmode" value="transparent"/><param value="uploads/ngrey/anim_home.swf" name="movie"/>
En n'oubliant pas de fermer ton param movie.
Et pour ta remarque sur IE6, voila les statistiques du début de l'année :
[Image: StatCounterGlobal.jpg]

Très joli, ton chapeau en tableau Wink

[resolu]Tag objet et alignement - pascalm - 16/02/2010

merci pour les stats....j'essaye de faire quelque chose de compatible mais cest pas facile
je ne suis pas developpeur de formation donc j'apprend sur le tas Smile

pour le bandeau je travaille avec la balise object

Code :
apres la div menu

{* Start Breadcrumbs *}

      <div class="crbk">

{* holds the right image, we need 2 divs to be able to make this site fluid, if it was fixed width we could use one div, one image  *}

<div class="breadcrumbs">

           {object src='uploads/ngrey/anim_home.swf' width="932" height="162" alt='ufr_ct' param='quality::low||bgcolor::#ffffff'}

<div class="breadcrumbs2">         

{lang} {breadcrumbs starttext=$mystring root='Home' delimiter='»'}</div>

<div class="crbk_texte">{global_content name='accueil_texte'}</div>

      </div>

<hr class="accessibility" />

</div>

{* End Breadcrumbs *}

apparement il y a le parametre param mais je ne connais pas les arguments a utiliser....
sinon il est possible d'utiliser la balise <param> dans le gabarit ??

[resolu]Tag objet et alignement - pascalm - 16/02/2010

ok
modif effectué dans le template
ca marche

Code :
<object type="application/x-shockwave-flash" data="uploads/ngrey/anim_home.swf" width="932" height="162">

<param name="wmode" value="transparent"/>

<param value="uploads/ngrey/anim_home.swf" name="movie"/>

</object>

je pense que le probleme initial est resolu
merci a tout lemonde