Bonjour,
Env: (W10/Edge)
Jusqu'à maintenant, j'avais développé et testé mon site web sur mon PC (sous W10/Edge)
sans pbs, tout s'affichait "presque" correctement. (Sauf juste quand je zoomais, des espaces étaient rajoutés à
la fin dernière colonne des tableaux)
mais depuis que la nouvelle version de Edge (Chromium) s'est installée automatiquement..
( sur
mon PC (W10) , je n'ai que des problèmes d'affichage (même à une taille normale 100%) sur mes tableaux HTML/CSS:
-/ (ajout d'espaces entre la dernière colonne et la bordure du tableau )
-/ (décalages des champs formulaire + débordements) ....
J'ai fait également le test sur Chrome et J'ai également les mêmes pbs.
Je vous ai joint que les parties HTML et CSS . (Tableau + formulaire)
( Concernant le form: Peut-être est ce dû au padding que j'ai été obligé de rajouter entre certains champs du formulaire ?
Je ne sais pas trop déjà comment faire pour revenir à un affichage normal avec le new Edge puis ensuite que ce soit compatible avec les autres browser (Chrome,....)
TABLEAU:
=========================================================================================
FORMULAIRE:
Apparement mes lignes ne sont pas colorées comme j'ai à la fois du HTML (au début) puis du CSS et du PHP.., je ne sais pas si j'ai fait une mauvaise ...(désolé pour la lecture pas évidente!)
Merci bcp pour vos conseils car je galère pas mal avec ça !!!!
Modifié par BHR (27 Jul 2020 - 14:25)
Env: (W10/Edge)
Jusqu'à maintenant, j'avais développé et testé mon site web sur mon PC (sous W10/Edge)
sans pbs, tout s'affichait "presque" correctement. (Sauf juste quand je zoomais, des espaces étaient rajoutés à
la fin dernière colonne des tableaux)
mais depuis que la nouvelle version de Edge (Chromium) s'est installée automatiquement..
( sur mon PC (W10) , je n'ai que des problèmes d'affichage (même à une taille normale 100%) sur mes tableaux HTML/CSS:
-/ (ajout d'espaces entre la dernière colonne et la bordure du tableau )
-/ (décalages des champs formulaire + débordements) ....
J'ai fait également le test sur Chrome et J'ai également les mêmes pbs.
Je vous ai joint que les parties HTML et CSS . (Tableau + formulaire)
( Concernant le form: Peut-être est ce dû au padding que j'ai été obligé de rajouter entre certains champs du formulaire ?
Je ne sais pas trop déjà comment faire pour revenir à un affichage normal avec le new Edge puis ensuite que ce soit compatible avec les autres browser (Chrome,....)
TABLEAU:
<!DOCTYPE html>
<HTML>
<head>
<title> Gestion PILOTAGE </title>
<meta charset="utf-8"/>
<script src="jquery-3.4.1.js"></script>
<style>
table.scrolldown {
table-layout:fixed;
width: 65%;
margin-left:270px;
margin-top:100px;
border-collapse: collapse;
border-spacing: 0;
border: 2px solid black;
}
/* To display the block as level element */
table.scrolldown tbody, table.scrolldown thead {
display: block;
}
table.scrolldown thead {
background:lightblue;
}
thead tr th {
height: 40px;
line-height: 40px;
}
table.scrolldown tbody {
/* Set the height of table body */
height: 100px;
/* Set vertical scroll */
overflow-y: scroll;
/* Hide the horizontal scroll */
overflow-x: scroll;
}
/* tbody tr:nth-child(odd){
background-color:beige;
}
*/
tbody td, thead th {
text-align:center;
width : 95px;
border: 2px solid black;
font-size:20px;
}
thead th {
border-right: 2px solid black;
}
td.coltitre {
/* text-align:center; */
min-width : 400px;
max-width: 400px;
border: 2px solid black;
font-size:17px;
}
th.coltitre {
text-align:center;
min-width : 400px;
max-width: 400px;
border: 2px solid black;
font-size:20px;
}
td.debord, div.debord {
/* text-align:center; */
overflow:hidden;
white-space:nowrap;
/* max-width:100px; */
text-overflow:ellipsis;
}
// DONNEES A AFFICHER DS LIGNE DU 1ER TABLEAU
// ----------------------
?>
<tr class="<?php echo $classe; ?>" >
<td id="NumLiv" ><?php echo $donnees['Num']; ?></td>
<td class="coltitre" ><div class="debord"><?php echo $donnees['Titre']; ?></div></td>
<td><?php echo $donnees['Annee']; ?></td>
<td><input type="checkbox" name="suppcheck[]" value="<?php echo $donnees['Num']; ?>" /></td>
<td><input type="radio" name="modifradio[]" value="<?php echo $donnees['Num']; ?>" /></td>
</tr>
=========================================================================================
FORMULAIRE:
<body>
<form class="formulaire" method="post" >
<div>
<fieldset id="field1">
<legend>Livre</legend>
<label for="titreliv">.Titre du Livre :</label>
<input list="ttliv" type="text" id="titreliv" name="Titreliv" size="25" required>
<datalist id="ttliv">
<?php
try
{
// On se connecte ? MySQL
$bdd = new PDO('mysql:host=localhost;dbname=base2;charset=utf8','root','',array
(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
}
catch(Exception $e)
{
// En cas d'erreur on affiche un msg et on arr?te tout
die('Erreur : '.$e->getmessage());
}
$reponse = $bdd->query('SELECT Titre FROM LIV ORDER BY Num');
while ($donnees = $reponse->fetch())
{
?>
<option value="<?php echo $donnees['Titre']; ?>"><?php echo $donnees['Titre']; ?>
</option>
<?php
}
$reponse->closeCursor();
?>
</datalist>
<label for="num" style="padding-left:40px";>.Num : </label><input type="number" id="num" name="Num" size="3" readonly="readonly" >
<br/>
<label for="annee" style="margin-right:3px">.Annee edition : </label>
<input type="number" id="annee" name="Annee" size="4" >
<button id="Valid1" type="submit" name="Valid1" value="OKValid1" style="padding : 10px"> VALIDER1 </button>
<br/> <br/>
</fieldset>
</div>
<div>
<fieldset id="field2" disabled >
<legend>Chapitres</legend>
<label for="titrechap">.Chapitre : </label>
<input type="text" id="titrechap" name="Titrechap" size="50" required>
</br> </br>
<label for="avion" style="padding-right:6px";>.Avion(s) :</label>
<input type="text" id="avion" name="Avion" size="15" required>
<label for="cie" style="margin-left:40px" >.Cie : </label>
<input type="text" id="cie" name="Cie" size="20" >
</br>
<label for="date" style="padding-right:33px";>.Date : </label>
<input type="text" id="date" name="Date" placeholder="JJ-MM-AAAA" size="10" maxlength="10">
<label for="pays" style="padding-left:30px";>.Pays : </label>
<input type="text" id="pays" name="Pays" size="20" >
</br> </br>
<label for="comment">.Comment: </label>
<input type="text" id="comment" name="Comment" size="40" >
</br>
<button id="Valid2" type="submit" name="Valid2" value="OKValid2" style="padding : 10px"> VALIDER2</button>
</br>
</fieldset>
</form>
Apparement mes lignes ne sont pas colorées comme j'ai à la fois du HTML (au début) puis du CSS et du PHP.., je ne sais pas si j'ai fait une mauvaise ...(désolé pour la lecture pas évidente!)
Merci bcp pour vos conseils car je galère pas mal avec ça !!!!
Modifié par BHR (27 Jul 2020 - 14:25)
