Menu + banniere qui bouge
autogeek
Messages postés
28
Statut
Membre
-
notobe Messages postés 2222 Statut Membre -
notobe Messages postés 2222 Statut Membre -
Salut, je suis présentement en construction d'un site.
Le blem c'est que j'ai remarquer qu'en redimensionnent la page, la banniere et le menu bougent de gauche a droite, alors le ''container'' en bas, reste fixe, ce qui donne un beau désordre !
Est-t'il possible ou bien d'empêcher le menu et la bannière de se déplacer, ou alors permettre au container de suivre ?
Code :
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-gb">
<meta name="description" content=""
><meta name="keywords" content="">
<link rel="Shortcut Icon" href="/images/S.ico" type="image/x-icon"></head>
<style type="text/css">
td img {display: block;}#Layer1 {
position:absolute;
left:424px;
top:346px;
width:933px;
height:693px;
z-index:1;
}
#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 70px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}
#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url("/bg-bubplastic-h-gray.gif") repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}
#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 70px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}
#navcontainer li#active { background: url("/bg-bubplastic-h-gray.gif") repeat-x 20px; }
#navcontainer a:hover { background: url("/bg-bubplastic.gif") repeat-x 20px; }
#navcontainer{
margin:auto;
width:500px;
}
</style>
<title> Itay </title>
<body bgcolor="#D4E4F2">
<div align="center"><img src="/image3" width="549" height="146" /></div>
</p>
<div width id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu2</a></li>
<li><a href="#">Menu3</a></li>
<li><a href="#">Menu4</a></li>
<li><a href="#">Menu5</a></li>
</ul>
</div>
</ul>
</div>
<div id="container"></div>
<div id="Layer1">
<iframe src="/news.htm" name="main" width="50%" height="50%" frameborder="0" allowtransparency="true"></iframe>
<div id="pied_de_page">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>------------------------------------------------------------------------------------------------------------------------</p>
<p> </p>
</div>
</div>
</div>
</head>
Le blem c'est que j'ai remarquer qu'en redimensionnent la page, la banniere et le menu bougent de gauche a droite, alors le ''container'' en bas, reste fixe, ce qui donne un beau désordre !
Est-t'il possible ou bien d'empêcher le menu et la bannière de se déplacer, ou alors permettre au container de suivre ?
Code :
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-gb">
<meta name="description" content=""
><meta name="keywords" content="">
<link rel="Shortcut Icon" href="/images/S.ico" type="image/x-icon"></head>
<style type="text/css">
td img {display: block;}#Layer1 {
position:absolute;
left:424px;
top:346px;
width:933px;
height:693px;
z-index:1;
}
#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 70px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}
#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url("/bg-bubplastic-h-gray.gif") repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}
#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 70px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}
#navcontainer li#active { background: url("/bg-bubplastic-h-gray.gif") repeat-x 20px; }
#navcontainer a:hover { background: url("/bg-bubplastic.gif") repeat-x 20px; }
#navcontainer{
margin:auto;
width:500px;
}
</style>
<title> Itay </title>
<body bgcolor="#D4E4F2">
<div align="center"><img src="/image3" width="549" height="146" /></div>
</p>
<div width id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu2</a></li>
<li><a href="#">Menu3</a></li>
<li><a href="#">Menu4</a></li>
<li><a href="#">Menu5</a></li>
</ul>
</div>
</ul>
</div>
<div id="container"></div>
<div id="Layer1">
<iframe src="/news.htm" name="main" width="50%" height="50%" frameborder="0" allowtransparency="true"></iframe>
<div id="pied_de_page">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>------------------------------------------------------------------------------------------------------------------------</p>
<p> </p>
</div>
</div>
</div>
</head>
A voir également:
- Menu + banniere qui bouge
- Menu déroulant excel - Guide
- Image en 3d qui bouge - Télécharger - Thèmes & Fonds d'écran
- Canon quick menu - Télécharger - Utilitaires
- La flèche de ma souris ne bouge plus - Forum souris / Touchpad
- Menu caché tv philips hotel - Forum TV & Vidéo
2 réponses
Quelques remarques
* Des balises meta dans body? non, ça va dans head. Idem pour title
* windows-1252 ? mais qu'est c'que c'est qu'ça? M. est pro-microsoft? Utilises donc des formats ouverts!
* Y'a un </p> qui traine au milieu de nulle part
* Iframe? oula...
* Tu peux imbriquer les div, j'aurais fait ça moi
* Des balises meta dans body? non, ça va dans head. Idem pour title
* windows-1252 ? mais qu'est c'que c'est qu'ça? M. est pro-microsoft? Utilises donc des formats ouverts!
* Y'a un </p> qui traine au milieu de nulle part
* Iframe? oula...
* Tu peux imbriquer les div, j'aurais fait ça moi
Pas la peine de poster plusieurs fois le même message ! même si celui-ci est plus poli ;)
Je t'ai déjà dit que du code html dans un head, ça ne peut que poser problème... Je t'ai indiqué aussi de passer ton code au validateur.
Pour info, il est là : http://validator.w3.org/
Je t'ai déjà dit que du code html dans un head, ça ne peut que poser problème... Je t'ai indiqué aussi de passer ton code au validateur.
Pour info, il est là : http://validator.w3.org/
