begin process at 2012 05 31 01:30:57
  Trouver un code source :
 
dans
 
Accueil > Forum > 

PHP

 > 

Divers

 > 

Débutant(e)

 > 

probléme avec ma page d'accueil


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

probléme avec ma page d'accueil

samedi 2 mai 2009 à 09:38:07 | probléme avec ma page d'accueil

alaindu_33

Bonjour voila j'ai un probleme j'ai trouvé sur le site un super présentation de menu et sous menu et je remercie l'auteur mais voila mon souci c'est que le menu et sous  prend toute la page d'accueil et impossible d'incerer autre chose comme une photo ou autre voila le code
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Accueil</title>
</head>

<body>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
window.onload=montre;
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" media="screen">
<!--
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; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
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: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}
-->
</style>

</head>

<body>
<div id="menu">
<dl>

<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">
Accueil</a></dt>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu1');">grs</dt>

<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Sous-Menu 1.1</a></li>
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
<li><a href="#">Sous-Menu 1.4</a></li>
<li><a href="#">Sous-Menu 1.5</a></li>
<li><a href="#">Sous-Menu 1.6</a></li>
</ul>
</dd>
</dl>


<dl>
<dt onmouseover="javascript:montre('smenu2');">Menu 2</dt>

<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
<li><a href="#">Sous-Menu 2.4</a></li>
</ul>

</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
<ul>

<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.2</a></li>
<li><a href="#">Sous-Menu 3.3</a></li>
<li><a href="#">Sous-Menu 3.4</a></li>
<li><a href="#">Sous-Menu 3.5</a></li>
</ul>

</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
<ul>

<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.2</a></li>
<li><a href="#">Sous-Menu 4.3</a></li>

</ul>
</dd>
</dl>


</body>
</html>
</body>

</html>
merci d'avance de vos réponses


samedi 2 mai 2009 à 10:21:54 | Re : probléme avec ma page d'accueil

kohntark

Membre Club
Salut,

De quel script s'agit il ? As tu contacté l'auteur pour exposer ton pb ?
Je ne le saisi pas trop ce problème d'ailleurs, je viens de faire un test rapide et ça fonctionne.

Par contre :
</body>
</html>
</body>
</html>

=> les balises en bleu sont en doublon

Il y a des tags non fermés (<div)


Cordialement,

Kohntark -

samedi 2 mai 2009 à 11:07:26 | Re : probléme avec ma page d'accueil

alaindu_33



bonjour kohntark De quel script s'agit il ?
l'auteur je ne sais plus
Il y a des tags non fermés (<div) ?
et pour finir j'utilise frontpage ou j'ajoute le code
je suis vraiment un debutant un peut perdu
merci de me venir en aide
samedi 2 mai 2009 à 12:00:44 | Re : probléme avec ma page d'accueil

kohntark

Membre Club

Le div <div id="menu"> n'a pas de tag de fermeture (cad </div>)

J'ai regardé très rapidement (et donc je peux dire une bétise qui ne sera ni la première ni la dernière)
Tu devrais mettre le code du menu dans un fichier, par ex : menu.php
Ensuite dans chacune de tes pages (qui correspondent aux menus / sous menus) tu l'inclus :
include('menu.php');
Il te faut renseigner les href :
<li><a href="#">Sous-Menu 4.1</a></li>
=>
<li><a href="mon_sous_menu_4_1.php">Sous-Menu 4.1</a></li>

Je me trompes peut être mais si tu es "grand" débutant (je me base sur "un débutant un peu perdu" et l'interrogation sur "tag non fermé") tu ne devrais sans doute pas commencer par un tel menu, non pas qu'il soit complexe, mais il demande un minimum de connaissances javascript et HTML.
Je t'encourage vivement à lire les milliers de tutos disponibles sur le web et à abandonner frontpage au profit d'un éditeur de texte avancé (style PSpad) qui t'obigera à écrire directement le code de la page.
C'est certes un peu plus complexe, mais c'est la seule manière qui te permettra de mettre en oeuvre les codes sources que tu peux trouver un peu partout de façon éfficace.

Cordialement,


Kohntark -

samedi 2 mai 2009 à 12:07:59 | Re : probléme avec ma page d'accueil

alaindu_33


voila ce que la donne mais les sous menu on disparu

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}
// -->
</script>
</head>

<body onload="FP_preloadImgs(/*url*/'file:///C:/alain/nouveau%20dossier%20grs/button14.jpg',/*url*/'file:///C:/alain/nouveau%20dossier%20grs/button13.jpg')">

<p>&nbsp;</p>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Accueil</title>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
window.onload=montre;
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" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
dd {
margin: 0;
padding: 0;
list-style-type: none;
}
dt {
margin: 0;
padding: 0;
list-style-type: none;
}
dl {
margin: 0;
padding: 0;
list-style-type: none;
}
#content {margin-top:20px; padding:15px; border:solid 1px #000; width:100%}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
height:20px;
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu dt a:focus {
background: #eee;
}
#menu dt a:hover {
background: #eee;
}
#menu li a:focus {
background: #eee;
}
#menu li a:hover {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}
-->
</style>
<div id="menu" style="position: absolute; left: 9px; top: 22px; z-index: 100; width: 100%; height: 20px">
    <dl style="float: left; width: 12em; list-style-type: none; margin: 0; padding: 0">
        <dt onmouseover="javascript:&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;montre();" style="cursor: pointer; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 1px; padding: 0; background: #ccc">
        <a title="Retour à l'accueil" style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="file:///C:/Documents%20and%20Settings/Pret/Bureau/accueil.html">
        Accueil</a></dt>
    </dl>
    <dl style="float: left; width: 12em; list-style-type: none; margin: 0; padding: 0">
        <dt onmouseover="javascript:&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;montre('smenu1');" style="cursor: pointer; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 1px; padding: 0; background: #ccc">
        <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="file:///C:/Documents%20and%20Settings/Pret/Bureau/photos.htm">
        grs</a></dt>
        <dd id="smenu1" onmouseover="javascript:&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;montre('smenu1');" onmouseout="javascript:&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;montre('');" style="display: none; list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
        <ul style="list-style-type: none; margin: 0; padding: 0">
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="file:///C:/Documents%20and%20Settings/Pret/Bureau/photos.html">
            <img border="0" id="img1" src="file:///C:/alain/nouveau%20dossier%20grs/button12.jpg" height="20" width="100" alt="photos" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'file:///C:/alain/nouveau%20dossier%20grs/button13.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'file:///C:/alain/nouveau%20dossier%20grs/button12.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'file:///C:/alain/nouveau%20dossier%20grs/button14.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'file:///C:/alain/nouveau%20dossier%20grs/button13.jpg')" fp-style="fp-btn: Simple Text 4; fp-font-size: 11; fp-font-color-normal: #800080" fp-title="photos"></a></li>
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 1.2</a></li>
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 1.3</a></li>
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 1.4</a></li>
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 1.5</a></li>
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 1.6</a></li>
        </ul>
        </dd>
    </dl>
    <dl style="float: left; width: 12em; list-style-type: none; margin: 0; padding: 0">
        <dt onmouseover="javascript:&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;montre('smenu2');" style="cursor: pointer; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 1px; padding: 0; background: #ccc">
        Menu 2</dt>
        <dd id="smenu2" onmouseover="javascript:&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;montre('smenu2');" onmouseout="javascript:&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;montre('');" style="display: none; list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
        <ul style="list-style-type: none; margin: 0; padding: 0">
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 2.1</a></li>
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 2.2</a></li>
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 2.3</a></li>
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 2.4</a></li>
        </ul>
        </dd>
    </dl>
    <dl style="float: left; width: 12em; list-style-type: none; margin: 0; padding: 0">
        <dt onmouseover="javascript:&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;montre('smenu3');" style="cursor: pointer; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 1px; padding: 0; background: #ccc">
        Menu 3</dt>
        <dd id="smenu3" onmouseover="javascript:&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;montre('smenu3');" onmouseout="javascript:&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;montre('');" style="display: none; list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
        <ul style="list-style-type: none; margin: 0; padding: 0">
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 3.1</a></li>
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 3.2</a></li>
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 3.3</a></li>
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 3.4</a></li>
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 3.5</a></li>
        </ul>
        </dd>
    </dl>
    <dl style="float: left; width: 12em; list-style-type: none; margin: 0; padding: 0">
        <dt onmouseover="javascript:&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;montre('smenu4');" style="cursor: pointer; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 1px; padding: 0; background: #ccc">
        Menu 4</dt>
        <dd id="smenu4" onmouseover="javascript:&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;montre('smenu4');" onmouseout="javascript:&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;montre('');" style="display: none; list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
        <ul style="list-style-type: none; margin: 0; padding: 0">
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 4.1</a></li>
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 4.2</a></li>
            <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
            <a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
            Sous-Menu 4.3</a></li>
        </ul>
        </dd>
    </dl>
</div>
<p>&nbsp;&nbsp; </p>

</body>
merci pour ton aide


samedi 2 mai 2009 à 12:20:33 | Re : probléme avec ma page d'accueil

alaindu_33



voila ce que j'avais deja crée avec frontpage
mon site http://pagesperso-orange.fr/grs.st.caprais/



Cette discussion est classée dans : menu, dt, background, none, li


Répondre à ce message

Sujets en rapport avec ce message

Modifier la taille d'une "background-image:url()" en CSS [ par Prototype51 ] Bonjour à tous, Je ne savais où poster cette question mais j'espère que vous pourrez quand même m'aider.J'aimerais faire un menu en CSS avec une ima Enlevez le cadre des images liens [ par samuss ] Bonjour,Je suis en train de créé un site web, j'ai un probleme puisque dans mon menu des images-boutons font offices de liens, mais j'ai un vieux cadr Menu déroulant non compatible avec IE [ par Pistol_Pete ] Bonjour, J'ai un problème avec mon menu déroulant vertical de mon site internet. Il marche parfaitement avec Firefox, Safari, google chrome et Opéra Probléme css !!! [ par texas77 ] Bonjour,j'ai un pobléme avec mon css !!le probléme es-ce possible de mettre le pied de page en bas du menu de gauche et de droite et du milieu qui se probleme avec intenet explorer (css) [ par raph_3l ] BONJOUR , Voila j'ai un menu sur mon site , dans firefox il marche super bien mais avec IE sa bug !! Donc voila mon site : (le lien marche pas ) !  ht comment rajouter un menu [ par alaindu_33 ] Bonjour je viens de faire un nouveau menu pour un site mais voila le dernier onglet jeux n'apparais pas sur la page d'accueil il me manque quoi merci besoin d'aide pour ce code [ par alaindu_33 ] Bonsoir j'ai besoin d'un petit renseignement au sujet de ce code .j'aimerai savoir comment faire pour que celui ci revienne au point de depart sans a Problème onchange() [ par micgamers ] Bonjour à tous, Voici mon problème, j'affiche 3 boutons radios qui permettent lors de la selection de ces dernier d'afficher soit 1,2 ou 3 listes co taille du site [ par loblobloblob ] Bonjour,Je voudrais changer la taille de mon site qui est en 1024 par du 980 de large, mais lorsque je change l'attribu width de 1024 a 980 de ma page lien differents entre FF et IE [ par loblobloblob ] Bonjour,J'ai un petit menu qui me pose un petit (gros) probléme,voila j'ai les couleurs des liens correct (un genre de bleu) dans Firefox sans undersc


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 2,324 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales