Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1737 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML/CSS/JS/PHP] DEBUTANTS / NEWBIES, ce topic est pour vous :)

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML/CSS/JS/PHP] DEBUTANTS / NEWBIES, ce topic est pour vous :)

n°1416440
Hermes le ​Messager
Breton Quiétiste
Posté le 31-07-2006 à 11:40:16  profilanswer
 

Vous ne savez pas différencier le javascript et le java ?
 
Vous ne savez pas faire la différence entre serveur et client, ou du moins vous ignorez les relations qui unissent les deux ?
 
Vous ne savez pas que :
 

Code :
  1. echo '$mavariable';


 
affiche $mavariable et non son contenu ?
 
Vous voulez faire un site de la mort qui tue tout alors que jusqu'à présent vous n'avez fait que des glisser/déposer avec dreamweaver ?
 
Ce topic est pour vous.
 
Promis, on vous tappera pas dessus.  :o


Message édité par Hermes le Messager le 31-07-2006 à 11:47:20
mood
Publicité
Posté le 31-07-2006 à 11:40:16  profilanswer
 

n°1416454
Sh@rdar
Ex-PhPéteur
Posté le 31-07-2006 à 11:48:02  profilanswer
 

ajoutons qu'on a tous débuté un jour, et qu'il n'y a pas de honte à poser une question basique
 
le tout c'est de la poser ici :D


---------------
La musique c'est comme la bouffe, tu te souviens du restaurant dans lequel t'as bien mangé 20 ans plus tôt, mais pas du sandwich d'il y a 5 minutes :o - Plugin pour winamp ©Harkonnen : http://harko.free.fr/soft
n°1416467
phenxdesig​n
Posté le 31-07-2006 à 11:55:39  profilanswer
 

ouais, sinon on utilise du gravier :o

n°1416476
Master p
My new cock ring :D
Posté le 31-07-2006 à 12:03:28  profilanswer
 

Des liens vers les tutos et des cours en premier post [:dawao]

n°1416480
Hermes le ​Messager
Breton Quiétiste
Posté le 31-07-2006 à 12:06:38  profilanswer
 

Master p a écrit :

Des liens vers les tutos et des cours en premier post [:dawao]


 
J'attend vos propositions.  :)  

n°1416484
Master p
My new cock ring :D
Posté le 31-07-2006 à 12:10:24  profilanswer
 
n°1416489
phenxdesig​n
Posté le 31-07-2006 à 12:15:23  profilanswer
 

le départ de tous les noob en web : http://www.siteduzero.com/

n°1416588
uriel
blood pt.2
Posté le 31-07-2006 à 13:49:27  profilanswer
 

un lien comme ça peut etre utile ici: 10 Tips That Every PHP Newbie Should Know (en)
 
et la partie 2: http://www.phpbuilder.com/columns/vaska20050812.php3


Message édité par uriel le 31-07-2006 à 13:53:16

---------------
IVG en france
n°1418739
mIRROR
Chevreuillobolchévik
Posté le 03-08-2006 à 10:12:30  profilanswer
 

bon j en ai marre d etre recalé sur les questions js :cry:
personne aurait une adresse bien avec du js moderne ?

n°1418745
anapajari
s/travail/glanding on hfr/gs;
Posté le 03-08-2006 à 10:14:20  profilanswer
 

