Aller au contenu

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

le menu disparait.

lomaster

Par lomaster
dans Programmation

 Partager

Messages recommandés

lomaster Extrem Member

lomaster

Posté(e)
Posté(e)

Re,

 

 

j'ouvre un nouveau sujet car l'autre est résolu.

 

voila ( sous Mozilla ) lorsque je suis en plein écran, il n'y a pas de problème. Mais lorsque j'utilise la combinaison ( Ctrl + B ) pour ouvrir les favorie sur la gauche, le menu de mon site disparait..il ne suis pas.

 

en image :

 

sans le marque page :

 

attbs4.png

 

avec :

 

att1le2.png

 

parreil lorsque je mets le marque page, l'image de droit disparait...

 

 

 

voici le code html :

 

<!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" >
  <head>
   <title>ATouT-Service !</title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <link rel="stylesheet" media="screen" type="text/css" title="index.css" href="index.css" />
  </head>

	  <div id="en_tete">

   </div>
  <body>


   <h1 id="nom" ><img src="photo/Accueil.jpg" alt="accueil" title="accueil"></h1>

		  <!–– Les menus ––>

   <div id="menu">	  
			  <div class="papa">
		   <p><img src="photo/papa.jpg" alt="pierre" title="pierre"></p>
	   </div>
	   <div class="element_menu">
		   <ul>
			   <a href="index.html">Accueil</a><br/>
			   <a href="Galerie.html">Galerie</a><br/>
			   <a href="contacte.html">Contacte</a><br/>
			   <a href="Forum.html">Forum</a>
		   </ul>
  </div>   
   </div>


		 <!–– Le pied de page ––>

   <div id="pied_de_page">
   <p><img src="photo/signature.jpg" alt="signature" title="signature"></p>
	   <p><ins>Site réalisé grâce à :</ins></p>
	   <p><a href="http://www.framasoft.net/article2579.html"><img src="photo/Notepad++.jpg" alt="notepad++" title="notepad++"></a><br/>
	   <a href="http://www.framasoft.net/article1011.html"> <img src="http://www.01net.com/img/fiches/17966.gif" alt="filezilla" title="filezzila"></a></p>
   </div>

 

et surtout le css :

 

h1, h2, h3, h4
{
color: black;
}

body
{


width: 760px;
margin: auto;
  margin-top: 20px;
  margin-bottom: 20px; 
  font-family: Comic Sans MS;
  background-image: url("photo/fondd.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */ 
  background-repeat: repeat-y; 
}

/* L'en-tête */

#en_tete
{
  width: 760px;
  height: 100px;
  background-image: url("photo/Banniere1.jpg");
  background-repeat: no-repeat;
  margin-bottom: 10px;
  margin: auto; /* Pour centrer notre page */
}


/* Le menu */

#menu
{
  float: left;
  width: 120px;
  margin-left:-250px;
  margin-top: -250px;
}

.element_menu
{

  background-repeat: repeat-x;
  margin-bottom: 20px;
  background-color: #626262;
  background-image: url("photo/menu1.jpg");   

}


/* Quelques effets sur les menus */


.element_menu ul
{
  padding: 0px;
  padding-left: 20px;
  margin: 0px;
  margin-bottom: 5px;
}

.element_menu a
{
  color: black;
  text-decoration: yes; /* lien non souligné */
}

.element_menu a:hover
{
  background-color: white;
  color: black;
}





/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
  padding: 5px;

  text-align: center;

  background-repeat: repeat-x;


}
#nom
{
  margin-left: 270px;
  margin-bottom: 20px;
  padding: 5px;
  }
img
{
border: 0;
}
.papa
{

  background-repeat: no-repeat;  
  }

Lien vers le commentaire
Partager sur d’autres sites

lomaster Extrem Member

lomaster

Posté(e)
  • Auteur
Posté(e)

salut

ouais, je crois qu'il faut faire une refonte complète du programme, htlm et css. h2 h3 h4 corresônd à quel titre ? etc.

 

re,

 

 

les titres, il n'y en a pas pour le moment... j'arrive pas a le faire correctement...

Lien vers le commentaire
Partager sur d’autres sites
ideal Junior Member

ideal

Posté(e)
Posté(e)

la photo du pied de page est trop grande.

mets ce 2eme programme dans note pad sauvegarde-le et dit-moi ce que ca donne dans ie.

 

<!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" >

<head>

<title>ATouT-Service !</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" media="screen" type="text/css" title="index.css" href="" />

<style type="text/css">

 

#body

{

width: 760px;

margin: auto;

margin-top: 20px;

margin-bottom: 20px;

font-family: Comic Sans MS;

}

/* L'en-tête */

#en_tete

{

width: 760px;

height: 100px;

background-image: url("../photo/Banniere1.jpg");

background-repeat: no-repeat;

margin-bottom: 10px;

margin: auto; /* Pour centrer notre page */

}

/* Le menu */

#menu

{

float: left;

width: 120px;

margin-left:;

margin-top: ;

}

.element_menu

{

background-repeat: repeat-x;

margin-bottom: 20px;

background-color: #626262;

background-image: url("photo/menu1.jpg");

}

/* Quelques effets sur les menus */

.element_menu ul

{

padding: 0px;

padding-left: 20px;

margin: 0px;

margin-bottom: 5px;

}

.element_menu a

{

color: black;

text-decoration: yes; /* lien non souligné */

}

.element_menu a:hover

{

background-color: white;

color: black;

}

#corps{

margin-left: 120px;

color: #0033CC;

font-size: 82%;

}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page

{

clear: left;

padding: 5px;

text-align: center;

background-repeat: repeat-x;

}

#nom

{

margin-left: 270px;

margin-bottom: 20px;

padding: 5px;

}

.papa

{

background-repeat: no-repeat;

}

</style>

</head>

<body>

<div id="en_tete">

</div>

<h1 id="nom" ><img src="photo/Accueil.jpg" alt="accueil" title="accueil" /></h1>

 

<!–– Les menus ––>

 

<div id="menu">

<div class="papa">

<p><img src="photo/papa.jpg" alt="pierre" title="pierre" /></p>

</div>

<div class="element_menu">

<ul>

<a href="index.html">Accueil</a><br/>

<a href="Galerie.html">Galerie</a><br/>

<a href="contacte.html">Contacte</a><br/>

<a href="Forum.html">Forum</a>

</ul>

</div>

</div>

<div id="corps">

<p>le corps est la page centale du site </p>

</div>

<!–– Le pied de page ––>

 

<div id="pied_de_page">

<p><img src="photo/signature.jpg" alt="signature" title="signature" /></p>

<p><ins>Site réalisé grâce à :</ins></p>

<p><a href="http://www.framasoft.net/article2579.html"><img src="photo/Notepad++.jpg" alt="notepad++" title="notepad++" /></a><br/>

<a href="http://www.framasoft.net/article1011.html"> <img src="http://www.01net.com/img/fiches/17966.gif" alt="filezilla" title="filezzila" /></a></p>

</div>

 

</body>

</html>

Lien vers le commentaire
Partager sur d’autres sites
lomaster Extrem Member

lomaster

Posté(e)
  • Auteur
Posté(e)

re,

 

 

en faite ce qui pose problème se sont ces deux lignes pour le positionnement du menu:

 

margin-left:-250px;

margin-top:-250px ;

 

 

avec ces nombre mon menu est bien placer mais lorsque je mets les favorie il disparait.

Lien vers le commentaire
Partager sur d’autres sites

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...