Page d'accueil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Page d'accueil

Message par Pinky-mango le Sam 7 Jan 2012 - 1:34

Bonjour, j'ai faite fait un beau PA avec photoshop et que j'ai coder ensuite. Le problème c'est que j'ai laisser une place pour y insérer une vidéo et je l'ai placer à l'aide de ce code:

Code:
.placement{
position: relative;
left: 250px;
top: -180px; 
}
Mais à la place initiale ou la vidéo étais il y a une grosse espace entre le PA et le fin de la partie PA.


Voila le code html dans "Généralités"
Code:
<a href="http://files.getwebb.org/view-cre64ke2.html"><img src="http://files.getwebb.org/files/77/f4/91/6f3d1563065fb06a1afe09384904882515/source.png" alt="PA.png" border="0" usemap="#Map"/>
<map name="Map" id="Map">
  <area shape="rect" coords="2,0,135,43" href="http://duke-fans.forumdefan.com/t1-reglements" />
  <area shape="rect" coords="141,2,276,41" href="http://duke-fans.forumdefan.com/f4-news-actualites" />
  <area shape="rect" coords="278,1,414,41" href="http://duke-fans.forumdefan.com/f5-jack" />
  <area shape="rect" coords="421,1,555,41" href="http://duke-fans.forumdefan.com/f9-musique" />
  <area shape="rect" coords="561,1,694,41" href="http://duke-fans.forumdefan.com/f12-images" />
  <area shape="rect" coords="702,1,837,42" href="http://duke-fans.forumdefan.com/f15-jeux" />
  <area shape="rect" coords="277,128,335,166" href="http://pandorium.un concurrent.fr/index.php" />
  <area shape="rect" coords="343,130,401,164" href="http://rockart.forumsactifs.com/forum" />
  <area shape="rect" coords="412,169,463,188" href="http://duke-fans.forumdefan.com/t18-devenir-partenaire" />
  <area shape="rect" coords="13,228,432,386" href="http://duke-fans.forumdefan.com/t48-04#74" />
  <area shape="rect" coords="722,157,791,189" href="http://duke-fans.forumdefan.com/t20-moderateur" />
</map></a><div class="placement"><iframe width="310" height="165" src="http://www.youtube.com/embed/LA8AjxvfBdo" frameborder="0" allowfullscreen></iframe></div>

Pinky-mango
****

Féminin
Messages : 246
Inscrit(e) le : 18/01/2010

http://fantasiapixel.1fr1.net/
Pinky-mango a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Dr. Karlos le Sam 7 Jan 2012 - 3:32

Bonjour,

Le tout est causé par la vidéo Youtube. J'ai supprimé votre div "placement", vous aurez donc à supprimer cette partie de votre CSS:

Code:
.placement{
position: relative;
left: 250px;
top: -180px;
}

Et j'ai appliqué les paramètres de placement directement au iFrame. La position relative laissait l'espace. Voici donc le code à mettre sur votre page d'accueil:

Code:
<a href="http://files.getwebb.org/view-cre64ke2.html"><img src="http://files.getwebb.org/files/77/f4/91/6f3d1563065fb06a1afe09384904882515/source.png" alt="PA.png" border="0" usemap="#Map"/>
<map name="Map" id="Map">
  <area shape="rect" coords="2,0,135,43" href="http://duke-fans.forumdefan.com/t1-reglements" />
  <area shape="rect" coords="141,2,276,41" href="http://duke-fans.forumdefan.com/f4-news-actualites" />
  <area shape="rect" coords="278,1,414,41" href="http://duke-fans.forumdefan.com/f5-jack" />
  <area shape="rect" coords="421,1,555,41" href="http://duke-fans.forumdefan.com/f9-musique" />
  <area shape="rect" coords="561,1,694,41" href="http://duke-fans.forumdefan.com/f12-images" />
  <area shape="rect" coords="702,1,837,42" href="http://duke-fans.forumdefan.com/f15-jeux" />
  <area shape="rect" coords="277,128,335,166" href="http://pandorium.un concurrent.fr/index.php" />
  <area shape="rect" coords="343,130,401,164" href="http://rockart.forumsactifs.com/forum" />
  <area shape="rect" coords="412,169,463,188" href="http://duke-fans.forumdefan.com/t18-devenir-partenaire" />
  <area shape="rect" coords="13,228,432,386" href="http://duke-fans.forumdefan.com/t48-04#74" />
  <area shape="rect" coords="722,157,791,189" href="http://duke-fans.forumdefan.com/t20-moderateur" />
</map></a> <iframe src="http://www.youtube.com/embed/LA8AjxvfBdo" name="leftFrame" frameborder="0" height="165" width="310" style="position: absolute; top: 666px; left: 859px;"></iframe>

Si vous avez d'autres questions, ne vous gênez pas Wink


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Pinky-mango le Sam 7 Jan 2012 - 4:10

Merci mille fois Smile Mais à ma connaissance avec position absolute la vidéo ne sera pas au même endroit si quelqu'un a une écran plus petit ou grande que moi. Est-ce que je me trompe? Si c'est le cas comment y remédier?

Pinky-mango
****

Féminin
Messages : 246
Inscrit(e) le : 18/01/2010

http://fantasiapixel.1fr1.net/
Pinky-mango a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Dr. Karlos le Sam 7 Jan 2012 - 5:05

Bonsoir,

En effet, la position "absolute" ne s'ajuste pas... C'est un risque à prendre.

Le grand espace est causé par la vidéo qui devrait être dans l'espace, puisque c'est son point d'origine.

Bon, je ne trouve aucune autre solution, du moins, aucune idée ne me vient en tête. n'étant pas un professionnel du HTML. Je vais donc laisser ma place aux experts afin qu'eux trouvent une solution Wink

Bonne chance pour la suite!


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Threax le Sam 7 Jan 2012 - 15:54

Dans votre code, remplacez :
Code:
<img src="http://files.getwebb.org/files/77/f4/91/6f3d1563065fb06a1afe09384904882515/source.png" alt="PA.png" border="0" usemap="#Map"/>
par
Code:
<img src="http://files.getwebb.org/files/77/f4/91/6f3d1563065fb06a1afe09384904882515/source.png" alt="PA.png" border="0" style="margin-bottom: -170px;" usemap="#Map"/>

Et dans votre CSS, retirez la ligne concernant le top: -180px;
Code:
        .placement{
        position: relative;
        left: 250px;
        }

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Pinky-mango le Lun 9 Jan 2012 - 0:36

Merci! Ça marche Smile

Pinky-mango
****

Féminin
Messages : 246
Inscrit(e) le : 18/01/2010

http://fantasiapixel.1fr1.net/
Pinky-mango a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Threax le Lun 9 Jan 2012 - 11:39

A l'avenir, pensez à éditer votre premier message afin de cocher l'icône lorsque vous avez obtenu une réponse.

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum