[ Resolu] Pb affichage calque
Pb affichage calque [ Resolu] - HTML/CSS - Programmation
Marsh Posté le 14-11-2004 à 01:08:04
salut,
pour I.E: text-align:center; pour le <body.
pour les autres: margin:0px auto; pour le <div.
(si position: relative plutôt qu'absolute.)
++
L.
Marsh Posté le 14-11-2004 à 01:34:43
| Leris a écrit : salut, |
Merci mais en fait il s'agit d'un tableau que j'affiche (avec dedans des chiffres) il est destiné exclusivement a IE6.
Marsh Posté le 14-11-2004 à 01:38:43
| guiaero a écrit : Merci mais en fait il s'agit d'un tableau que j'affiche (avec dedans des chiffres) il est destiné exclusivement a IE6. |
Voci le code :
<style type="text/css">
<!-- #Pos3 {position: absolute;
margin-left: 241px;
top: 280px;
visibility: hidden;}//-->
</style>
Marsh Posté le 14-11-2004 à 02:34:48
| Citation : J'ai un calque qui s'affiche bien au milieu de l'ecran ... mon calque n'est plus au milieu de l'ecran ... |
| Citation : Merci mais en fait il s'agit d'un tableau |
Quand on pose une question, on la pose avec le plus de precisions possible pour que la réponse soit elle aussi precise !
et on en change pas le contenu apres avoir reçu une réponse !
L.
Marsh Posté le 14-11-2004 à 11:05:04
Leris a écrit :
|
Desole mais ma question etait precise, je voulai juste preciser que mon calque est tableau Html et que je met dedans du texte. Et le calque etait destiné uniquement a IE6 Donc :
text-align:center ne marche que pour le texte. Et puis ta reponse :
pour I.E: text-align:center; pour le <body.
pour les autres: margin:0px auto; pour le <div.
(si position: relative plutôt qu'absolute.)
n'est pas tres ... claire en tout cas pour moi.
Merci
Message édité par guiaero le 14-11-2004 à 11:06:13
Marsh Posté le 14-11-2004 à 12:07:45
| guiaero a écrit : Desole mais ma question etait precise, je voulai juste preciser que mon calque est tableau Html et que je met dedans du texte. |
Un calque ca n'a rien à voir avec un tableau, donc ta question n'avait rien de précise ![[:itm]](https://forum-images.hardware.fr/images/perso/itm.gif "[:itm]")
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Marsh Posté le 14-11-2004 à 13:39:33
| Masklinn a écrit : Un calque ca n'a rien à voir avec un tableau, donc ta question n'avait rien de précise |
Au contraire si. En fait je vois que tu ne connais rien aux calques. Bien sur qu'on peut faire afficher/cacher un tableau html.
Essaye ça et tu verra !
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
</head>
<style type="text/css">
<!-- #montableau {position: absolute;
margin-left: 241px;
top: 280px;
visibility: hidden;}//-->
</style>
<body>
<div id="montableau">
<script language="javascript">
function AfficheTbleau(decision) {
document.getElementById("montableau" ).style.visibility=decision;
var strDivHtml = "";
strDivHtml += "<div align=center>";
strDivHtml += "<table border=1 width=500 id=table1>";
strDivHtml += "<tr>";
strDivHtml += "<td align=center width=500>Texte 1 </td>";
strDivHtml += "<td align=center width=500>Texte 2</td>";
strDivHtml += "<td align=center width=500>Texte 3</td>";
strDivHtml += "<td align=center width=500>Texte 4</td>";
strDivHtml += "<td align=center width=500>Texte 5</td>";
strDivHtml += "</tr>";
strDivHtml += "<tr>";
strDivHtml += "<td align=center width=500>Texte 6</td>";
strDivHtml += "<td align=center width=500>Texte 7</td>";
strDivHtml += "<td align=center width=500>Texte 8</td>";
strDivHtml += "<td align=center width=500>Texte 9</td>";
strDivHtml += "<td align=center width=500>Texte 10</td>";
strDivHtml += "</tr>";
strDivHtml += "</table>";
strDivHtml += "</div>";
document.all.montableau.innerHTML = strDivHtml; }
</script>
</div>
<a href="javascript:AfficheTbleau('visible')">Affiche mon Tableau</a>
<br>
<a href="javascript:AfficheTbleau('hidden')">Cache mon Tableau</a>
</br>
</body>
</html>
A +
Message édité par guiaero le 14-11-2004 à 13:40:46
Marsh Posté le 14-11-2004 à 13:54:23
| guiaero a écrit : Au contraire si. En fait je vois que tu ne connais rien aux calques. Bien sur qu'on peut faire afficher/cacher un tableau html. |
Ton tableau est placé dans un calqué 
un tableau n'est pas un calque, sémantiquement parlant
| Citation : Essaye ça et tu verra ! |
Il est kaka ton code html
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Marsh Posté le 14-11-2004 à 14:07:54
| guiaero a écrit : Au contraire si. En fait je vois que tu ne connais rien aux calques. Bien sur qu'on peut faire afficher/cacher un tableau html. |
Décidémment, c'est le défilé des boulets ce week-end, entre l'autre expert et son formulaire traitable uniquement avec javascript et lui qui affiche son tableau avec une fonction à la con. ![[:prodigy]](https://forum-images.hardware.fr/images/perso/prodigy.gif "[:prodigy]")
Marsh Posté le 14-11-2004 à 14:10:12
| Masklinn a écrit : Ton tableau est placé dans un calqué
|
Mais franchement au lieu de chipoter tu ferai mieux de donner les solutions (si du moins tu les connais) aux questions qui sont posés sur ce forum, c'est le but de celui je crois non ?
Marsh Posté le 14-11-2004 à 15:33:28
| guiaero a écrit : |
non monsieur ! pour I.E, text-align:center; centre tous les elements de la page !
evidemment, si l'element est en position:absolute; avec valeurs pour top et left, c'est ça qui l'emporte !
si tu codais pas comme un malade, (afficher/cacher avec document.getElementById(), document.all pour générer le tableau avec innerHTML , (on se demande bien pourquoi ?), tu aurais moins de prob !
alors avant de répondre à Masklinn (qui pourrait sûrement t'en aprendre beaucoup!)
| guiaero a écrit : En fait je vois que tu ne connais rien aux calques. |
lis les tutos sur le html, le javascript et le css, parceque là, tu es loin d'etre au point !
ton tableau n'a aucune raison d'etre, il y a des balises specifiques pour afficher ce genre de chose, mais apparemment, tu ne les connais pas !
L.
Message édité par Leris le 14-11-2004 à 15:36:03
Marsh Posté le 14-11-2004 à 15:44:18
| Leris a écrit : |
C'est la méthode à employer.
Marsh Posté le 14-11-2004 à 16:11:05
| Ayuget a écrit : C'est la méthode à employer. |
Si on ne veut faire que de la visualisation d'informations, les CSS Popups genre comme ca suffisent largement pour afficher/cacher (et évite d'avoir à cacher manuellement, et permet de facilement mettre en place un grand nombre de popups différents aux comportements identiques) 
Enfin bon le sujet c'était pas ca, c'était le centrage
Leris > le text-align n'a même pas besoin d'être sur body, il suffit de le mettre sur le div qui contient le tableau 
(et des margins auto sur le tableau pour le positionner dans les autres navigateurs)
voila, j'ai uploadé la version retouchée, c'est beau comme une menthe à l'eau, c'est centré (en tout cas sur IE6, Fox 1.0 et Opera 7.54), valide HTML 4.01 Transitionnal et CSS.
Par contre ca utilise toujours le JS pabo, pas me faire chier à le refaire ![[:mmmfff]](https://forum-images.hardware.fr/images/perso/mmmfff.gif "[:mmmfff]")
Message édité par masklinn le 14-11-2004 à 16:32:10
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Marsh Posté le 14-11-2004 à 16:20:32
| Masklinn a écrit : Si on ne veut faire que de la visualisation d'informations, les CSS Popups genre comme ca suffisent largement pour afficher/cacher (et évite d'avoir à cacher manuellement, et permet de facilement mettre en place un grand nombre de popups différents aux comportements identiques) |
Yep je connais 
Marsh Posté le 14-11-2004 à 16:43:14
| Ayuget a écrit : C'est la méthode à employer. |
j'attirais juste l'attention sur le "mélange" document.getElementById()/document.all .
L.
Marsh Posté le 14-11-2004 à 16:49:52
| Leris a écrit : j'attirais juste l'attention sur le "mélange" document.getElementById()/document.all . |
![[:figti]](https://forum-images.hardware.fr/images/perso/figti.gif "[:figti]")
modification apportée dans la version modifiée
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Marsh Posté le 14-11-2004 à 17:02:29
| Leris a écrit : j'attirais juste l'attention sur le "mélange" document.getElementById()/document.all . |
Ok merci bcp Masklinn
Desole les gars de m'être laissé emporté. En fait j'ai juste voulu souligner que dans ce forum ci ou ailleurs le principe est le meme. On un un probleme, on poste sa question, celui qui connait la réponse répond et celui qui a posé cette question peut repondre aussi a d'autres questions a condition qu'il a les reponses. Et non pas dire que les gens sont hors sujet at commencer a polemiquer.
Voila mon blem est resolu grace a toi Masklinn. Merci encore
A +
Marsh Posté le 14-11-2004 à 17:15:11
Accessoirement et pour le fun j'ai modifié le CSS popup d'Eric Meyer pour y coller des tableaux 
(par contre j'ai mis des couleurs kaka ![[:atsuko]](https://forum-images.hardware.fr/images/perso/atsuko.gif "[:atsuko]")
)
hop
(et c'est même IE6 compliant )
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Sujets relatifs:
- Enlever le bouton impression sur image RESOLU
- SQL/VBA : probleme avec LIKE et "*" [RESOLU]
- Problème d'affichage sous IE avec :hover
- Centrer un affichage de champ sql
- [résolu]Meta : Identifier-URL
- SQL faire un tri par date [resolu]
- [PHP - PHPMailer] Problème d'envoie de mail [résolu]
- Prob de calque
- [JAVA] Le type Super Classe ne peut être résolu...
- Affichage console en surimpression
Marsh Posté le 14-11-2004 à 00:49:19
Bonsoir,
J'ai un calque qui s'affiche bien au milieu de l'ecran en resolution 1024/768. Seulement quand il est affiché sur un ecran avec une resolution plus grande ou plus petite, mon calque n'est plus au milieu de l'ecran mais plus a gauche.
Ma question SVP est comment lui concerver son emplacement (milieu de l'ecran) quelque soit la resolution de celui ci.
Merci d'avance.
Message édité par guiaero le 14-11-2004 à 17:08:39