doc ou tutoriaux?
la meilleure doc c'est celle de http://developer.mozilla.org/en/do [...] _Reference à mon gout ( mais attention aux incompatitiblités js1.6 avec IE)
Celle du dom au même endroit est pas mal ( http://developer.mozilla.org/en/do [...] _Reference ) mais je lui préfère celle de http://www.laltruiste.com/coursdomxml/sommaire.html ( l'interface est dégueulasse mais je trouve ça mieux trié)
Et un lien a jamais oublié quand on fait du DOM: http://www.easy-reader.net/archive [...] entations/
 
Un super tut sur l'oo en js:
- http://phrogz.net/JS/Classes/OOPinJS.html
- http://phrogz.net/JS/Classes/OOPinJS2.html
- http://phrogz.net/JS/Classes/Exten [...] asses.html
- http://phrogz.net/JS/Classes/Creat [...] tions.html ( là c'est plus de l'oo mais ça sert quand même)
 
Tu peux aussi jeter un oeil a JavaScript Idioms Every Webdev Should Grok très court mais éfficace.
 
Voila après ça dépend de ce que tu sais déjà/veux apprendre/veux faire [:spamafote]
 
 


Message édité par anapajari le 03-08-2006 à 10:21:51
mood
Publicité
Posté le 03-08-2006 à 10:14:20  profilanswer
 

n°1418748
mIRROR
Chevreuillobolchévik
Posté le 03-08-2006 à 10:16:05  profilanswer
 

d abord petit tuto vite fait pour apprendre les bases sainement puis la doc pour apres oui
merci :D

n°1418753
anapajari
s/travail/glanding on hfr/gs;
Posté le 03-08-2006 à 10:22:50  profilanswer
 

j'ai édité parce que j'avais validé sans le vouloir ;)

n°1418768
mIRROR
Chevreuillobolchévik
Posté le 03-08-2006 à 10:44:38  profilanswer
 

bah en fait je sais mais vraiment rien du tout :D
dans un autre post je disais que je comprenais pas une fonction qui commence comme ca
if(document.getElementById)
c est un peu toujours vrai nan ?  
 
justement sur ce lien il fait pareil
http://www.easy-reader.net/archive [...] entations/
 

Citation :

if (document.all) {


 
 [:al zheimer] ca veut dire quoi ?  [:barthaliastoxik]  
 
bref je veux des liens super noobs :P la doc dom sur mozilla a l air bien ^^
 
(y aurait pas moyen de la trouver en zip ?  :whistle: )


Message édité par mIRROR le 03-08-2006 à 11:45:12
n°1418807
gizmo
Posté le 03-08-2006 à 11:44:38  profilanswer
 

http://www.quirksmode.org/ pour un peu tout ce qui est HTML/DOM/CSS/JS

n°1419280
mIRROR
Chevreuillobolchévik
Posté le 03-08-2006 à 22:51:01  profilanswer
 

bon alors patapai vous avez promis :D
http://forum.hardware.fr/hardwaref [...] 4579-1.htm
me suis dit que ca devrait pas etre trop dur de regler le truc a coup de js  
mais ca marche pas [:barthaliastoxik]
 
je decris vite fait le probleme pour ceux qui veulent pas se taper tout le topic
c est un script de wiki et il entoure les images d un <p>
il veut centrer ses images et bon j ai pas reussi a trouver de solution en css
et le truc en php trop compliqué pour moi :P
donc j ai ecrit ca :
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>titre</title>
  5. <script type="text/javascript">
  6. function unNomSerieuxIci() {
  7. var imgGoUp = document.getElementsByTagName("img" );
  8. for(i=0;i<=imgGoUp.length;i++) {
  9.    imgGoUp[i].parentNode.setAttribute("style","text-align:center;" );
  10.       }
  11. }
  12. </script>
  13. </head>
  14.   <body onload="javascript:unNomSerieuxIci()">
  15.   <p><img src="a.gif" />
  16.   <img src="b.gif" /></p>
  17.  
  18. </body>
  19. </html>


 
et ie me saoule parce que parentNode a la valeur nulle ou n est pas un objet [:pingouino]
 
edit: opera voir bien l erreur mais centre quand meme
avec firefox pas d erreur
et ie laisse text-align:left ^^
 
edit2: bon pour l erreur c etait con j avais laissé le <= dans mon test pour un test justement :D
mais le probleme est que ce n est toujours pas centré sur ie ^^
 
 
(bien sur que ma fonction s appelle prout :o )


Message édité par mIRROR le 03-08-2006 à 23:32:11
n°1419425
anapajari
s/travail/glanding on hfr/gs;
Posté le 04-08-2006 à 09:30:13  profilanswer
 

Boulette, carton jaune ;)
 
