18073 sujets

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

Tout part à gauche !!!

Bonjour, je viens de me mettre aux css...
mais quandje redimensionne ma fenetre, les éléments partent se cacher à gauche de l'écran au lien de rester bien sagement en place.
y'a un truc non?
je suis sous mozilla

A+
Merci
Zil...
Administrateur
Salut.

Avec un exemple, ce serait bien plus parlant. Car on a du mal à deviner comment tu as positionné tes éléments Smiley smile
c'est vrai
voici donc mon css


body {
margin: 0;
font-family: verdana, arial, sans-serif; 
font-size: 12px; 
background : repeat-y center url(psd/fond.png) ;
}
.textemenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993333;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993333;
	text-decoration: none;

}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993333;
	text-decoration: underline;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993333;
	text-decoration: underline overline;
}
.pict {
	text-decoration: none;


}

.pict a img {
	margin: 0px;
	display: inline;
	padding: 2px;
	border: 2px solid #FFFFFF;
	background-color: #FFFFFF;


}
.pict a:hover img {
	margin: 0px; 
	display: inline;
	padding: 2px;
	background-color: #CCCCCC;
	border: 2px solid #993333;
	-moz-border-radius: 5px;
}

.haut {
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 89px;
	text-align: center;
}
.menu { 
list-style: none; 
margin-top: 5px;
width: 160px;
margin-left: 10pxa;
border: 1px solid #669933;
background-color: #FFFFFF;
font-size: 100%;
text-align: left;
}


et voici le html

<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>

  <div class="haut"><img src="psd/logo.png" width="330" height="89"><img src="psd/adresse.png" width="137" height="68">
	<div class="menu">
    <table  border="0" cellspacing="0" cellpadding="5">
      <tr>
        <td class="pict"><a href="#"><img src="psd/maison.gif" width="34" height="36" border="0"></a></td>
        <td><a href="#">Réservation</a></td>
  </tr>
  <tr>
        <td  class="pict"><a href="#"><img src="psd/maison.gif" width="34" height="36" border="0"></a></td>
        <td><a href="#">Tarifs</a></td>
  </tr>
  <tr>
        <td  class="pict"><a href="#"><img src="psd/maison.gif" width="34" height="36" border="0"></a></td>
        <td><a href="#">Description</a></td>
  </tr>
</table>

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


bon, y'a encore un tableau mais il devrait disparaitre bientot quand j'aurais trouvé comment faire...


Merci
Zil...
Modifié le 10 Nov 2004 - 15:55
Administrateur
Ouch, merci d'utiliser les boutons Code pour délimiter les codes, ce sera bien plus lisible pour tout le monde.

(tu peux éditer le post)
Moi ce que j'en dit c'est que comme ton div est centré :


.haut {
	background-color: #FFFFFF;
	margin-top: 10px;
	[#red]margin-left: auto;
	margin-right: auto;[/#]
	width: 800px;
	height: 89px;
	text-align: center;
}


Forcément quand tu redimensionne la fenètre il reste... au centre.

Si tu veux figer ta mise en page, utilise une valeur fixe:


.haut {
	background-color: #FFFFFF;
	margin-top: 10px;
	[#red]margin-left: 200px;[/#]
	width: 800px;
	height: 89px;
	text-align: center;
}


Mais bon, c'est quand même mieux quand c'est fluide donc je te déconseille de faire comme ça...
Modifié le 10 Nov 2004 - 16:34
À mon avis, tu dois sortir ton menu de la division du haut.

Tu as : 

<div class="haut"­><img src="" />
 <div class="menu"­>
  <table>
  </table>
 </div>
</div>


Tu devrais avoir : 

<div class="haut"­>
 <img src="" />
</div>
<div class="menu"­>
 <table>
 </table>
</div>

Modifié le 11 Nov 2004 - 20:02
ok,
je m'en suis donc sortis

j'ai séparé les deux div pis j'ai mis pour le div haut ceci et ca marche


.haut {
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-left: 10px;
	height: 89px;
	text-align: center;
}



Merci à tous

Zil...
[Résolu] ?

aide et règles a écrit :

Nous vous invitons à ajouter un tag [Résolu] lorsque la réponse à votre problème a été trouvée.
Sujet clos
Aller à