Page d'accueil
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Page d'accueil
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:
Voila le code html dans "Généralités"
- Code:
.placement{
position: relative;
left: 250px;
top: -180px;
}
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>
Re: Page d'accueil
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:
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:
Si vous avez d'autres questions, ne vous gênez pas
Cordialement,
Dr. Karlos
Aidant Forumactivien.
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
Cordialement,
Dr. Karlos
Aidant Forumactivien.
Dr. Karlos- Membre actif
-
Messages : 2623
Inscrit(e) le : 03/01/2012
Re: Page d'accueil
Merci mille fois 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?
Re: Page d'accueil
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
Bonne chance pour la suite!
Cordialement,
Dr. Karlos
Aidant Forumactivien.
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
Bonne chance pour la suite!
Cordialement,
Dr. Karlos
Aidant Forumactivien.
Dr. Karlos- Membre actif
-
Messages : 2623
Inscrit(e) le : 03/01/2012
Re: Page d'accueil
Dans votre code, remplacez :
Et dans votre CSS, retirez la ligne concernant le top: -180px;
- Code:
<img src="http://files.getwebb.org/files/77/f4/91/6f3d1563065fb06a1afe09384904882515/source.png" alt="PA.png" border="0" usemap="#Map"/>
- 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;
}
Re: Page d'accueil
Merci! Ça marche
Re: Page d'accueil
A l'avenir, pensez à éditer votre premier message afin de cocher l'icône lorsque vous avez obtenu une réponse.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum