Décaler le texte à droite d'une vidéo

[UtOpiK]

Bonjour à tous,

Je suis novice en html/css, j'en apprends tous les jours, mais actuellement je bloque sur un petit truc, je souhaite décaler le texte que j'ai mis à droite d'une vidéo car il est trop coller (voir le screenshot)

Actuellement voici ce que j'ai sur ma page :

<div class="video"> 
  <object type="application/x-shockwave-flash" width="420" height="339" data="http://www.dailymotion.com/swf/xbplx6"> 
    <param name="movie" value="http://www.dailymotion.com/swf/xbplx6" /> 
    <param name="allowFullScreen" value="true" /> 
    <param name="allowScriptAccess" value="always" /> 
  </object>  
            <b>Formation vidéo Windows 7 - Présentation de la barre des tâches</b><br />
  <p>Dans cette première vidéo vous commencerez par apprendre à utiliser la barre des tâches de Windows 7. La Barre des tâches est la bande en bas de l'écran elle contient des commandes accessibles par un simple clic comme le menu démarrer ou les icônes de lancement rapide des programmes. Elle contient également la zone de notification qui contient par exemple l'horloge, ou bien certains programmes déjà lancer, il est possible de modifier le sons à partir de cette barre ou bien de rendre muet le sons. On y voit également l'état de votre connexion réseau.</p>
</div>

Et pour le CSS :

Pour la class video :

.video { 
  width: 750px; 
  height: 350px;
  margin-right: 25px;
  clear: left;  
} 
.video object {   
  float: left; 

}

Pour la balise <p> :

p {
  margin-top: 10px;
  margin-bottom: 15px;
}

Merci d'avance à tous !

[Bebo]

Bonjour,

Tu peux essayer de mettre un margin-left:5px; pour tes paragraphes (j'ai mis 5 pour l'exemple tu adaptes comme tu veux)

Modifié 2 Janvier 2010 par Bebo

[UtOpiK]

J'avais déjà essayer sans succès. En fait il est possible de faire comme cela, mais cela m'obligerai à mettre un margin-left de 450px, car il compte le margin au bord de la fenêtre et non au bord de la vidéo.

Sinon est-il possible de mettre un écart "virtuel" au bord droit de la vidéo avec du css? pour que le texte commence un peu plus tard?

Merci

Modifié 2 Janvier 2010 par UtOpiK

[Sarc]

Un padding-left sur ton paragraphe ? Il se placera comme ici, sauf qu'il se mettra une marge intérieure supplémentaire...

[UtOpiK]

Même problème pour le padding, obliger de mettre 450px pour que ca passe, et du coup ca décalera tous les autres textes que j'ai rédiger en classe p, ou alors il faut que je créer une classe exprès pour ce texte attaché a la vidéo, mais je pense qu'il y a plus simple quand même.

Je me trompe peut être quelque part, car je reste un novice en la matière.

Si quelqu'un veut jeter un œil avec firebug par exemple, c'est sur cette url : http://www.homeinformatique.com/formation-windows-7/47-barre-des-taches-windows-7

Modifié 2 Janvier 2010 par UtOpiK

[Sarc]

Abawi, suis-je bête.

Faut voir le problème à l'envers : c'est ton objet flottant qui choisit sa place, et les objets se positionnent autour en fonction de lui. C'est donc à ton "object" de prendre les margin nécessaires... Si tu lui rajoutes un margin-right, tu verras le paragraphe se décoller.

[UtOpiK]

Bingo !

Merci beaucoup de ton aide de votre aide à tous les deux

Modifié 2 Janvier 2010 par UtOpiK