TourDeJeu, le réseau des jeux en ligne alternatifs : jeux web multijoueurs, jeux par forum. En savoir +

Flux RSS des discussions du forum : pour les joueurs, et pour les créateurs et MJ
  Reply to this topicStart new topicStart Poll

> Css Ou Html4?
gorgu
Ecrit le : Dimanche 03 Avril 2005 à 20h25
Quote Post


Ouf
*

Groupe : Membre
Messages : 417


j'ai tenté de me motiver pour transformer mes pages en xhtml...

mais... c'est un galére sans nom au niveau des tableaux

je n'ai pas trouvé de moyen de definir de hauteur pour les iframes et les tableaux.

l'un d'entre vous aurait il croisé un forum en xhtml?


--------------------
enfin je crois ...
Adept JDR
PMEmail PosterUsers Website
Top
LoK
Ecrit le : Mercredi 20 Avril 2005 à 13h39
Quote Post


Ouf
*

Groupe : Membre
Messages : 210


Salut,

Je ne sait pas pourquoi tu utilises les iframe mais c'est pas ce qu'il y a de mieux à utiliser pour le développement d'un site.
Dis moi ce que tu fais avec tes iframe et je te dirais si il existe un équivalent en CSS.

Pour tes question sur le CSS, ca sur ce site.

++
PMEmail PosterUsers Website
Top
Nonothehobbit
Ecrit le : Mercredi 20 Avril 2005 à 14h38
Quote Post


Alien
*

Groupe : Moderateurs
Messages : 1298


Moi je n'ai pas compris ton problème. Pour dimensionner n'importe quel élément (tableau et iframe compris), il suffit de spécifier les attributs css width et height.

Et pour répondre à ta question (même si j'ai pas trop compris son sens), je dirais css ET html4/xhtml. smile.gif


--------------------
user posted image
PMEmail PosterUsers Website
Top
gorgu
Ecrit le : Mercredi 20 Avril 2005 à 15h06
Quote Post


Ouf
*

Groupe : Membre
Messages : 417


je vais tenter d'eclaircir ma question.

xhtml 1.1 ne permets pas la balise height.

donc pour n'avoir que du xhtml et du css, il faut structurer diffêrement mais je ne sais pas encore comment.

pour les iframes, il n'y a pas plus pratique pour faire une interface de jeu propre, compatible, légére et facile à coder.

en html4,i on definit la balise height et tout va bien dans le meilleur des mondes.

mes pages sont actuellement en html4+CSS.

les pages xhtml sont beaucoup beaucoup plus legeres et souples.
je cherchais donc à changer mon code vers du xhtml (valide et tout).

tout sembles bien sauf cette hauteur pour les tableaux et les iframes.

... bon c'est vraiment un point de détail pour gros geek totalement deconnecté wink.gif vous ennuyez pas wink.gif





--------------------
enfin je crois ...
Adept JDR
PMEmail PosterUsers Website
Top
Nonothehobbit
Ecrit le : Mercredi 20 Avril 2005 à 15h31
Quote Post


Alien
*

Groupe : Moderateurs
Messages : 1298


Je parlais d'attributs css.

Donc soit dans une feuille de style :

CODE

#matable (ou .classedematable)
{
   height: truc px|cm|em...;
   width: pareil;
}


Soit directement dans le code : <table style="height: truc px">


--------------------
user posted image
PMEmail PosterUsers Website
Top
LoK
Ecrit le : Mercredi 20 Avril 2005 à 15h31
Quote Post


Ouf
*

Groupe : Membre
Messages : 210


QUOTE
xhtml 1.1 ne permets pas la balise height.


Euh bah si, enfin je crois, tu me fais douter. unsure.gif

Un bout XHTML :

CODE

<div id="cadre"></div>


Le CSS :

CODE

#cadre {
  height: 50px;
  width: 50px;
  margin: 1px solif red;
}


J'ai pas testé mais je pense que ca marceh aussi bien en XHTML4 que en XHTML1.1
PMEmail PosterUsers Website
Top
gorgu
Ecrit le : Mercredi 20 Avril 2005 à 15h55
Quote Post