Tu peux pas setter la propritété style comme ça ( enfin IE le vit très mal, les autres navigateurs ça dépend).
Tu es obligé de passer par un variante:

Code :
  1. tonNoeud.style.taProprietéCss = 'sa valeur';


Tiens un lien avec le tableau des correspondances js/css : http://developpeur.journaldunet.co [...] sion.shtml
 
edit: et puis t'en qu'à faire, autant te mettre à faire ça en pur js ( donc sans balise onload dand ton body)

Code :
  1. <script type="text/javascript">
  2. function unNomSerieuxIci() {
  3.   ...
  4. }
  5. window.onload = unNomSerieuxIci;
  6. </script>


Message édité par anapajari le 04-08-2006 à 09:32:16
n°1419505
mIRROR
Chevreuillobolchévik
Posté le 04-08-2006 à 11:08:51  profilanswer
 

ok bah a la base j avais fait comme ca mais je sentais que le trait d union du text-align etait pas legal
ca marche au poil avec textAlign merci :)
 
sinon j ai lu pas mal hier et j ai compris que les tests "inutiles" c etait pour separer les differents navigateurs
 
et puis en ps j etais jaloux de la console d erreur d opera mais firebug est genial (merci masklinn)
 
ok
je poste juste ce lien
http://msdn.microsoft.com/library/ [...] _entry.asp
parce qu ie a sa propre facon d interpreter le dom ^^


Message édité par mIRROR le 04-08-2006 à 13:05:00
n°1421861
Hermes le ​Messager
Breton Quiétiste
Posté le 07-08-2006 à 20:08:59  profilanswer
 

Un détail : Je suis en vacance jusqu'au 16 Aout et je ne pourrai donc pas m'occuper de ce topic jusque là puisque je ne vais pas avoir internet.
 
A bientôt...

n°1422023
gatsu35
Blablaté par Harko
Posté le 08-08-2006 à 00:12:18  profilanswer
 

sinon mirror :  
if (document.all) test l'existence de l'object document.all
et seul IE win/mac et opera repondent true
if (window.print) seul IE repondra true (je prefere cumuler document.all et window.print en même temps
if (window.opera) seul opera repondra OUI
pour IE Mac ben j'ai po trouvé
sinon si tu vois if (document.getElementById) c'est pour tester si le navigateur supporte cet ijet
bon rentrage maison now

n°1422071
muerty
4 8 15 16 23 42
Posté le 08-08-2006 à 09:09:16  profilanswer
 

just un drapal car il va falloir que je vous consulte..je viens de récupérer le site de mon assoc www.nouaille-1356.org j'ai des idées mais après pour les réaliser..cela sera une autre paire de manche..

n°1422096
Sh@rdar
Ex-PhPéteur
Posté le 08-08-2006 à 10:22:55  profilanswer
 

bon réflexe :jap:


Message édité par Sh@rdar le 08-08-2006 à 10:23:13

---------------
La musique c'est comme la bouffe, tu te souviens du restaurant dans lequel t'as bien mangé 20 ans plus tôt, mais pas du sandwich d'il y a 5 minutes :o - Plugin pour winamp ©Harkonnen : http://harko.free.fr/soft
n°1422180
mIRROR
Chevreuillobolchévik
Posté le 08-08-2006 à 12:07:18  profilanswer
 

gatsu35 a écrit :

sinon mirror :  
if (document.all) test l'existence de l'object document.all
et seul IE win/mac et opera repondent true
if (window.print) seul IE repondra true (je prefere cumuler document.all et window.print en même temps
if (window.opera) seul opera repondra OUI
pour IE Mac ben j'ai po trouvé
sinon si tu vois if (document.getElementById) c'est pour tester si le navigateur supporte cet ijet
bon rentrage maison now


 
 
ok merci pour les precisions :jap:
par contre sur quirks ils disent qu il vaut mieux tester si l objet existe sur le navigateur plutot que de tester le navigateur  
y aurait pas une page qui dit quels objets posent probleme ?

n°1422326
gatsu35
Blablaté par Harko
Posté le 08-08-2006 à 16:33:11  profilanswer
 

pour IE5Mac je pense avoir une solution :D
 
if (document.all && !window.print && !window.opera) == IE5Mac

n°1422330
uriel
blood pt.2
Posté le 08-08-2006 à 16:35:07  profilanswer
 

je crois que IE5Mac tu peux abondonner tout simplement


---------------
IVG en france
n°1422453
gatsu35
Blablaté par Harko
Posté le 08-08-2006 à 19:21:42  profilanswer
 

Ya encore des clients qui veulent que leur site tourne en CSS sous IE5.0 win/mac [:petrus75]

n°1422457
uriel
blood pt.2
Posté le 08-08-2006 à 19:38:55  profilanswer
 

IE5 win normal, IE5 mac -> c'est nawak, ca doit representer un % plus qu'infime et os x a safari sur le même OS.
 
les 2 ont un comportement different en plus :/


---------------
IVG en france
n°1422498
gatsu35
Blablaté par Harko
Posté le 08-08-2006 à 20:38:50  profilanswer
 

ne t'inkiete pas je suis bien placé pour m'en rendre compte [:petrus75]
c'est surtout que IE 5.0 sous windows, ca fait des masses que ça ne devrait plus exister, et vouloir faire tourner un site entièrement CSS dessous c'est warrior [:petrus75]
avec en plus une bonne grosse couche de JS non obstrusif \o/

n°1433047
ZeMuf91
Marchaÿ c'est bien
Posté le 29-08-2006 à 13:51:52  profilanswer
 

Salut à tous,
 
Bon alors moi j'ai une ptite question qui semblera bête mais bon, je me risque à la poser qd même :p
Je précise que je suis pas tout à fait débutant, étant informaticien, je n'utilise pas dreamweaver ou un WYSIWIG du type frontpage, je connais un peu de html mais j'aimerai faire un site propre ( càd validé par w3c ^^ ) et je n'arrive pas à avoir un rendu conforme à la validation et à l'écran.
 
Je m'explique :
Pour que ma bannière occupe toute la largeur de l'écran, en html moche on écrivait ceci :

Code :
  1. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">


Et ma page prend alors effectivement tout l'écran mais W3C ne valide pô ...
 
En remplaçant par un css, ça donne ceci :

Code :
  1. body{
  2. margin-top: 0px;
  3. margin-bottom: 0px;
  4. margin-left: 0px;
  5. margin-right: 0px;
  6. }


 
la page html contenant seulement : <body>
 
Là, forcément le W3C valide, sauf que la page ne prend plus toute la largeur de l'écran
Après avoir regardé à droite à gauche sur le net, la solution ci-dessus est utilisée pour la plupart des cas seulement elle ne me convient pas...  :(  
 
Tant qu'à poster, voici les 2 autres erreurs que le validator me sort, je ne connais pas les alternatives css :
 

Code :
  1. # Error  Line 88 column 19: there is no attribute "BACKGROUND".
  2.     <td background="images/pixtop-sup.jpg"><img src="images/espaceur.gif" alt=""
  3. You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).
  4. This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.
  5. How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute.
  6. # Error Line 91 column 99: there is no attribute "HEIGHT".
  7. ...p-inf.jpg"><table width="780" height="37" border="0" cellpadding="0" cellspac


 
Et me parlez pas de XHtml, je sais c'est mieux mais mes menus javascript ne marchent plus ... je m'en chargerai plus tard ;) vous inquiètez pas.
 
Merci !


Message édité par ZeMuf91 le 29-08-2006 à 14:29:36
n°1433053
phenxdesig​n
Posté le 29-08-2006 à 14:07:37  profilanswer
 

1.  
body {
 width: 100%;
}
 
2.  
<td style="background-image:url(images/pixtop-sup.jpg);">
et
style="height:37px;"
 
3. vas voir par ici : http://www.w3schools.com/css/css_reference.asp :)

n°1433060
mIRROR
Chevreuillobolchévik
Posté le 29-08-2006 à 14:17:00  profilanswer
 

Code :
  1. body{
  2. margin-top: 0px;
  3. margin-bottom: 0px;
  4. margin-left: 0px;
  5. margin-right: 0px;
  6. }
  7. html : <body>


 
je connais pas  
html : <body>
 
ca veut dire quoi ?
 
a la place de ca essaie plutot  
 
* { margin:0, padding:0; }

Code :
  1. <td background="images/pixtop-sup.jpg">


 
a la place de background="image" c est mieux style="background-image:url(image);"
et encore mieux c est mettre ca dans ta css
 
du genre  
 
td { background-image:url(image); }
 
si tu mets le meme background sur tous tes td sinon ajoute une classe
 
 

Code :
  1. <table width="780" height="37" border="0" cellpadding="0" cellspac


 
meme principe
 
table { height:37px; }
 
enfin tu vois le truc
il faut penser aux unités par contre
 
edit :
[:benou_grilled]
overburnaide

Message cité 1 fois
Message édité par mIRROR le 29-08-2006 à 14:20:10
n°1433556
ZeMuf91
Marchaÿ c'est bien
Posté le 30-08-2006 à 10:08:35  profilanswer
 

Merci de vos réponses.
Mais pour le body, aucune solution ne fonctionne ( je teste avec IE 6 et Firefox ), et il reste toujours 5 px de marge environ ...
Pour les td, j'ai essayé la solution sans classe css ( style="background-image:url(image);" ) c'est mieux que rien mais toujours bwof. Je crois que je vais tout d'abord mettre en place un truc simple et présentable puis me prendre la tête sur la beauté plus tard :D, après avoir codé l'identification par le contrôleur de domaine, càd pas tout de suite  :D  

n°1433559
Sh@rdar
Ex-PhPéteur
Posté le 30-08-2006 à 10:14:29  profilanswer
 

ton body est peut être correct, mais c'est ton autre bloc qui va avoir une marge par défaut (par exemple P ou les cellules de tableau si la marge est pas spécifiée à 0)


---------------
La musique c'est comme la bouffe, tu te souviens du restaurant dans lequel t'as bien mangé 20 ans plus tôt, mais pas du sandwich d'il y a 5 minutes :o - Plugin pour winamp ©Harkonnen : http://harko.free.fr/soft
n°1433561
mIRROR
Chevreuillobolchévik
Posté le 30-08-2006 à 10:16:14  profilanswer
 

ZeMuf91 a écrit :

Merci de vos réponses.
Mais pour le body, aucune solution ne fonctionne ( je teste avec IE 6 et Firefox ), et il reste toujours 5 px de marge environ ...


 

mIRROR a écrit :

essaie plutot  
 
* { margin:0, padding:0; }


 

n°1433807
ZeMuf91
Marchaÿ c'est bien
Posté le 30-08-2006 à 16:43:04  profilanswer
 

Ca marche pas non plus avec le margin:0, padding:0.
Merci en tout cas d'avoir regardé mon pb, je reviendrai à l'affichage plus tard, là je vais essayer de penser un petit peu au contenu de mon site ( un chti intranet ).
 
A+

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML/CSS/JS/PHP] DEBUTANTS / NEWBIES, ce topic est pour vous :)

 

Sujets relatifs
treegrid en html/javascriptRESOLU [PHP]Gestion des sujets
Cherche Codeur HTMLEncoder et decoder du html
[Résolu] Alignement Html[HTML/JS/PHP]Créer un système de BBCode gérant les tableaux
Impression page html[FLASH/AMFPHP] Transférer un tableau vers un service PHP
script html pour afficher images en miniatures 
Plus de sujets relatifs à : [HTML/CSS/JS/PHP] DEBUTANTS / NEWBIES, ce topic est pour vous :)


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR