Le cadre de mon site n'est pas stable

Résolu
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention   -  
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,

Je voudrais savoir comment faire pour evité que mon tableau principale de mon site s'agrandi et retrécie en fonction de ce que contienne les pages?

Merci de votre aide
A voir également:

16 réponses

Mikey_UFC Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   1
 
Salut,

=> CSS et tu fixes une taille : width: 80% ( ou en px ) par exemple.
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
si a mon css je met sa
.taille {
width : 80%
}

Ensuite le class="taille"

je doi le metre dans le div ? de ma page index qui declare le div de la bannier et le div de la zone d'affichage ?
et 80% sa prend donc 80% de la totalité de mon ecran ? c'est bien sa lol
-1
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention   > NookZ Messages postés 2138 Date d'inscription   Statut Membre Dernière intervention  
 
Oui c'est ce que j'ai fait

.principal {
width = 80%;
height = 80% ;
}


ma page index :

<html>
<head>
<title>bienvenue</title>

</head>
<body>

<center>

<br><br><br>
<div><table align="center" border="10" CELLSPACING=0 CELLPADDING=0>
<tr><td> 
      <div class="entrer" class="principal"> 
   
    
     <?php
	 include "entrer.php";
	 ?>
    </div>     

    




</td></tr>
</table>

</center>

</body>
</html>
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention   > s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
peut etre j'ai pa mis au bon endroit !!
???
0
NookZ Messages postés 2138 Date d'inscription   Statut Membre Dernière intervention   514 > s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
<div class="principal"><table align="center" border="10" CELLSPACING=0 CELLPADDING=0>

j'aurais plutôt mis ça personnellement
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention   > NookZ Messages postés 2138 Date d'inscription   Statut Membre Dernière intervention  
 
Non sa marche toujour pas rien ne change :-(((
0
Mikey_UFC Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   1
 
Mets la classe à ton tableau.
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
je les aussi mi dans table sa ne fonctionne toujour pas en fonction de ce que contienne les page le tableau principal s'agrandi
0
NookZ Messages postés 2138 Date d'inscription   Statut Membre Dernière intervention   514 > s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
ah il me semble que j'ai déjà eu le problème

[état de réflexion et de recherche de code]

Bon ben j'ai retrouvé le code, la seule différence c'est que j'avais mis en px et pas en %, mais je doute que ça change quoi que ce soit :s
Enfin vous pouvez tenter au point où on en est!
0
Mikey_UFC Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   1
 
Autant pour moi, je n'avais vu le 1er div. Il faut que tu fixe la taille de ton premier élément.
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
c est a dire de mon premier element ?

<html>
<head>
<title>Cristal <title>

</head>
<body>

<center>

<br><br><br>
<div class="principal"><table class="principal" align="center" border="10" CELLSPACING=0 CELLPADDING=0>
<tr><td> 
      <div class="entrer"> 
   
    
     <?php
	 include "entrer.php";
	 ?>
    </div>     

</td></tr>
</table>
</div>
</center>

</body>
</html>
0
NookZ Messages postés 2138 Date d'inscription   Statut Membre Dernière intervention   514 > s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
c'est déjà fait.
Par contre évite de mettre aux deux (div + table)
Essaie en px comme je t'ai proposé, c'est peut-être un problème par rapport à la taille de ta page
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention   > NookZ Messages postés 2138 Date d'inscription   Statut Membre Dernière intervention  
 
oui je le met ou ou div ou au table ? il y a 2 div aussi !!
la taille je la met en px ? c 'est a dire au lieu de 80 % Je met 80px ?
0
Mikey_UFC Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   1
 
oui comme ça, en mettant la classe dans le div qui est juste avant le tableau.

Ca ne marche pas là ? ?
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
non malheuresement sa change rien !!! :s
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Mikey_UFC Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   1
 
ajoute un width:100% dans ton tableau et ton 2ème div maintenant.
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
J 'ai mi un width 100% dans mon tableau rien ne change et mon 2eme div j'ai pas compris ce que je dois faire ?

Enfette la page index envoi a un petit cadre de d'authentification sa je ne veux pas le changé des qu'on s'est authentifier la redirection se fais sur mon site c'est la ou ou la taille n'est pas stable.
0
Mikey_UFC Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   1
 
mets aussi width 100% dans ton div
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
Non toujour pas de changement !!!!
Merci de votre aide!
0
Mikey_UFC Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   1
 
c'est que ça ne vient pas de cette page alors.
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
Ouiii
je te montre ma page principal.php qui reli tous les lien de mon site.

<?php require_once('connexion.php');?>
<link href="styles.css" rel="stylesheet" type="text/css">
<table class="principal" align="center" width=800 cellspacing="0" cellpadding="0" border="10">
<td " valign="top" width="200">
<table class="principal">
<tr ><td width="150" height="50" border="5" ROWSPAN="3"></td>

              <td><a href="?page=1">Accueil</a>&nbsp;&nbsp;</td>
			  <td><a href="?page=2">Nouveau&nbsp;ticket</a>&nbsp;&nbsp;</td>
			  <td><a href="?page=4">Les&nbsp;tickets</a>&nbsp;</td>
			  <td><a href="?page=9">Rechercher&nbsp;un&nbsp;ticket</a>&nbsp;&nbsp;</td>
			  <td><a href="?page=23">Administration</a>&nbsp;&nbsp;</td>
			  
</td></tr>
</table>


<tr><td valign="top" width="880"height="600">

<?php	


if (isset($_GET["page"]))  { $page = $_GET["page"];
} else { $page=0;
}

switch ($page) {
        case 1 : include ("pages/Accueil.php") ; break ;
		case 2 : include ("pages/NouveauTicket.php"); break ;
		case 3 : include ("pages/MiseAjourTicket.php"); break ;
		case 4 : include ("pages/LesTickets.php"); break ;
		case 5 : include ("pages/Modification.php");break ;
		case 6 : include ("pages/NouveauClient.php"); break ;
		case 7 : include ("pages/ModificationClient.php");break;
		case 8 : include ("pages/GestionUtilisateur.php");break;
		case 9 : include ("pages/RechercherTicket.php"); break ;
		case 10: include ("pages/Configuration.php") ; break ;
		case 11: include ("pages/message.php"); break ;
		case 12: include ("pages/AjouterClientbdd.php"); break ;
		case 13: include ("pages/MiseAjourClient.php"); break ;
		case 14: include ("pages/NouvelleIntervention.php"); break ;
		case 15: include ("pages/Intervention.php"); break ;
		case 16: include ("pages/ModifIntervention.php"); break ;
		case 17: include ("pages/MiseAjourIntervention.php"); break ;
		case 18: include ("pages/NouveauInterlocuteur.php"); break ;
		case 19: include ("pages/Interlocuteur.php"); break ;
		case 20: include ("pages/ModifInterlocuteur.php"); break ;
		case 21: include ("pages/MiseAjourInterlocuteur.php"); break;
		case 22: include ("pages/GestionUtilisateur.php"); break;
		case 23: include ("pages/Administration.php"); break;
		
		
		default: include ("pages/Accueil.php"); break ;
   		  
}
?>

</td></tr>
</table>           
               
0
Mikey_UFC Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   1
 
Normalement, on précise l'unité pour les tailles ( px ou em ).

Après, pour ce qui est de la taille, tout dépend des conteneurs que tu as dans chaque page.
Si tu mets 100% de base pour tes divs et ton tableau, ça devrait marcher normalement.
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
oui ba je sais pas sa fonctionne pas!! :S

Autre question; a tu deja realisé un moteur de recherche sur plusieur champ ?
0
Mikey_UFC Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   1
 
En rajoutant ça dans ton css, ça ne marche toujours pas ?
div {width: 100%;}
table {width: 100%;}


Dans ce cas, tu peux essayer de rajouter ça, comme ça tu verras d'où vient le problème :
div {width: 100%;border: solid #FF0000 1px;}
table {width: 100%;border: solid #FF0000 1px;}


C'est à dire sur plusieurs champs ?
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
Alors mon css a l'air de fonctionné maintenan mais c'est juste un probleme d'ascenceur sur la largeur la barre el se fait au niveau de ma la page internet explorer pas au niveau de la page de mon site c'est pour sa que cette page ne reste pas stable je pensse que si j'arrive a metre la barre au niveau de ma page tous rentrera dans l'ordre.

Mais est il possible de faire sa ?



Pour le moteur de recherche

sur plusieur champ c'est a dire via un tableau avec des liste déroulante on :

saisie le numero ticket on peux cliqué le numero ticket sa trouve le ticket avec ce numero sinon on clique sur nom du client qui a pour statu sa tel date a tel date par exemple et sa nous fait la requete automatiquement.et sa nous ressort une page avec les ticket correspondant a notre recherche
0
Mikey_UFC Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   1
 
Pour l'ascenseur (barre de défilement), regarde du côté d'overflow (overflow:scroll) en css dans ton conteneur.

Pour le moteur de recherche, c'est pas un peu ce qu'il y avait déjà sur la page d'hier ( en prticulier la modification que j'ai fairte sur les requêtes ). Après tout dépend du fonctionnement voulu, si on veut que tous les critères soit remplis ou non.
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
L'ascenseur tu peur m'expliquer si ta de derange pas ce que tu ma di sa me parle pas loool dsl !!


pour le moteur de recherche on va testé une premiere chose voila j'ai dans ma table ticket tous les ticket enregistre
si on fai un input type texte la personne tape le numero du ticket ensuite on clique sur recherche sa nous affiche en dessous le ticket recherche sur un seul champ non enfin 2 mais car la table ticket est determiné par 2 clé primaire son indexticket et son numeroticket.

Sa doit pas etre dur nan ? qu'est ce que t'en pensse ?
0
Mikey_UFC Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   1
 
non ça ne doit pas être dur.

Pour la barre de défilement, tu ajoutes dans ton css, dans la classe de l'élément dans lequel tu veux ta barre : overflow:scroll; ou ce qui te convient le mieux : https://www.zonecss.fr/proprietes-css/overflow-css.html
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
tu sur ma page des lien la suivante comment je peux faire pour centrer mes lien au milieu car la il sont tout a gauche : j'ai testé des center mais iren ne marche !!

<?php require_once('connexion.php');?>
<link href="styles.css" rel="stylesheet" type="text/css">
<table class="principal" align="center" width=800 cellspacing="0" cellpadding="0" border="10">
<td " valign="top" width="200">
<table class="principal" align="center">
<tr ><td width="150" height="50" border="5" ROWSPAN="3"></td>

              <td><a href="?page=1">Accueil</a>&nbsp;&nbsp;</td>
			  <td><a href="?page=2">Nouveau&nbsp;ticket</a>&nbsp;&nbsp;</td>
			  <td><a href="?page=4">Les&nbsp;tickets</a>&nbsp;</td>
			  <td><a href="?page=9">Rechercher&nbsp;un&nbsp;ticket</a>&nbsp;&nbsp;</td>
			  <td><a href="?page=23">Administration</a>&nbsp;&nbsp;</td>
			  
</td></tr>
</table>


<tr><td valign="top" width="880"height="600">

<?php	


if (isset($_GET["page"]))  { $page = $_GET["page"];
} else { $page=0;
}

switch ($page) {
        case 1 : include ("pages/Accueil.php") ; break ;
		case 2 : include ("pages/NouveauTicket.php"); break ;
		case 3 : include ("pages/MiseAjourTicket.php"); break ;
		case 4 : include ("pages/LesTickets.php"); break ;
		case 5 : include ("pages/Modification.php");break ;
		case 6 : include ("pages/NouveauClient.php"); break ;
		case 7 : include ("pages/ModificationClient.php");break;
		case 8 : include ("pages/GestionUtilisateur.php");break;
		case 9 : include ("pages/RechercherTicket.php"); break ;
		case 10: include ("pages/Configuration.php") ; break ;
		case 11: include ("pages/message.php"); break ;
		case 12: include ("pages/AjouterClientbdd.php"); break ;
		case 13: include ("pages/MiseAjourClient.php"); break ;
		case 14: include ("pages/NouvelleIntervention.php"); break ;
		case 15: include ("pages/Intervention.php"); break ;
		case 16: include ("pages/ModifIntervention.php"); break ;
		case 17: include ("pages/MiseAjourIntervention.php"); break ;
		case 18: include ("pages/NouveauInterlocuteur.php"); break ;
		case 19: include ("pages/Interlocuteur.php"); break ;
		case 20: include ("pages/ModifInterlocuteur.php"); break ;
		case 21: include ("pages/MiseAjourInterlocuteur.php"); break;
		case 22: include ("pages/GestionUtilisateur.php"); break;
		case 23: include ("pages/Administration.php"); break;
		
		
		default: include ("pages/Accueil.php"); break ;
   		  
}
?>

</td></tr>
</table>           
               
0
Mikey_UFC Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   1
 
J'ai déjà du te le dire mais c'est mieux de mettre le style dans un CSS.
align="center" ça ne marche pas ?
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
Non Non sa ne marche pas c pour sa je demande c bisar j'arrive pas les centrer!
0
Mikey_UFC Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   1
 
Difficile à dire sans voir la feuille de style.
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
feuille de style :

}
body {
scrollbar-arrow-color: red;
background:url("images/fond.JPG");
}

}
body a{
color: #0099CC;
text-decoration: none;
font-weight: bold;
}
body a:hover{
text-decoration: underline;
}
.erreur {
font-size: 10px;
color: #FF0000;
font-weight: bold;
}
.reussite {
font-size: 10px;
font-weight: bold;
color: #669900;
}
.donnee {
font-weight: bold;
color: #FF9900;
font-size: 12px;
}
.titre {
font-size: 16px;
font-weight: bold;
color: #FF6600;
text-align: center;
}
.tableaux {
font-size: 10px;
border: 1px dotted #000000;
background-color: #eeeeee;
}

.bouton{
background:url(images/rechercher.jpg);
}

.principal {
width = 90%;
height = 90% ;
}
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
salut,

body{
width:90%;
margin:0 auto;
}
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
salu

ce que tu ma donné qu'est ce que sa apporte de plus ?

merci
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922 > s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
qu'est ce que sa apporte de plus ?
ça devrait donner une largeur de 90% à ton contenu et le centrer.
0
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention   > Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention  
 
peut m'aider a trouvé ce qui fait coloré mes lien bleu dans mon css et dans ce bloque stp !

<?php require_once('connexion.php');?>
<link href="styles.css" rel="stylesheet" type="text/css">
<table class="principal" align="center" width="800" cellspacing="0" cellpadding="0" border="0">
<td valign="top" width="200">
<table align="center">
<tr><td width="150" height="50" border="5" ROWSPAN="3"></td>

              <td><a href="?page=1">Accueil</a>&nbsp;&nbsp;</td>
			  <td><a href="?page=2">Nouveau&nbsp;ticket</a>&nbsp;&nbsp;</td>
			  <td><a href="?page=4">Les&nbsp;tickets</a>&nbsp;</td>
			  <td><a href="?page=9">Rechercher&nbsp;un&nbsp;ticket</a>&nbsp;&nbsp;</td>
			  <td><a href="?page=23">Administration</a>&nbsp;&nbsp;</td>
			  
</td></tr>
</table>


et voici mon css :
body { 
  scrollbar-arrow-color: red;
  background:url("images/zen.jpg");
  width:90%;
  margin:0 auto;
 
}
                   
}
body a{
	color: #0099CC;
	text-decoration: none;
	font-weight: bold;
}
body a:hover{
	text-decoration: underline;
}
.erreur {
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
}
.reussite {
	font-size: 10px;
	font-weight: bold;
	color: #669900;
}
.donnee {
	font-weight: bold;
	color: #FF9900;
	font-size: 12px;
}
.titre {
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
	text-align: center;
}
.tableaux {
	font-size: 10px;
	border: 1px dotted #000000;
	background-color
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
regarde .
0
NookZ Messages postés 2138 Date d'inscription   Statut Membre Dernière intervention   514
 
on dit "s'agrandisse" et "rétrécisse"

Sinon un div en position absolute avec une taille fixée (width et height) devrait faire l'affaire.
-1
s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
ok merci c'est dans quelle page que je dois faire sa ?
dans mon index ou j'ai departagé la bannier et le la zone d'affichage ?
0
NookZ Messages postés 2138 Date d'inscription   Statut Membre Dernière intervention   514 > s_sniper Messages postés 210 Date d'inscription   Statut Membre Dernière intervention  
 
Et bien à l'endroit où vous créer ce que vous appeler votre tableau principal. Si c'est en effet un tableau. Vous placez un <div class="principal">
</div> de part et d'autre de la <table></table>

puis vous modifiez votre fichier CSS en mettant
.principal {
width = ;
height = ;
}

avec vos valeurs
0