Ouf
*

Groupe : Membre
Messages : 417


ben oui mais c'est pas du strict ... héhé ok je sort...

en fait ... oui mais comme je suis toujours trés trés claire dans ma toute petite tête...

je pensais à du height=90% ...

desolé...



--------------------
enfin je crois ...
Adept JDR
PMEmail PosterUsers Website
Top
LoK
Ecrit le : Mercredi 20 Avril 2005 à 16h30
Quote Post


Ouf
*

Groupe : Membre
Messages : 210


Je pense que ca marche aussi, je vois pas pourquoi ca ne marcherait pas.
PMEmail PosterUsers Website
Top
Nonothehobbit
Ecrit le : Mercredi 20 Avril 2005 à 17h12
Quote Post


Alien
*

Groupe : Moderateurs
Messages : 1298


height: taille unité;

Sachant que l'unité peut être px, em, cm, % (autres ?). Mate un peu la doc du w3c, tu auras toutes les spécifs.

(allez je suis gentil ^^ : http://www.w3.org/TR/REC-CSS2/syndata.html#value-def-length)


--------------------
user posted image
PMEmail PosterUsers Website
Top
gorgu
Ecrit le : Mercredi 20 Avril 2005 à 17h20
Quote Post


Ouf
*

Groupe : Membre
Messages : 417


vi ben justement... cela marche pas wink.gif

... pas bien grave smile.gif


--------------------
enfin je crois ...
Adept JDR
PMEmail PosterUsers Website
Top
Vapula
Ecrit le : Jeudi 21 Avril 2005 à 18h55
Quote Post


Pro
*

Groupe : Membre
Messages : 76


Malheureusement, les normes du W3C c'est très joli, ça décrit un beau monde fleuri où tout serait parfait, mais aucun navigateur à ce jour n'est 100% compatible avec, au hasard, la norme CSS 2.

Le coup de la hauteur d'un div en % en est un bon exemple : voui, ça ne fonctionne pas. La solution ? Tout dépend de ta mise en page, mais cela passe forcément par une reformulation de cette mise en page.

Allez, je continue dans les liens (j'aime bien les liens) : Alsacréations.

Et si tu souhaites faire du XHTML, tu peux aussi aller regarder là : Openweb. On y parle pas mal du XHTML, notamment du "Doctype Switching" qui permet de faire passer tous les navigateurs en boxmodel "standard", y compris IE6 qui est un fieffé coquin.


--------------------
Vapula
PM
Top
Nonothehobbit
Ecrit le : Jeudi 21 Avril 2005 à 19h04
Quote Post


Alien
*

Groupe : Moderateurs
Messages : 1298


QUOTE (Vapula @ 21 Apr 2005, 17:55 )
Malheureusement, les normes du W3C c'est très joli, ça décrit un beau monde fleuri où tout serait parfait, mais aucun navigateur à ce jour n'est 100% compatible avec, au hasard, la norme CSS 2.

Peut-être, mais ce n'est pas en les ignorant qu'on règle fait avancer les choses, bien au contraire. Et puis du côté de l'open source, leur credo c'est justement le respect des normes. Et à ce niveau, mozilla s'en sort plutôt très bien. smile.gif


--------------------
user posted image
PMEmail PosterUsers Website
Top
gorgu
Ecrit le : Jeudi 21 Avril 2005 à 23h30
Quote Post


Ouf
*

Groupe : Membre
Messages : 417


merci pour les liens


--------------------
enfin je crois ...
Adept JDR
PMEmail PosterUsers Website
Top
Vapula
Ecrit le : Vendredi 22 Avril 2005 à 08h33
Quote Post


Pro
*

Groupe : Membre
Messages : 76


Nonothehobbit > argh, la discussion au clavier vous joue parfois des tours. Mon message est peut-être apparu comme critique vis-à-vis du W3C. Je cassais plutôt du sucre sur le dos des navigateurs (au hasard : IE) qui ne respectaient que très peu ces normes. Et je bénis l'effort déployé par le W3C pour écrire et faire respecter lesdites normes dans ce fouillis qu'est le développement de pages Web.

[ Pour info, Microsoft fait partie des 361 membres du W3C au 22 avril, IE est le navigateur qui respecte le moins ses normes. Cherchez l'erreur. ]

Je développe personnellement sous Firefox, et une fois qu'une page correspond à ce que je souhaite, je passe sous IE afin de trouver quelles bidouilles utiliser pour qu'elle soit rendue de la même manière. Le passage sous les autres navigateurs pose en général beaucoup moins de problèmes. C'est une technique que beaucoup emploient et qui fait gagner énormément de temps.

[ Allez, pour rigoler : sous IE 6, un accent à la fin d'une ligne de commentaire dans un fichier externe (CSS, JS) bloque net le parser, tout le reste passe à la trappe. C'est dans la norme, ça ? ]

Désolé pour le malentendu.


--------------------
Vapula
PM
Top
Nonothehobbit
Ecrit le : Vendredi 22 Avril 2005 à 13h16
Quote Post


Alien
*

Groupe : Moderateurs
Messages : 1298


Ya pas de mal, on est d'accord. ^^


--------------------
user posted image
PMEmail PosterUsers Website
Top
Sybler
Ecrit le : Jeudi 28 Avril 2005 à 15h02
Quote Post


Ouf
*

Groupe : Membre
Messages : 453


<iframe src="page.php" style="width:100%;height:100%;">Allez downloader un VRAI navigateur!</iframe>

Dans ce genre la...
Je sais que la hauteur pose toujours problème. Je sais pas pourquoi, on dirait que plusieurs navigateur s'entête encore sur le cas.
Mais avant de dire que ca ne fonctionne pas, assure toi que ce dans quoi ton iframe est contenu à une taille bien définit.

c'est à dire, souvent:
body{
width:100%;
height:100%;
}

smile.gif

Je suis tout à fait d'accord que IE c,est une grosse m****. Je dévellope mes site sous FireFox, surtout pour le debuger javascript, mais aussi pour les normes. Ensuite je fais comme toi, je vais voir IE, voir tout ce qui marche pas, et je travaille.

Parlant de IE des des iframes:
Faite ceci:

Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />
<div id="page" style="position:absolute;">
<iframe src="google.ca"></iframe>
<br />
<a href="#" onclick="document.getElementById('page').style.visibility='hidden';">Fermer</a>

Sous firefox, le div se cache, donc le iframe aussi.
Sous IE, les 2 se caches, mais IE n'efface pas iframe... autrement dit, la page garde une trainé du iframe et on doit "sélectionner du texte" pour que l'image résiduelle disparaisse.

Solution bourin pour corriger le bug:
document.getElementById('page').style.height='1px';
document.getElementById('page').style.width='1px';

Ps.: rendre le iframe lui aussi invisible ne règle pas le problème, j'ai essayé.

Ps2.: Je sais pas si l'exemple simplifié poserait problème aussi, disons que sur mon site le contexte est plus complet que 4 lignes, mais en gros c'était le problème.


--------------------
user posted image
PMEmail PosterUsers Website
Top
gorgu
Ecrit le : Jeudi 28 Avril 2005 à 15h29
Quote Post


Ouf
*

Groupe : Membre
Messages : 417


j'ai resolu mon probléme. merci vapula

c'est pas joli joli mais cela fonctionne.

le format XHTML 1.1 ne contient pas de balise height. exit donc une partie des mises en page.

j'espére qu'ils reviendront sur ce point


--------------------
enfin je crois ...
Adept JDR
PMEmail PosterUsers Website
Top
gorgu
Ecrit le : Lundi 02 Mai 2005 à 04h40
Quote Post


Ouf
*

Groupe : Membre
Messages : 417


en fait y a même pas d'iframe du tout lol


--------------------
enfin je crois ...
Adept JDR
PMEmail PosterUsers Website
Top
« Sujets + anciens | Design et graphismes | Sujets + récents »

Reply to this topicStart new topicStart Poll