Probléme css
autogeek
Messages postés
27
Date d'inscription
Statut
Membre
Dernière intervention
-
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
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>
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:
- Probléme css
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
