[résolu]Prob dans IE

Question

cubitus

1 Oct 2006 à 22:20

Bonsoir ,

je me suis essayée au contener ?? grace à vos tutoriaux j'ai voulu personnalisé mais ma page n'apparait pas dans IE et je voudrais rajouter 2 div : un en dessous de mon menu pour écrire et un autre en desous de ma photo pour mettre des commentaire avec un fond blanc pouvez vous m'aider Smiley rolleyes

merci

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Je nomme ma page</title>
<style type="text/css">
<!--
/*Un style universel*/
* {
margin: 0;
padding: 0;
}
/*Mon corps*/
body {
	color: #fff;
	font-family: Century Gothic;
	font-size: 11px;
	text-align: center;
	background-color: #FFF;
	background-image: url();
}
div#container {
margin: 0 auto;
width: 700px;
background-color: #FE9903;
}
/*Ma tête*/
#header p {
font-size: 1em;
font-weight: bold;
color: #FFF;
text-align: left;
padding: 1em;
}
/* Mon menu*/
div#menu {
float: left;
padding: 1em;
width: 150px;
}
#menu ul {
text-align: left;
}
#menu li {
list-style: none;
line-height: 3em;
}
#menu a {
font-weight: bold;
}
/*Mon contenu*/
div#contenu {
margin-left: 155px;
}
/*Les liens*/
a:link, a:visited, a:active {
color: #FFF;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #20A42E;
}
/*les autres bien utiles parfois*/
hr.spacer {
visibility: hidden;
clear: both;
}
</style>
</head>
<body>
<div id="container">
<!--Début de la tête-->
<div id="header">
  <div align="center"><img src="images/logo-vert.gif" alt="logovert" name="logoVert" width="174" height="84" id="logoVert" />
  </div>
  <p>37 rue Bouret<br />
75019 Paris<br />
Tel : 01 40 40 94 10<br />
Fax : 01 40 40 90 54<br />
<a href="mailto:contact@aepaysage.com" title="" tabindex="">contact@aepaysage.com</a></p>
<img src="images/barre.jpg" alt="herbe" width="700" height="20" /></p>
</div>
<!--Début du menu-->
<div id="menu">
  <ul><li><a href="../acceuil.html" title="" tabindex="" accesskey="">Accueil</a></li>
<li><a href="../agence.html" title="" tabindex="">L'agence</a></li>
<li><a href="../Pg1.html" title="" tabindex="">Les projets</a></li>
<li><a href="../scenographie.html" title="" tabindex="">La scenographie urbaine </a></li>
<li><a href="../contact.html" title="" tabindex="" accesskey="">Contact</a></li>
</ul>
</div>
<!--Début du contenu-->
<div id="contenu">
<h2>&nbsp;</h2>
<p><img src="images/epinay-rossini-2.jpg" alt="epinay" width="512" height="341" /></p>
</div>
<hr class="spacer" />
<!--Début du footer-->
<div id="footer">Copyright &copy; 2006 <a href="http://www.alyzes.com" title="" tabindex="" hreflang="fr">A&amp;P-Design</a> Tous droits reserv&eacute;<br />
Graphisme, Web design, conception et cr&eacute;ation de site Web - A&amp;P-Design.France</div>
</div>
</body>
</html>

Modifié par cubitus (13 Oct 2006 - 21:57)

ghost

2 Oct 2006 à 02:56

Bonjour,

Pour que ta page "apparaisse" sous IE modifie:


<style type="text/css">

<!--/* Supprimer cette ligne -----------------*/

/*Un style universel*/

En respectant ton code,


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">

<head>

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

<title>Je nomme ma page</title>

<style type="text/css">



/*Un style universel*/

* {

margin: 0;

padding: 0;

}

/*Mon corps*/

body {

	color: #fff;

	font-family: Century Gothic;

	font-size: 11px;

	text-align: center;

	background-color: #FFF;

	background-image: url();

}

div#container {

margin: 0 auto;

width: 700px;

background-color: #FE9903;

}

/*Ma tête*/

#header p {

font-size: 1em;

font-weight: bold;

color: #FFF;

text-align: left;

padding: 1em;

}

/* Mon menu*/

div#menu {

float: left;

padding: 5px;

width: 150px;

}

#menu ul {

text-align: left;

}

#menu li {

list-style: none;

line-height: 3em;

}

#menu a {

font-weight: bold;

}

div#sous_menu {
width: 150px;
background-color: #fff;
color: #000;
}

div#commentaire {
width: 512px;
margin: auto;
background-color: #fff;
color: #000;
text_align: center;
}
/*Mon contenu*/

div#contenu {
width: 528px;
overflow: hidden;


}

/*Les liens*/

a:link, a:visited, a:active {

color: #FFF;

text-decoration: none;

}

a:hover {

text-decoration: none;

color: #20A42E;

}

/*les autres bien utiles parfois*/

hr.spacer {

visibility: hidden;

clear: both;

}

</style>

</head>

<body>

<div id="container">

<!--Début de la tête-->

<div id="header">

  <div align="center"><img src="images/logo-vert.gif" alt="logovert" name="logoVert" width="174" height="84" id="logoVert" />

  </div>

  <p>37 rue Bouret<br />

75019 Paris<br />

Tel : 01 40 40 94 10<br />

Fax : 01 40 40 90 54<br />

<a href="mailto:contact@aepaysage.com" title="" tabindex="">contact@aepaysage.com</a></p>

<img src="images/barre.jpg" alt="herbe" width="700" height="20" /></p>

</div>

<!--Début du menu-->

<div id="menu">

  <ul><li><a href="../acceuil.html" title="" tabindex="" accesskey="">Accueil</a></li>

<li><a href="../agence.html" title="" tabindex="">L'agence</a></li>

<li><a href="../Pg1.html" title="" tabindex="">Les projets</a></li>

<li><a href="../scenographie.html" title="" tabindex="">La scenographie urbaine </a></li>

<li><a href="../contact.html" title="" tabindex="" accesskey="">Contact</a></li>

</ul>


<div id="sous_menu">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ut odio. Mauris libero est, consequat eu, tristique non, bibendum a, turpis. Mauris viverra tellus volutpat urna. Donec quis eros. Maecenas lectus enim, consectetuer in, aliquam id, mattis vel, augue. Morbi vitae risus.
</p>

</div> 
</div>

<!--Début du contenu-->

<div id="contenu">

<h2>&nbsp;</h2>

<p><img src="images/epinay-rossini-2.jpg" alt="epinay" width="512" height="341" /></p>
<div id="commentaire">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ut odio. 
</p>
</div>
</div>

<hr class="spacer" />
<!--Début du footer-->

<div id="footer">Copyright &copy; 2006 <a href="http://www.alyzes.com" title="" tabindex="" hreflang="fr">A&amp;P-Design</a> Tous droits reserv&eacute;<br />

Graphisme, Web design, conception et cr&eacute;ation de site Web - A&amp;P-Design.France</div>

</div>

</body>

</html>

Si tu veux quelques explications ... se sera pour demain, là je vais faire dormir les yeux.
Modifié par ghost (02 Oct 2006 - 03:32)

cubitus

3 Oct 2006 à 17:33

bonjour merci j'espère que tu as bien dormi ? alors maintenant si par exemple je voudrais mettre un petit défilement de photo tout bête overflow dans mon div sous menu comment je fais ? j'ai mis au point un petit code pour cela mais je le place comment ? il faut que je change dans mon style j'ai essayé mais cela m'envoie toutmon contenu dans le scroll ?j'ai mis mon code de défilement en rouge à la fin encore merci de regarder ce qu'il m'est possible de faire

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">

<head>

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

<title>acceuil</title>

<style type="text/css">



/*Un style universel*/

* {

margin: 0;

padding: 0;

}

/*Mon corps*/

body {

	color: #fff;

	font-family: Century Gothic;

	font-size: 11px;

	text-align: center;

	background-color: #FFF;

	background-image: url();

}

div#container {

margin: 0 auto;

width: 700px;

background-color: #FE9903;

}

/*Ma tête*/

#header p {

font-size: 1em;

font-weight: bold;

color: #FFF;

text-align: left;

padding: 1em;

}

/* Mon menu*/

div#menu {

float: left;

padding: 5px;

width: 150px;

}

#menu ul {

text-align: left;

}

#menu li {

list-style: none;

line-height: 3em;

}

#menu a {

font-weight: bold;

}

div#sous_menu {
width: 150px;
background-color: #fff;
color: #000;
}

div#commentaire {
width: 512px;
margin: auto;
background-color: #fff;
color: #000;
text_align: center;
}
/*Mon contenu*/

div#contenu {
width: 528px;
overflow: hidden;


}

/*Les liens*/

a:link, a:visited, a:active {

color: #FFF;

text-decoration: none;

}

a:hover {

text-decoration: none;

color: #20A42E;

}

/*les autres bien utiles parfois*/

hr.spacer {

visibility: hidden;

clear: both;

}

</style>

</head>

<body>

<div id="container">

<!--Début de la tête-->

<div id="header">

  <div align="center"><img src="images/logo-vert.gif" alt="logovert" name="logoVert" width="174" height="84" id="logoVert" />

  </div>

  <p>37 rue Bouret<br />

75019 Paris<br />

Tel : 01 40 40 94 10<br />

Fax : 01 40 40 90 54<br />

<a href="mailto:contact@aepaysage.com" title="" tabindex="">contact@aepaysage.com</a></p>

<img src="images/barre.jpg" alt="herbe" width="700" height="20" /></p>

</div>

<!--Début du menu-->

<div id="menu">

  <ul><li><a href="../acceuil.html" title="" tabindex="" accesskey="">Accueil</a></li>

<li><a href="../agence.html" title="" tabindex="">L'agence</a></li>

<li><a href="../Pg1.html" title="" tabindex="">Les projets</a></li>

<li><a href="../scenographie.html" title="" tabindex="">La scenographie urbaine </a></li>

<li><a href="../contact.html" title="" tabindex="" accesskey="">Contact</a></li>

</ul>


<div id="sous_menu">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ut odio. Mauris libero est, consequat eu, tristique non, bibendum a, turpis. Mauris viverra tellus volutpat urna. Donec quis eros. Maecenas lectus enim, consectetuer in, aliquam id, mattis vel, augue. Morbi vitae risus.
</p>

</div> 
</div>

<!--Début du contenu-->

<div id="contenu">

<h2>&nbsp;</h2>

<p>Votre texte d'aceuil G&eacute;n&eacute;ralement, on utilise un texte en faux <a title="Latin" href="/wiki/Latin">latin</a> (le texte ne veut rien dire, il a &eacute;t&eacute; modifi&eacute;), le <em>Lorem ipsum</em> ou <em>Lipsum</em> qui permet donc de faire office de texte   d'attente. L'avantage de le mettre en latin, c'est que l'op&eacute;rateur sait au   premier coup d'&oelig;il que la page contenant ces lignes n'est pas valide, mais   surtout que l'attention du client n'est pas d&eacute;rang&eacute;e par le contenu et qu'il   demeure concentr&eacute; seulement sur l'aspect graphique.</p>
<div id="commentaire">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ut odio. 
</p>
</div>
</div>

<hr class="spacer" />
<!--Début du footer-->

<div id="footer">Copyright &copy; 2006 <a href="http://www.alyzes.com" title="" tabindex="" hreflang="fr">A&amp;P-Design</a> Tous droits reserv&eacute;<br />

Graphisme, Web design, conception et cr&eacute;ation de site Web - A&amp;P-Design.France</div>

</div>

</body>

</html>

[#red]<title>défilement photo</title>
<style type="text/css">
<!--
div.photo{ 
	overflow :auto;
	left:452px;
	width:150px;
	height:100px;
}
-->
</style>
</head>

<body>
<div id="Layer2"><div class ="photo"><td height="30" width = "40"><div align="center">
  	<img src=images/agence.gif alt ="photo1" width="80" height="90"/>
      <img src=images/agence.gif alt ="photo1" width="80" height="90"/>
      <img src=images/agence.gif alt ="photo2" width="80" height="90"/>
      <img src=images/agence.gif alt ="photo1" width="80" height="90"/>

</div>

</body>
</html>

Modifié par cubitus (03 Oct 2006 - 17:51)

dominique

3 Oct 2006 à 17:37

Bonjour cubitus Smiley smile

oupssss ! Tu as oublié de placer ton code dans les balises "code", ce qui rend ton message très peu lisible... Tu peux facilement corriger ça en cliquant sur le bouton "Edité" du message concerné Smiley cligne

Merci d'avance Smiley smile

Modifié par dominique (03 Oct 2006 - 17:38)

ghost

4 Oct 2006 à 01:24

Bonjour,

Sacré cubitus !!
Si ça continue, il faudra mettre un copyright forum alsacreations sur ton site !!
Bon, first ton bout de code et ni fait, ni à faire... Alors à mon avis pour le html, cherches au moins où placer:


<div class ="photo">
      <img src="image1.gif" alt ="photo1" />
      <img src="image2.gif" alt ="photo2" />
      <img src="image3.gif" alt ="photo3" />
      <img src="image4.gif" alt ="photo4" />
</div>

Et surtout pourquoi ton code d'origine est faux (mal copié quoi !)
Ensuite pour le css, quelque chose de comme ça:


.photo{ 
overflow :auto;
width:150px;
height:100px;
}

.photo img{ 
margin-top: 4px;
width: 80px;
height: 90px;
}

A toi de bosser... un peu

cubitus

4 Oct 2006 à 09:14

Bonjour ! merci gost mais c'est en forgeant qu'on devient forgeron ? n'est ce pas dit le proverbe alors oui je bosse bosse mais quand mes yeux à force de structer ne trouve pas de solution surtout tard dans la nuit Smiley decu

il faut bien que je demande, parfois des yeux neufs voient tout suite ce qui cloche alors que cela fait des heures que j'essaye ! j'y retourne d'ailleurs ! Smiley confused

Sujet clos

Questions générales et questions de débutants

[résolu]Prob dans IE