Problème de liens dans une page d’accueil sous HTML
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème de liens dans une page d’accueil sous HTML
Détails techniques
Version du forum : phpBB2Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : Depuis le début, à l'installation de la page HTML
Lien du forum : https://hawai-story.forumactif.com/
Description du problème
Bonjour, je vous expose mon problème. J'ai du créer une page HTML pour la page d'accueil du forum, impossible de le mettre dans Généralité, il est trop long. Tout s'affiche parfaitement jusqu'aux liens raccourcis pour les différentes fiches du forums. Lorsque je clique sur l'un d'eux, la page s'affiche uniquement dans la page d'accueil au lieu de me diriger vers la partie demandée. Je vous joins le code de cette page HTML en 3 parties car le code est bien trop long pour 1 seul post, dans ma page HTML, il est en entier, lorsque je fais visualiser, les liens me ramène sans problème vers leurs destinations mais une fois sur le forum même, ça ne veut pas le faire. J'ai cherché mais rien trouvé J'ai une iframe dans généralité qui ne semble pas contenir de problème...Voulez-vous utiliser le haut et le bas de page de votre forum ? C'est coché non
Utiliser cette page en tant que page d'accueil ? C'est coché non
Merci d'avance à ceux qui pourront m'aider.
Dernière édition par didicmy le Mar 31 Mar 2020 - 19:57, édité 2 fois
Re: Problème de liens dans une page d’accueil sous HTML
Première partie du HTML, le css
- Code:
<!doctype html>
<html lang="fr">
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" /><script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <meta charset="utf-8" /><link href="https://fonts.googleapis.com/css?family=Anton|Pontano+Sans&display=swap" rel="stylesheet" />
<style>
/*******************PA**************************/
.date {
padding:1px;
font-size:10px;
font-weight:bold;
border: 1px solid #87CEEB;
}
.nouveaute {
margin-top:6px;
margin-left:10px;
font-size:10px;
text-align:justify;
font-size:9px;
color:#000;
letter-spacing:-0.1em;
}
.bloc3 {
overflow:auto;
background-color: #1e7fcb;
border: 3px solid #e5e5e5;
width:163px;
height:190px;
position:relative;
bottom:273px;
left:265px;
color:#000;
}
.bloc4 {
overflow:auto;
background-color: #1e7fcb;
border: 3px solid #e5e5e5;
width:111px;
height:145px;
position:relative;
bottom:480px;
left:435px;
}
.tableau {
height:300px;
width: 800px;
margin: 0px 20px 0px 20px;
border: 1px solid #dadada;
box-sizing: border-box;
padding: 5px;
background: #f3f3f3;
text-align:center;
}
.bloc-contexte {
width:240px;
height:100px;
overflow:auto;
font-size:9px;
color:#000;
text-align:justify;
border: 3px solid #e5e5e5;
box-sizing: border-box;
padding: 5px;
background: #ffffff;
font-family: 'Pontano Sans', sans-serif;
}
::-webkit-scrollbar-thumb {
background: #e9e9e9;
border: 2px solid #fff;
border-radius: 0;
}
::-webkit-scrollbar-track {
background: #fff;
border: 0 none #fff;
border-radius: 0;
}
::-webkit-scrollbar {
height: 5px;
width: 5px;
}
::-webkit-scrollbar-button {
height: 0;
width: 0;
}
::-webkit-scrollbar-corner {
background: transparent;
}
.etoiles {
margin-top:5px;
width:240px;
text-align:center;
border: 1px solid #e5e5e5;
box-sizing: border-box;
padding: 5px;
background: #f9f9f9;
}
.top-site {
width:15px;
height:15px;
margin-top:-7px;
margin-right:5px;
}
.liens a {
text-decoration:none;
font-size:9px;
color:#000;
}
.liens {
margin-left:2px;
}
.bloc-lien1 {
background-color:#1e7fcb;
width:118px;
margin-bottom:2px;
margin-right:2px;
text-align:center;
font-family: 'Pontano Sans', sans-serif;
border: 1px solid #dadada;
box-sizing: border-box;
padding: -5px;
}
.liens2 a {
text-decoration:none;
font-size:9px;
color:#000;
}
.liens3 a {
text-decoration:none;
font-size:9px;
color:#000;
}
.lien {
display:flex;
flex-direction:column;
}
.flex {
display:flex;
margin-top:7px;
width:240px;
}
#carouselExampleControls {
width:254px;
height:146px;
position:relative;
bottom:287px;
left:245px;
font-size:9px;
}
#carouselExampleControls2 {
width:163px;
height:30px;
position:relative;
bottom:265px;
left:265px;
}
.carousel-inner{
border: 3px solid #e5e5e5;
}
h5 {
color: #1e7fcb;
text-shadow:0px 0px 1px black;
font-family: 'Anton', sans-serif;
font-size:5x;
letter-spacing: 1px;
line-height: 8px;
position: absolute;
top: -80px;
margin-left: 30px;
margin-right: auto;
}
h6 {
color: #1e7fcb;
text-shadow:0px 0px 1px black;
font-family: 'Anton', sans-serif;
font-size:9px;
letter-spacing: 1px;
position: absolute;
top: -15px;
margin-left: 10px;
}
h7 {
color:white;
text-shadow:0px 0px 1px black;
font-family: 'Anton', sans-serif;
font-size:11px;
letter-spacing: .1rem;
position: absolute;
top: -15px;
}
h9 {
color:white;
text-shadow:0px 0px 1px black;
font-family: 'Anton', sans-serif;
font-size:11px;
letter-spacing: .1rem;
position: absolute;
top: 40px;
margin-left: -20px;
margin-right: auto;
}
.title {
color:white;
text-shadow:0px 0px 1px black;
font-family: 'Anton', sans-serif;
font-size:11px;
letter-spacing: .1rem;
position: absolute;
top: 40px; left: 10px;
}
.title2 {
color:white;
text-shadow:0px 0px 1px black;
font-family: 'Anton', sans-serif;
font-size:11px;
letter-spacing: .1rem;
position: absolute;
top: 40px;
left: 150px;
}
.title3 {
color:white;
text-shadow:0px 0px 1px black;
font-family: 'Anton', sans-serif;
font-size:11px;
letter-spacing: .1rem;
position: absolute;
top: 40px;
left: 120px;
}
.icon {
background-color:white;
box-shadow: 0px 0px 0px 1px rgba(153, 155, 155, 0.2);
margin-bottom:6px;
width:26px;
height:26px;
padding:2px;
margin-left:6px;
}
.predef {
width:258px;
height:100px;
position:relative;
bottom:250px;
left:240px;
}
#cont_5ee556fb0407318283eb01b18b0ae30f {
position:relative;
bottom:493px;
right:-360px;
width:131px;
height:130px;
border: 3px solid #e5e5e5;
}
.sujet {
font-family:
color: black;
font-size: 13px;
text-align: center;
}
.sujet a {
color: black;
font-size: 10px;
text-align: justify;
}
.partenaires {
position:relative;
bottom:270px;
left:-15px;
}
#pa_partenaires {
font-family:'Anton', sans-serif;
text-align:justify;
color:black;
font-size:13px;
}
/*************************************************************************************************/
</style>
</head>
Dernière édition par didicmy le Jeu 26 Mar 2020 - 1:49, édité 2 fois
Re: Problème de liens dans une page d’accueil sous HTML
Deuxième partie du code HTML
- Code:
<body>
<html>
<div class="tableau">
<div class="bloc-contexte">
Hawaï. Rien que ce nom fait résonner le paradis dans notre tête. On s'imagine les plages de sables fins, les cocotiers, le soleil, l'océan à perte de vue. Une vision digne des plus belles cartes postales. Mais, sous cette apparence de rêve se cache une facette bien plus sombre. Gangs, corruptions, crimes. Rien n'est sûr. Personne n'est à l'abri. Et vous comment vivrez-vous le rêve hawaïen ?
</div>
<div class="etoiles">
<a href="https://hawai-story.forumactif.com/t91-les-top-sites"><img src="https://zupimages.net/up/19/30/l782.png" class="top-site" /></a> <a href="https://hawai-story.forumactif.com/t91-les-top-sites"><img src="https://zupimages.net/up/19/30/rxq9.png" class="top-site" /></a> <a href="https://hawai-story.forumactif.com/t91-les-top-sites"><img src="https://zupimages.net/up/19/30/l782.png" class="top-site" /></a> <a href="https://hawai-story.forumactif.com/t91-les-top-sites"><img src="https://zupimages.net/up/19/30/rxq9.png" class="top-site" /></a> <a href="https://hawai-story.forumactif.com/t91-les-top-sites"><img src="https://zupimages.net/up/19/30/l782.png" class="top-site" /></a>
</div>
<div class="flex">
<div class="liens">
<div class="bloc-lien1">
<a href="https://hawai-story.forumactif.com/t6-reglement">Règlement</a>
</div>
<div class="bloc-lien1">
<a href="https://hawai-story.forumactif.com/t7-contexte">Contexte</a>
</div>
<div class="bloc-lien1">
<a href="https://hawai-story.forumactif.com/t8-groupes">Groupes</a>
</div>
<div class="bloc-lien1">
<a href="https://hawai-story.forumactif.com/t10-annonces-du-forum">Annonces</a>
</div>
<div class="bloc-lien1">
<a href="https://hawai-story.forumactif.com/f10-les-partenariats">Partenariats</a>
</div>
</div>
<div class="liens2">
<div class="bloc-lien1">
<a href="https://hawai-story.forumactif.com/f10-les-partenariats">Publicité</a>
</div>
<div class="bloc-lien1">
<a href="https://hawai-story.forumactif.com/f9-le-coin-des-invites">Invités</a>
</div>
<div class="bloc-lien1">
<a href="https://hawai-story.forumactif.com/t12-listing-de-multi-compte">Multi-comptes</a>
</div>
<div class="bloc-lien1">
<a href="https://hawai-story.forumactif.com/f7-les-evenements-intrigues">Événements</a>
</div>
<div class="bloc-lien1">
<a href="https://hawai-story.forumactif.com/t28-bottin-des-avatars">Avatars</a>
</div>
</div>
</div>
<div class="carousel-item">
<img src="..." alt="..." />
<div class="carousel-caption d-none d-md-block">
<h5>
...
</h5>
<p>
...
</p>
</div>
</div>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img alt="First slide" src="https://www.zupimages.net/up/20/12/j5p6.png" class="d-block w-100" />
<div class="carousel-caption d-none d-md-block">
<div align="center">
<h5>
<span style="font-size: 12px;">Fonda : Gemma Keller-Moretti </span>
</h5>
</div>
<p class="title">
<a href="https://hawai-story.forumactif.com/privmsg?mode=post&u=2">MP</a>
</p>
<h9> présente </h9>
<p class="title2">
<a href="https://hawai-story.forumactif.com/u2">Profil</a>
</p>
</div>
</div>
<div class="carousel-item">
<img alt="Second slide" src="https://www.zupimages.net/up/20/12/ulv9.png" class="d-block w-100" />
<div class="carousel-caption d-none d-md-block">
<div align="center">
<h5>
<span style="font-size: 12px;">Co Fonda : Tobias </span>
</h5>
</div>
<p class="title">
<a href="https://hawai-story.forumactif.com/privmsg?mode=post&u=10">MP</a>
</p>
<h9> présente </h9>
<p class="title2">
<a href="https://hawai-story.forumactif.com/u10">Profil</a>
</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="https://www.zupimages.net/up/20/12/n78x.png" alt="Third slide" />
<div class="carousel-caption d-none d-md-block">
<div align="center">
<h5>
<span style="font-size: 12px;">Admin : Nalani Mauna </span>
</h5>
</div>
<p class="title">
<a href="https://hawai-story.forumactif.com/privmsg?mode=post&u=4">MP</a>
</p>
<h9> présente </h9>
<p class="title2">
<a href="https://hawai-story.forumactif.com/u4">Profil</a>
</p>
</div>
</div>
<div class="carousel-item">
<img alt="First slide" src="https://zupimages.net/up/20/13/18fs.jpg" class="d-block w-100" />
<div class="carousel-caption d-none d-md-block">
<div align="center">
<h5>
<span style="font-size: 12px;">Admin : Ramona Garcia </span>
</h5>
</div>
<p class="title">
<a href="https://hawai-story.forumactif.com/privmsg?mode=post&u=8">MP</a>
</p>
<h9> présente </h9>
<p class="title2">
<a href="https://hawai-story.forumactif.com/u8">Profil</a>
</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="https://zupimages.net/up/20/13/zybi.jpg" alt="four slide" />
<div class="carousel-caption d-none d-md-block">
<div align="center">
<h5>
<span style="font-size: 12px;">Modo : Elizabeth L. McCilsson</span>
</h5>
</div>
<p class="title">
<a href="https://hawai-story.forumactif.com/privmsg?mode=post&u=13">MP</a>
</p>
<h9> présente </h9>
<p class="title2">
<a href="https://hawai-story.forumactif.com/u13">Profil</a>
</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="https://www.zupimages.net/up/20/12/g8vg.png" alt="five slide" />
<div class="carousel-caption d-none d-md-block">
<div align="center">
<h5>
<span style="font-size: 12px;">Pubeuse : Marya Khalski </span>
</h5>
</div>
<p class="title">
<a href="https://hawai-story.forumactif.com/privmsg?mode=post&u=7">MP</a>
</p>
<h9> présente </h9>
<p class="title2">
<a href="https://hawai-story.forumactif.com/u7">Profil</a>
</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
</div>
<div class="partenaires">
<select onchange="location = this.value" id="pa_partenaires">
<option value="">Nos tops partenaires</option>
<option value="#">Partenaire</option>
<option value="#">Partenaire</option>
<option value="#">Partenaire</option>
<option value="#">Partenaire</option>
<option value="#">Partenaire</option>
<option value="#">Partenaire</option>
<option value="#">Partenaire</option>
<option value="#">Partenaire</option>
</select>
</div>
Re: Problème de liens dans une page d’accueil sous HTML
Troisième partie du code
- Code:
<div class="predef">
<!-- 11111 --!><a href="https://hawai-story.forumactif.com/t78-ashley-benson-la-prunelle-de-mes-yeux"><img class="icon" src="https://media.nu.nl/m/m1mxprpatdmh_sqr256.jpg" /></a><!-- 22222 --!><a href="https://hawai-story.forumactif.com/t79-alex-o-loughlin-je-t-aimes-malgre-tout"><img class="icon" src="https://i.pinimg.com/originals/b3/26/36/b32636ab41d8dcf59700bc86e568789a.jpg" /></a><!-- 33333 --!><a href="https://hawai-story.forumactif.com/t75-au-choix-meilleur-ami-de-tout-le-temps"><img class="icon" src="https://66.media.tumblr.com/avatar_3e63792fa1a0_128.pnj" /></a><!-- 44444 --!><a href="https://hawai-story.forumactif.com/t73-grant-gustin-un-futur-avenir-avec-toi"><img class="icon" src="https://pbs.twimg.com/profile_images/422324855602569216/0wXUBktI.png" /></a><!-- 55555 --!><a href="https://hawai-story.forumactif.com/t71-jesse-williams-tu-me-fais-fondre"><img class="icon" src="https://i.pinimg.com/originals/aa/b4/5a/aab45a142c6d802dbb5c75e56681ad02.jpg" /></a><!-- 666666 --!><a href="#"><img class="icon" src="https://zupimages.net/up/19/24/7qua.png" /></a><!-- 77777 --!><a href="#"><img class="icon" src="https://zupimages.net/up/19/24/7qua.png" /></a><!-- 88888 --!><a href="#"><img class="icon" src="https://zupimages.net/up/19/24/7qua.png" /></a><!-- 99999 --!><a href="#"><img class="icon" src="https://zupimages.net/up/19/24/7qua.png" /></a><!-- 101010 --!><a href="#"><img class="icon" src="https://zupimages.net/up/19/24/7qua.png" /></a><!-- 111111 --!><a href="#"><img class="icon" src="https://zupimages.net/up/19/24/7qua.png" /></a><!-- 121212 --!><a href="#"><img class="icon" src="https://zupimages.net/up/19/24/7qua.png" /></a><!-- 131313 --!><a href="#"><img class="icon" src="https://zupimages.net/up/19/24/7qua.png" /></a><!-- 141414 --!><a href="#"><img class="icon" src="https://zupimages.net/up/19/24/7qua.png" /></a><!-- 151515 --!><a href="#"><img class="icon" src="https://zupimages.net/up/19/24/7qua.png" /></a><!-- 161616 --!><a href="#"><img class="icon" src="https://zupimages.net/up/19/24/7qua.png" /></a>
<div class="bloc3">
<div class="nouveaute">
<span class="date">25/03/2020</span> → Ouverture pour Hawaii Story
</div>
<div class="nouveaute">
<span class="date">xx/xx/xxxx</span> → Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="nouveaute">
<span class="date">xx/xx/xxxx</span> → Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="nouveaute">
<span class="date">xx/xx/xxxx</span> → Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
<div id="carouselExampleControls2" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img alt="First slide" src="https://www.fanvoice.com/blog/wp-content/uploads/2018/11/membre-du-mois-template.jpg" class="d-block w-100" style="width: 163px; height: 80px;" />
<div class="carousel-caption d-none d-md-block">
<h6>
<span style="font-size: 12px;">Prénom P² Nom </span>
</h6>
</div>
</div>
<div class="carousel-item">
<img alt="Second slide" src="https://www.fanvoice.com/blog/wp-content/uploads/2018/11/membre-du-mois-template.jpg" class="d-block w-100" style="width: 163px; height: 80px;" />
<div class="carousel-caption d-none d-md-block">
<h6>
<span style="font-size: 12px;">Prénom P² Nom 2</span>
</h6>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls2" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleControls2" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
</div>
<div id="cont_5ee556fb0407318283eb01b18b0ae30f">
<script type="text/javascript" async="" src="https://www.tameteo.com/wid_loader/5ee556fb0407318283eb01b18b0ae30f"></script>
</div>
<div class="bloc4">
<p>
<span class="sujet" style="font-family: 'Anton', sans-serif;">Sujets libres</span>
</p>
<div align="left">
<span class="sujet a"> <a href="lien">Sujet 1</a> <br /><a href="lien">Sujet 2</a> <br /><a href="lien">Sujet 3</a><br /><a href="lien">Sujet 4</a> </span>
</div><span class="sujet a" style="text-align:justify;"> </span>
</div>
</div>
</html>
</body>
Re: Problème de liens dans une page d’accueil sous HTML
Bonjour,
il suffit de rajouter un target=_parent dans le lien pour sortir de l'iframe , mais à première vue , vous avez trouvé par vous même ...
Le sujet est-il résolu ?
il suffit de rajouter un target=_parent dans le lien pour sortir de l'iframe , mais à première vue , vous avez trouvé par vous même ...
Le sujet est-il résolu ?
Re: Problème de liens dans une page d’accueil sous HTML
Merci, oui à force de chercher j'ai trouvé le même code ^^
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum