Page d'accueil

3 participants

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

Résolu Page d'accueil

Message par Pinky-mango 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.
Page d'accueil Source

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

Pinky-mango
****

Féminin
Messages : 248
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 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

Dr. Karlos
Membre actif

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

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Pinky-mango 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

Pinky-mango
****

Féminin
Messages : 248
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 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

Dr. Karlos
Membre actif

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

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Threax 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

Threax
Membre actif

Masculin
Messages : 17276
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 Lun 9 Jan 2012 - 0:36

Merci! Ça marche Smile
Pinky-mango

Pinky-mango
****

Féminin
Messages : 248
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 Lun 9 Jan 2012 - 11:39

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

Threax
Membre actif

Masculin
Messages : 17276
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