begin process at 2012 05 31 12:22:48
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

PHP

 > 

Web 2.0

 > 

CSS

 > 

Probleme de centrage video sur page HTML

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Probleme de centrage video sur page HTML

jeudi 26 juin 2008 à 19:23:29 | Probleme de centrage video sur page HTML

mel06

Bonjour,

J'ai un souci avec une page web : [ Lien ]
La video se place de cette facon....

A priori c'est dans le CSS mais impossible de savoir ou....Est ce que qqn pourrait m'aider ? Je ne sais pas si je peux coller le code directement ici...

Merci !
jeudi 26 juin 2008 à 19:31:04 | Re : Probleme de centrage video sur page HTML

Bling 182
Oui colle le code ici.

SInon, vite fait (j'ai pas regardé ton code) pour le centrage :
une div englobante, de taille fixe. La dedans, une div qui contient ton element, avec dans la css, une taille fixe et 'margin : 0 auto 0 auto;'

Le centrage sera alors automatique par rapport à la div englobante.

--
Bling182 Dev : http://freelancedev.ovh.org
jeudi 26 juin 2008 à 19:35:47 | Re : Probleme de centrage video sur page HTML

mel06

Voici le code mon medias.php :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " [ Lien ]">
<html xmlns=" [ Lien ]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Tristane dans les médias</title>
</head>

<body>
<img src='data/pics/rubriques/bibliographie.jpg' /><br/>
<table width="100%" border="0" cellspacing="2" cellpadding="5">
  <tr>
    <td align="center"> <span class="tit_media"><strong>VIDEOS</strong></span></td>
  </tr>
  <tr>
    <td><a name="auteurtv" id="auteurtv"></a>
        <div align="center"> <span class='tit_vid'>Pr&eacute;sentation de Tristane</span><br />
            <div> <object width="320" height="336" class="couv"><param name="movie" value="http://www.dailymotion.com/swf/x3gkgu&related=0"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src=" [ Lien ]" type="application/x-shockwave-flash" width="420" height="336" allowFullScreen="true" allowScriptAccess="always"></embed></object></div>
            <!--<img src="data/pics/couvertures/jaioublie_poche.jpg" width="100" height="163" class="couv" />--> <br />
            <span class='edition'>Interview r&eacute;alis&eacute;e par AUTEURS TV - Novembre 2007
            </span> </div> <br />
              <br />
              <!--<span class='edition'>PRIX DU PREMIER ROMAN DE CHAMBERRY </span> <br />-->
              <br />
      </td>
  </tr>
</table>
</body>
</html>

Et le CSS est un peu enorme en fait....mais les classes utilisees sont les suivantes :

.tit_media
 {
 color: #2B77B1;
 font-size: 14px;
 letter-spacing: 2px;
 }

.tit_vid
 {
 color: #2B77B1;
 font-size: 13px;
 font-weight: bold;
 }

.couv
 {
 float: none;
 margin-top: 15px;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 5px;
 border: 3px ridge #3D83B7;
 }

.edition
 {
 font-style: italic;
 font-size: 10px;
 font-weight: bold; 
 }
jeudi 26 juin 2008 à 19:56:57 | Re : Probleme de centrage video sur page HTML

Evangun
Salut,

à première vue comme ça je dirais que c'est un problème de div pas fermée, ce genre de chose...

plutôt que de mettre d'autres div ou du css pour régler artificiellement le problème, tu devrais remettre ton code à plat, proprement, bien indenté et tout. Parce que quand on ouvre les balises <html> et <head>, puis qu'on met du code html et js, puis qu'on redéclare de nouveau le doctype et les headers, ça commence déjà très mal ^^

à+
jeudi 26 juin 2008 à 19:57:12 | Re : Probleme de centrage video sur page HTML

Bling 182
Je te mets un code "corrigé", qui devrait fonctionner :

        <div id="video_wrapper"> <span class='tit_vid'>Pr&eacute;sentation de Tristane</span><br />
            <div id="video"> <object width="320" height="336" class="couv"><param name="movie" value="http://www.dailymotion.com/swf/x3gkgu&related=0"></param><param" type="application/x-shockwave-flash" width="420" height="336" allowFullScreen="true" allowScriptAccess="always"></embed></object></div>
            <!--<img src="data/pics/couvertures/jaioublie_poche.jpg" width="100" height="163" class="couv" />--> <br />
            <span class='edition'>Interview r&eacute;alis&eacute;e par AUTEURS TV - Novembre 2007
            </span> </div> <br />

et to css, modifié :

#video_wrapper {
      width : 100%;
}

