|
| Titelisette |  Posté le 16/01/2006 @ 17:58 |
Petite astucienne
30 Messages
| Bonjour à tous !
Voici l'adresse de mon site :
http://titelisette.info/index.html
Deux problèmes :
1. Une fois passée la page d'accueil, le menu en haut s'affiche, mais pas le contenu. Il faut faire "Actualiser" pour que ca s'affiche.
2. Sous Firefox, l'affichage est carrément catastrophique.
Avez-vous une solution pour moi ??? HELP ! [pleurer] |
| |
| |
| Publicité |
|
|
| starfrog | Posté le 16/01/2006 à 19:01 |
Petite astucienne
542 Messages
| Bonjour,
Tu sais chez moi tout semble bien s'afficher ...[rougir] |
| |
|
| biliejoe | Posté le 16/01/2006 à 20:11 |
Petit astucien
167 Messages
| Bonsoir,
J'avou sous Firefox sa semble etre la catastrophe ....
Bref ton probleme vient de on code ... sa depend ton code est en quel language javascript, CSS bref il faudrait que tu nous montre le code pour qu'on puisse peut etre identifié le probleme si tu veut qu'on le resout...
Voila sinon a biento ... |
| |
|
| Titelisette | Posté le 17/01/2006 à 17:44 |
Petite astucienne
30 Messages
| Ok, alors, il est long, mais voilà le code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Menu déroulant horizontal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css">
<!--
/* CSS issu des tutoriels css.alsacreations.com */
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%; /* précision pour Opera */
}
#menu dl {
float: left;
width: 9em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #FFCCFF;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 10px none;
}
#menu li a:hover, #menu dt a:hover {
background: #CC99FF;
}
#site {
position: absolute;
z-index: 1;
top : 30px;
left : 100px;
color: #000;
background-color: #FFCCFF;
padding: 5px;
border: 1px solid gray;
}
.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
-->
</style>
<base target="Cadre_en_ligne">
</head>
<body style="background-color:#FBECFE; background-image:url('Images/Generales/Haut_page.gif')" bgproperties="fixed">
<div id="menu" style="width: 88; height: 948">
<dl>
<div style="text-align: center">
<div style="text-align: right">
<div style="text-align: right">
<dt onmouseover="javascript:montre();"><span style="font-weight: 400">
<font face="HandelGothic BT" size="3">
<a title="Retour à l'accueil" target="Cadre_en_ligne" href="Accueil.htm">Accueil</a></font></span></dt>
</div>
</div>
</div>
</dl>
<dl>
<div style="text-align: justify">
<dt onmouseover="javascript:montre();">
<font face="HandelGothic BT" size="3"><span style="font-weight: 400">
<a target="Cadre_en_ligne" href="Histoire.htm">Histoire</a></span></font></dt>
</div>
</dl>
<dl>
<div style="text-align: justify">
<div style="text-align: right">
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu3');">
<span style="font-weight: 400"><font size="3" face="HandelGothic BT">Personnages</font></span></dt>
</div>
</div>
</div>
<dd id="smenu3">
<ul>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Persos_Heros.htm">Les Héros</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Persos_Clan.htm">Le Clan Soma</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Persos_Absents.htm">Les Absents</a></li>
</ul>
</dd>
</dl>
<dl>
<div style="text-align: justify">
<div style="text-align: right">
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu4');">
<span style="font-weight: 400; background-position: 0 0">
<font face="HandelGothic BT" size="3">Episodes</font></span></dt>
</div>
</div>
</div>
<dd id="smenu4">
<ul>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Episodes_1_5.htm">01 - 05</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Episodes_6_10.htm">06 - 10</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Episodes_11_15.htm">11 - 15</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Episodes_16_20.htm">16 - 20</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Episodes_21_26.htm">21 - 26</a></li>
</ul>
</dd>
</dl>
<dl>
<div style="text-align: justify">
<div style="text-align: right">
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu5');">
<span style="font-weight: 400; background-position: 0 0">
<font face="HandelGothic BT" size="3">B.O.</font></span></dt>
</div>
</div>
</div>
<dd id="smenu5">
<ul>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="BO_Generique.htm">Génériques
</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="BO_Song_for.htm">Song for ...</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="BO_Memory.htm">Memory for you</a></li>
</ul>
</dd>
</dl>
<dl>
<div style="text-align: justify">
<div style="text-align: right">
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu6');">
<span style="font-weight: 400; background-position: 0 0">
<font face="HandelGothic BT" size="3">Image</font></span></dt>
</div>
</div>
</div>
<dd id="smenu6">
<ul>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Images_Character_book.htm">Character book</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Images_Art_book.htm">Art book</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Images_wallpapers.htm">Wallpapers</a></li>
</ul>
</dd>
</dl>
<dl>
<div style="text-align: justify">
<div style="text-align: right">
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu1');">
<span style="font-weight: 400; background-position: 0 0">
<font face="HandelGothic BT" size="3">Zodiaque</font></span></dt>
</div>
</div>
</div>
<dd id="smenu1">
<ul>
<li>
<p style="text-align: left">
<a href="Zodiaque_1.htm">Le Jikkan Junishi</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Zodiaque_3.htm">Votre Zodiaque</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Zodiaque_2.htm">Les Signes</a></li>
</ul>
</dd>
</dl>
<dl>
<dd id="smenu7">
<ul>
<li>
<p style="text-align: left">
</li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Persos_Amies.htm">Les Amies</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Persos_Clan_Soma.htm">Le Clan Soma</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Persos_Absents.htm">Les Absents</a></li>
</ul>
</dd>
</dl>
</div>
<p align="justify"> </p>
<body background="Fond_page.gif" bgproperties="fixed">
<p> </p>
<p>
<iframe name="Cadre_en_ligne" target="_self" src="Accueil.htm" width="100%" height="100%" border="0" frameborder="0">
Votre navigateur ne prend pas en charge les cadres insérés ou est actuellement configuré pour ne pas les afficher.</iframe></p>
</body>
</html>
Pour info, j'ai repris et bidouillé le menu d'alsace Création avec Frontpage et j'ai mis un cadre en ligne en dessous pour pouvoir toujours garder mon menu apparent.
Vous avez certainement des meilleures solutions, alors, n'hésitez pas ! [smile]
Est-il nécessaire de préciser que je suis une GRANDE débutante ? Ah ? non ? C'était évident, ok [rougir]
|
| |
|
| biliejoe | Posté le 18/01/2006 à 12:59 |
Petit astucien
167 Messages
| Re ,
Il est clair que modifier du code avec frontpage c'est pas l'ideal donc a partir de la je comprend mieu la situation ensuite a voir le code a prendre et a etudier je te tien au courant de l'evolution ... [clindoeil] |
| |
|
| jeje69 | Posté le 18/01/2006 à 13:49 |
Petit astucien
91 Messages
| Bonjour ,
J'ai testé sous Internet Explorer , il n'y a pas besoin d'actualiser pour que les sous menus apparaissent.
Apparemment , il y a du avoir quelques modifications.
L'espace entre les sous menus provient de la balise <p>
Elle n'est pas nécessaire ici.
Il suffit d'écrire :
<li>
<a target="Cadre_en_ligne" href="Persos_Amies.htm">Les Amies</a></li>
Le gros problème vient de l'iframe.
A mon avis , il faudrait organiser votre site autrement.
|
| |
|
| Titelisette | Posté le 18/01/2006 à 17:58 |
Petite astucienne
30 Messages
| jeje69 a écrit :
Le gros problème vient de l'iframe.
A mon avis , il faudrait organiser votre site autrement.
C'est bien ce que je pensais... Avez-vous une idée pour avoir toujours le menu visible ? |
| |
|
| biliejoe | Posté le 18/01/2006 à 19:15 |
Petit astucien
167 Messages
| RE ,
Moi sous Firefox j'avai le mm probleme de visualisatiopn que jeje dc moi on voit tous bien mm les sous menu juste qu'il y a des espace voila tous ..
|
| |
|
| jeje69 | Posté le 18/01/2006 à 19:20 |
Petit astucien
91 Messages
| Titelisette , il faudrait donner le code de "cadre_en_ligne" , je crois qu'il y a un problème assez conséquent. [crazy]
Le problème d'espace (sous Firefox) des sous-menus vient bien des balises <p> (je l'ai vérifié).
Sous Firefox , ce n'est pas vraiment les menus qui posent problème , c'est l'iframe.
En effet , elle ne prend pas la totalité de la page en hauteur.
Sous Internet Explorer , tout marche bien. Modifié par jeje69 le 18/01/2006 19:31 |
| |
|
| Titelisette | Posté le 18/01/2006 à 19:35 |
Petite astucienne
30 Messages
| Ah ... euh... je croyais l'avoir donné plus haut ? non ? |
| |
|
| jeje69 | Posté le 18/01/2006 à 19:39 |
Petit astucien
91 Messages
| Ben en fait , il n'y a que le code du menu
et la balise <iframe>.
Il faudrait connaitre le contenu de l'iframe c'est à dire Cadre_en_ligne [clindoeil] |
| |
|
| biliejoe | Posté le 18/01/2006 à 19:41 |
Petit astucien
167 Messages
| Mais mais !! qu'est ce que tu raconte lol ! je met aps ta parole en doute masi cadre en ligne c'est le nom de l'iframe ....donc quand tu fait un lien vers cadre en ligne sa l'envoie dans l'iframe |
| |
|
| biliejoe | Posté le 18/01/2006 à 19:46 |
Petit astucien
167 Messages
| alors moi j'ai trouvé un code comme celas qui marche !!
<iframe name="Cadre_en_ligne" src="Accueil_fichiers/Accueil.htm" frameborder="0" height="800" width="100%">
Votre navigateur ne prend pas en charge les cadres insérés ou est actuellement configuré pour ne pas les afficher.</iframe> |
| |
|
| jeje69 | Posté le 18/01/2006 à 19:52 |
Petit astucien
91 Messages
| Oui je me suis mal exprimé.
Je ne vois pas le code du tableau avec toutes les photos dans acceuil.html |
| |
|
| Titelisette | Posté le 18/01/2006 à 19:52 |
Petite astucienne
30 Messages
| Alors, en fait, je vous ai tout mis au dessus.
J'ai la page avec le menu qui s'appelle Accueil.html il contient aussi l'iframe qui contient la page Accueil.htm.
|
| |
|
| Titelisette | Posté le 18/01/2006 à 19:55 |
Petite astucienne
30 Messages
| Titelisette a écrit :
Alors, en fait, je vous ai tout mis au dessus.
J'ai la page avec le menu qui s'appelle Accueil.html il contient aussi l'iframe qui contient la page Accueil.htm.
Voilà le code, avec les photos en moins, si ça peut vous aider :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>^_^ Bienvenue dans la corbeille de fruits
^_^</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css">
<!--
/* CSS issu des tutoriels css.alsacreations.com */
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%; /* précision pour Opera */
}
#menu dl {
float: left;
width: 9em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #FFCCFF;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 10px none;
}
#menu li a:hover, #menu dt a:hover {
background: #CC99FF;
}
#site {
position: absolute;
z-index: 1;
top : 30px;
left : 100px;
color: #000;
background-color: #FFCCFF;
padding: 5px;
border: 1px solid gray;
}
.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
-->
</style>
<base target="Cadre_en_ligne">
</head>
<body style="background-color:#FBECFE; background-image:url('Images/Generales/Haut_page.gif')" bgproperties="fixed">
<div id="menu" style="width: 88; height: 948">
<dl>
<div style="text-align: center">
<div style="text-align: right">
<div style="text-align: right">
<dt onmouseover="javascript:montre();"><span style="font-weight: 400">
<font face="HandelGothic BT" size="3">
<a title="Retour à l'accueil" target="Cadre_en_ligne" href="Accueil.htm">
Fiche</a></font></span></dt>
</div>
</div>
</div>
</dl>
<dl>
<div style="text-align: justify">
<dt onmouseover="javascript:montre();">
<font face="HandelGothic BT" size="3"><span style="font-weight: 400">
<a target="Cadre_en_ligne" href="Histoire.htm">Histoire</a></span></font></dt>
</div>
</dl>
<dl>
<div style="text-align: justify">
<div style="text-align: right">
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu3');">
<span style="font-weight: 400"><font size="3" face="HandelGothic BT">Personnages</font></span></dt>
</div>
</div>
</div>
<dd id="smenu3">
<ul>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Persos_Heros.htm">Les Héros</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Persos_Clan.htm">Le Clan Soma</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Persos_Absents.htm">Les Absents</a></li>
</ul>
</dd>
</dl>
<dl>
<div style="text-align: justify">
<div style="text-align: right">
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu4');">
<span style="font-weight: 400; background-position: 0 0">
<font face="HandelGothic BT" size="3">Episodes</font></span></dt>
</div>
</div>
</div>
<dd id="smenu4">
<ul>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Episodes_1_5.htm">01 - 05</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Episodes_6_10.htm">06 - 10</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Episodes_11_15.htm">11 - 15</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Episodes_16_20.htm">16 - 20</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Episodes_21_26.htm">21 - 26</a></li>
</ul>
</dd>
</dl>
<dl>
<div style="text-align: justify">
<div style="text-align: right">
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu5');">
<span style="font-weight: 400; background-position: 0 0">
<font face="HandelGothic BT" size="3">B.O.</font></span></dt>
</div>
</div>
</div>
<dd id="smenu5">
<ul>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="BO_Generique.htm">Génériques
</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="BO_Song_for.htm">Song for ...</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="BO_Memory.htm">Memory for you</a></li>
</ul>
</dd>
</dl>
<dl>
<div style="text-align: justify">
<div style="text-align: right">
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu6');">
<span style="font-weight: 400; background-position: 0 0">
<font face="HandelGothic BT" size="3">Image</font></span></dt>
</div>
</div>
</div>
<dd id="smenu6">
<ul>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Images_Character_book.htm">Character book</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Images_Art_book.htm">Art book</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Images_wallpapers.htm">Wallpapers</a></li>
</ul>
</dd>
</dl>
<dl>
<div style="text-align: justify">
<div style="text-align: right">
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu1');">
<span style="font-weight: 400; background-position: 0 0">
<font face="HandelGothic BT" size="3">Zodiaque</font></span></dt>
</div>
</div>
</div>
<dd id="smenu1">
<ul>
<li>
<p style="text-align: left">
<a href="Zodiaque_1.htm">Le Jikkan Junishi</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Zodiaque_3.htm">Votre Zodiaque</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Zodiaque_2.htm">Les Signes</a></li>
</ul>
</dd>
</dl>
<dl>
<dd id="smenu7">
<ul>
<li>
<p style="text-align: left">
</li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Persos_Amies.htm">Les Amies</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Persos_Clan_Soma.htm">Le Clan Soma</a></li>
<li>
<p style="text-align: left">
<a target="Cadre_en_ligne" href="Persos_Absents.htm">Les Absents</a></li>
</ul>
</dd>
</dl>
</div>
<p align="justify"> </p>
<body background="Fond_page.gif" bgproperties="fixed">
<p> </p>
<p>
<iframe name="Cadre_en_ligne" target="_self" src="Accueil.htm" width="100%" height="100%" border="0" frameborder="0">
Votre navigateur ne prend pas en charge les cadres insérés ou est actuellement configuré pour ne pas les afficher.</iframe></p>
</body>
</html> |
| |
|
| biliejoe | Posté le 18/01/2006 à 20:35 |
Petit astucien
167 Messages
| als comme je t'ai dit moi j'ai trouvé ce code iou on voi tous !!!!
<iframe name="Cadre_en_ligne" src="Accueil.htm" frameborder="0" height="800" width="100%">
Votre navigateur ne prend pas en charge les cadres insérés ou est actuellement configuré pour ne pas les afficher.</iframe> |
| |
|
| jeje69 | Posté le 19/01/2006 à 10:32 |
Petit astucien
91 Messages
| Salut ,
Billiejoe , j'ai testé ta solution , ça marche !
Donc l'erreur provient de l'utilisation des pourcentages.
Je propose ceci au besoin.
Le tableau pourra être reglé en hauteur et largeur grâce à un conteneur:
Entre les balises : <style text/css></style> on ajoute (avec un éditeur de texte) :
#cadre
{
position: absolute;
top: 4em;
left: 0em;
width: 100%;
height: 90%;
}
Puis à la fin du code on remplace :
<iframe name="Cadre_en_ligne" target="_self" src="http://titelisette.info/Accueil.htm" width="100%" height="100%" border="0" frameborder="0">
Votre navigateur ne prend pas en charge les cadres insérés ou est actuellement configuré pour ne pas les afficher.</iframe></p>
par :
<div id="cadre">
<iframe name="Cadre_en_ligne" target="_self" src="http://titelisette.info/Accueil.htm" width="100%" height="100%" border="0" frameborder="0">
Votre navigateur ne prend pas en charge les cadres insérés ou est actuellement configuré pour ne pas les afficher.</iframe></p>
</div>
Voila le code complet (il n'y a aussi plus d'espace entre les sous-menus :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>^_^ Bienvenue dans la corbeille de fruits
^_^</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css">
<!--
/* CSS issu des tutoriels css.alsacreations.com */
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%; /* précision pour Opera */
}
#menu dl {
float: left;
width: 9em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #FFCCFF;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 10px none;
}
#menu li a:hover, #menu dt a:hover {
background: #CC99FF;
}
#site {
position: absolute;
z-index: 1;
top : 30px;
left : 100px;
color: #000;
background-color: #FFCCFF;
padding: 5px;
border: 1px solid gray;
}
.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
#fond
{
position: absolute;
top: 4em;
left: 0em;
width: 100%;
height: 90%;
}
-->
</style>
<base target="Cadre_en_ligne">
</head>
<body style="background-color:#FBECFE; background-image:url('Images/Generales/Haut_page.gif')" bgproperties="fixed">
<div id="menu" style="width: 88; height: 948">
<dl>
<div style="text-align: center">
<div style="text-align: right">
<div style="text-align: right">
<dt onmouseover="javascript:montre();"><span style="font-weight: 400">
<font face="HandelGothic BT" size="3">
<a title="Retour à l'accueil" target="Cadre_en_ligne" href="Accueil.htm">
Fiche</a></font></span></dt>
</div>
</div>
</div>
</dl>
<dl>
<div style="text-align: justify">
<dt onmouseover="javascript:montre();">
<font face="HandelGothic BT" size="3"><span style="font-weight: 400">
<a target="Cadre_en_ligne" href="Histoire.htm">Histoire</a></span></font></dt>
</div>
</dl>
<dl>
<div style="text-align: justify">
<div style="text-align: right">
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu3');">
<span style="font-weight: 400"><font size="3" face="HandelGothic BT">Personnages</font></span></dt>
</div>
</div>
</div>
<dd id="smenu3">
<ul>
<li>
<a target="Cadre_en_ligne" href="http://titelisette.info/Persos_Heros.htm">Les Héros</a></li>
<li>
<a target="Cadre_en_ligne" href="http://titelisette.info/Persos_Clan.htm">Le Clan Soma</a></li>
<li>
<a target="Cadre_en_ligne" href="http://titelisette.info/Persos_Absents.htm">Les Absents</a></li>
</ul>
</dd>
</dl>
<dl>
<div style="text-align: justify">
<div style="text-align: right">
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu4');">
<span style="font-weight: 400; background-position: 0 0">
<font face="HandelGothic BT" size="3">Episodes</font></span></dt>
</div>
</div>
</div>
<dd id="smenu4">
<ul>
<li>
<a target="Cadre_en_ligne" href="Episodes_1_5.htm">01 - 05</a></li>
<li>
<a target="Cadre_en_ligne" href="Episodes_6_10.htm">06 - 10</a></li>
<li>
<a target="Cadre_en_ligne" href="Episodes_11_15.htm">11 - 15</a></li>
<li>
<a target="Cadre_en_ligne" href="Episodes_16_20.htm">16 - 20</a></li>
<li>
<a target="Cadre_en_ligne" href="Episodes_21_26.htm">21 - 26</a></li>
</ul>
</dd>
</dl>
<dl>
<div style="text-align: justify">
<div style="text-align: right">
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu5');">
<span style="font-weight: 400; background-position: 0 0">
<font face="HandelGothic BT" size="3">B.O.</font></span></dt>
</div>
</div>
</div>
<dd id="smenu5">
<ul>
<li>
<a target="Cadre_en_ligne" href="BO_Generique.htm">Génériques
</a></li>
<li>
<a target="Cadre_en_ligne" href="BO_Song_for.htm">Song for ...</a></li>
<li>
<a target="Cadre_en_ligne" href="BO_Memory.htm">Memory for you</a></li>
</ul>
</dd>
</dl>
<dl>
<div style="text-align: justify">
<div style="text-align: right">
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu6');">
<span style="font-weight: 400; background-position: 0 0">
<font face="HandelGothic BT" size="3">Image</font></span></dt>
</div>
</div>
</div>
<dd id="smenu6">
<ul>
<li>
<a target="Cadre_en_ligne" href="Images_Character_book.htm">Character book</a></li>
<li>
<a target="Cadre_en_ligne" href="Images_Art_book.htm">Art book</a></li>
<li>
<a target="Cadre_en_ligne" href="Images_wallpapers.htm">Wallpapers</a></li>
</ul>
</dd>
</dl>
<dl>
<div style="text-align: justify">
<div style="text-align: right">
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu1');">
<span style="font-weight: 400; background-position: 0 0">
<font face="HandelGothic BT" size="3">Zodiaque</font></span></dt>
</div>
</div>
</div>
<dd id="smenu1">
<ul>
<li>
<a href="Zodiaque_1.htm">Le Jikkan Junishi</a></li>
<li>
<a target="Cadre_en_ligne" href="Zodiaque_3.htm">Votre Zodiaque</a></li>
<li>
<a target="Cadre_en_ligne" href="Zodiaque_2.htm">Les Signes</a></li>
</ul>
</dd>
</dl>
<dl>
<dd id="smenu7">
<ul>
<li>
<a target="Cadre_en_ligne" href="http://titelisette.info/Accueil.html/Persos_Amies.htm">Les Amies</a></li>
<li>
<a target="Cadre_en_ligne" href="Persos_Clan_Soma.htm">Le Clan Soma</a></li>
<li>
<a target="Cadre_en_ligne" href="Persos_Absents.htm">Les Absents</a></li>
</ul>
</dd>
</dl>
</div>
<p align="justify"> </p>
<div id="fond">
<iframe name="Cadre_en_ligne" target="_self" src="http://titelisette.info/Accueil.htm" width="100%" height="100%" border="0" frameborder="0">
Votre navigateur ne prend pas en charge les cadres insérés ou est actuellement configuré pour ne pas les afficher.</iframe></p>
</div>
</html>
ça devrait marcher.
|
| |
|
| biliejoe | Posté le 19/01/2006 à 12:00 |
Petit astucien
167 Messages
| Re ,
Je ne sais pas quel naviguateur tu utilise mais Firefox gerez mal els iframe....
Enfin moi quand je met la ahuteur a 100% i voi rien lol il fait sa guise !!! |
| |
|
| Titelisette | Posté le 19/01/2006 à 18:00 |
Petite astucienne
30 Messages
| Coucou !!
Déjà MERCI à tous !
J'ai effectué les changements :
www.titelisette.info/index.html
J'ai l'impression que la fuidité est bien meilleure avec IE, néanmoins, le problème est toujours là avec Firefox (apparemment). [triste]
Quelle autre solution que les iframes ? |
| |
|
| jeje69 | Posté le 19/01/2006 à 18:56 |
Petit astucien
91 Messages
| Salut ,
J'ai l'impression que la fuidité est bien meilleure avec IE, néanmoins, le problème est toujours là avec Firefox (apparemment).
En ce qui me concerne , je ne vois presque aucune différence entre Firefox et ie.
Le rendu sous Firefox est même plus agréable :
Il n'y a plus les barres d'espaces.
Sinon , il n'est pas necessaire de créer une iframe.
Il faudrait créer des feuilles de styles (css).
Tu pourrais agencer les éléments de ton site comme tu le désires.
|
| |
|
| Titelisette | Posté le 19/01/2006 à 20:08 |
Petite astucienne
30 Messages
| jeje69 a écrit :
Salut ,
[quote]
Sinon , il n'est pas necessaire de créer une iframe.
Il faudrait créer des feuilles de styles (css).
Tu pourrais agencer les éléments de ton site comme tu le désires.
Aïe, sauf que ça, je maîtrise pas du tout, je suis trop pitite [dent] |
| |
|
|
| Haut de la page |
Problème d'affichage
