28173 sujets

CSS et mise en forme, CSS3

[Résolu] Un calque au dessu d'une video flash

Bonsoir
j'essaye depuis hier de positioner un calque qui comporte une image au dessu d'une video flash
biensur j'ai reussi a faire cela mais c'est bien positioné seulement par rapport a mon navigateur , le calque depend du top et left ou botton et right
quand j'utilise le top le positionement change si le navigateur comporte une barre , ou si la page est ouverte dans un onglet
et je peut pas utiliser le bottom parceque ma page depasse la taille de la fenetre Internet Explorer ou Firefox.
voila le code que j'ai utilisé
#daily {
	position:absolute;
	margin: 0px;
	background-color: #000;
    left: 50%; 
    top: 50%;
	width:425px;
	height:30px;
	z-index:1;
	margin-top: 5px; 
    margin-left: -417px;


quelqu'un a une idée pour realisé ce que je veu?

Merci de me repondre
Modifié par h4ni (12 Aug 2007 - 16:27)
Salut,

Déja, Pourrais-tu faire un effort sur l'orthographe et la lisibilité de tes messages car comme tu le sais, la vocation de ce forum est d'être accessible à tous... même aux personnes qui suivent ton sujet à l'aide d'une synthèse vocale.
Cela commencerait par éditer ton précédent message pour le rendre plus compréhensible aux yeux de tous. Smiley cligne

Sinon pour ton problème, je pense que sans code html, ni l'intégralité du code css, ou mieux une page en ligne, il sera difficile voire impossible de t'aider. Smiley sweatdrop
Re
désolé pour mon Français, mais c'est le mieu que je puisse faire , n'etant pas un francophone j'ai du mal a bien m'expliquer
par contre ca me derange pas que vous editez mon 1er message
si non pour ce qui est de ma page , voila une page de test

<<<<lien supprimé>>>>

normalement tout est claire , je veut mettre deux div (calques) au dessu du player

Merci a vous

bonne nuit
Modifié par h4ni (12 Aug 2007 - 16:25)
Bonjour,

h4ni a écrit :
normalement tout est claire , je veut mettre deux div (calques) au dessu du player

J'ai bien peur que ça ne soit pas possible. En tout cas, positionner les éléments (en absolu ou relatif) et utiliser la propriété z-index ne donne à priori rien sous Firefox. Je crois me souvenir que c'est dû à la manière dont le contenu Flash est intégré dans la page (via un plugin).

À vérifier. Il se peut aussi que ça soit possible avec certains navigateurs mais pas avec d'autres.

Au passage, les deux bandes en question sont mal positionnées: elles sont positionnées en absolu par rapport aux limites de la zone de visualisation (viewport), qui est forcément variable d'une configuration à l'autre (notamment en fonction de la résolution de l'utilisateur).

À propos du positionnement absolu par rapport à un conteneur spécifique:
- Initiation au positionnement CSS : 3. position absolue et fixe;
- Positionnement absolu d'un bloc selon le positionnement du bloc conteneur.
Re Bonjour
Merci Florent V.
j'ai reussi a reglé une partie de mon problem (la 1ere bande Smiley lol )
dans ma page html j'ai mis ce code
<div class="daily_vid"><p><object width="425" height="335"><param name="wmode" value="transparent"> Code de la video </object></p>
<p class="daily"><img src="daily_logo.gif" width="425" height="30" /></p><p class="daily_bas"><img src="daily_logo.gif" width="425" height="30" /></p></div>


et dans mon css
.daily_vid {
position: relative;
width:425px;
}
.daily {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00000; 
	
}
.daily_bas {
	position: absolute;
    top: 390px;
    left: 0;
    background-color: #00000;
	
}


comme vous voyez dans cet exemple : <<<<lien supprimé>>>>

j'arrive bien a positioné la bande en haut , mais pas au milieu de la video pour la 2eme!

quelqu'un a une idée?
Modifié par h4ni (12 Aug 2007 - 16:26)
Probleme reglé
fallai seulement utilisé margin-top dans le 2em div

Merci beaucoup les amis
h4ni a écrit :
Probleme reglé

Et liens supprimés, à ce que je vois. Ça me donne quelque peu l'impression que tu considères ce forum comme un self-service. Je sais bien que référencement bla bla, mais laisser ce lien quelques heures pour les personnes qui ont suivi ce sujet (en participant ou pas) me semble la plus élémentaire des politesses. Pour information, on peut aussi indiquer un lien en texte brut, pour éviter des problèmes d'indexation non souhaitée. Exemple: -http://www.example.com.

Par ailleurs, quelque chose me dit que ce que tu fais (cacher des éléments du lecteur de Daily Motion) est contraire aux conditions d'utilisations du service offert par Daily Motion. Et donc illégal. Je pense qu'il serait utile de vérifier ce point.
Re
j'ai supprmer les liens tout simplement parceque je travail encor sur le projet, et les pages etai sur un site de test , je voulez pas vous manqué de respect , mais je croit que l'image que j'ai laissé peut aidé les gens qui suivent le sujet a comprendre ce que c'est
dans tous les cas je suis desolé!
pour ce qui est du lecteur dailymotion , je ne cache dans aucun cas un element de chez eux , mais des watermark qui sont sur les videos, vu que je ne veu pas faire de la pub gratuite au autres
si non Merci pour tout

++
Sujet clos
Aller à