#video {
    width : 420px;
    margin : 0 auto 0 auto;
}

--
Bling182 Dev : http://freelancedev.ovh.org
jeudi 26 juin 2008 à 23:30:22 | Re : Probleme de centrage video sur page HTML

mel06
Je suis novice et j'ai repris le code d'une autre page de mon site pour l'adapter.

J'ai effectué tes modifs blink mais toujours pareil, et j'ai vérifié il n'y a pas de div non fermées.....

[ Lien ]

<div id="video_wrapper"> <span class='tit_vid'>Pr&eacute;sentation de Tristane</span><br />
            <div id="video">
            <object width="320" height="336" class="couv">
               <param name="movie" value="http://www.dailymotion.com/swf/x3gkgu&related=0"></param><param name="allowFullScreen" value="true"></param>
               <param name="allowScriptAccess" value="always"></param>
               <embed src=" [ Lien ]" type="application/x-shockwave-flash" width="420" height="336" allowFullScreen="true" allowScriptAccess="always"></embed>
            </object>
            </div>
            <br />
            <span class='edition'>Interview r&eacute;alis&eacute;e par AUTEURS TV - Novembre 2007 </span>
          </div>

vendredi 27 juin 2008 à 00:14:23 | Re : Probleme de centrage video sur page HTML

Bling 182
Le probleme vient de ta div "middle"
A cause des margin, la largeur de cette div est au maxi de 400 et quelques px (environ, j'ai pas fait les calculs exacts, mais en gros, c'est du 860px - 450px)

C'est le fouillis dans ton code aussi... Tu spécifies des tailles de 320px en largeur, et dedans tu mets du contenu de largeur 420px...
Donc pour info, la div "video" est bien centrée, elle est meme plus grande que la div qui la contient (calcul plus haut), c'est l'objet a l'intérieur qui n'est plus centré maintenant...


--
Bling182 Dev : http://freelancedev.ovh.org


Cette discussion est classée dans : page, probleme, html, video, centrage

Répondre à ce message

Sujets en rapport avec ce message

qu'est-ce que ca veut dire :  [ par joebuz ] salut, qqn peux me dire ce que signifie ceci voila mon pb, j'ai une page php qui est une page html toute simple ou j'include une deuxieme page html probleme de navigation de gros débutant [ par jimmypage64 ] Bonjour je debute en php et g un probleme pour gerer  la navigation entre les pages de mon site. donc a la racine de mon serveur web j'ai un dossier " probleme avec un formulaire [ par anis_el_madani ] salut a tous;je suis debutant en php et j ai un grand problemejai deux page:index.html:contient simplement un formulaire h probleme avec curl [ par mitali ] Mon problème c'est lors d'une authentification par curl en retour j'ai rien alors que je dois avoir l'html de page d'accueil authentifié $ch = curl_in inserer une page html dans une partie d'une autre page [ par cherifzaynab ] bonjour je suis entrains de créer un site web avec php5 j'ai une partie statique pour tout le site ( ne change pas) je veut une idée avec php pour q Largeur d'une page web [ par Ecux ] Bonjour, j'ai un petit souci avec une table en html. A partir d'une certaine largeur le contenu des se met automatiquement sur plusieurs lignes (ret envois un Email :de puis un page html vers un adresse Email [ par habi2006 ] bonjour, je suis habib je suis débutant dans le domaine PHP et HTML, j'ai préfère envoyer un email a partir d'un formulaire html à une adresse email. Probleme d'execution de template! ( lib : HTML_Template_IT ) [ par benbannock ] Salut à tous! Voilà mon petit problème: j'ai un index.php qui utilise un template pour générer du html, jusqu'ici tout va bien, cependant je ne sais Page de login [ par debbv ] Bonjour a tous , S' il vous plait, j 'ai un problème a vous soumettre... En effet, j ai une page pour contrôler l accès aux autres parties du site.El Inclure une page html au lieu d'appeler la base SQL ! [ par kikifrance ] Salut et bien le bonjour ! Je souhaites inclure dans une page, admettons pomme.html, un contenu qui serait créé dans une page html ou php. Son conten


Nos sponsors


Sondage...

Comparez les prix


Samsung Galaxy Tab (GT-P1000) Tablet PC
Entre 699€ et 699€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,499 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)