[resolu]Tag objet et alignement

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
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
#1
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
#2
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.
#2
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.
#3
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
#3
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
#4
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.
#4
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.
#5
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/...ome&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)
#5
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/...ome&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)
#6
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.
#6
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.
#7
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/upl...iderot.jpg
#7
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/upl...iderot.jpg
#8
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
#8
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
#9
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;

}
#9
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;

}
#10
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 Smile
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.
#10
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 Smile
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.
#11
Jean le Chauve a écrit :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.
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
#11
Jean le Chauve a écrit :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.
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
#12
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
#12
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
#13
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
#13
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
#14
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 ??
#14
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 ??
#15
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
#15
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


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)