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

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

Marsh Posté le 31-07-2006 à 11:40:16    

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
Reply

Marsh Posté le 31-07-2006 à 11:40:16   

Reply

Marsh Posté le 31-07-2006 à 11:48:02    

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
Reply

Marsh Posté le 31-07-2006 à 11:55:39    

ouais, sinon on utilise du gravier :o

Reply

Marsh Posté le 31-07-2006 à 12:03:28    

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

Reply

Marsh Posté le 31-07-2006 à 12:06:38    

Master p a écrit :

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


 
J'attend vos propositions.  :)  

Reply

Marsh Posté le 31-07-2006 à 12:10:24    

Reply

Marsh Posté le 31-07-2006 à 12:15:23    

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

Reply

Marsh Posté le 31-07-2006 à 13:49:27    

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
Reply

Marsh Posté le 03-08-2006 à 10:12:30    

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

Reply

Marsh Posté le 03-08-2006 à 10:14:20    

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
Reply

Marsh Posté le 03-08-2006 à 10:14:20   

Reply

Marsh Posté le 03-08-2006 à 10:16:05    

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

Reply

Marsh Posté le 03-08-2006 à 10:22:50    

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

Reply

Marsh Posté le 03-08-2006 à 10:44:38    

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
Reply

Marsh Posté le 03-08-2006 à 11:44:38    

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

Reply

Marsh Posté le 03-08-2006 à 22:51:01    

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
Reply

Marsh Posté le 04-08-2006 à 09:30:13    

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
Reply

Marsh Posté le 04-08-2006 à 11:08:51    

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
Reply

Marsh Posté le 07-08-2006 à 20:08:59    

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...

Reply

Marsh Posté le 08-08-2006 à 00:12:18    

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

Reply

Marsh Posté le 08-08-2006 à 09:09:16    

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..

Reply

Marsh Posté le 08-08-2006 à 10:22:55    

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
Reply

Marsh Posté le 08-08-2006 à 12:07:18    

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 ?

Reply

Marsh Posté le 08-08-2006 à 16:33:11    

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

Reply

Marsh Posté le 08-08-2006 à 16:35:07    

je crois que IE5Mac tu peux abondonner tout simplement


---------------
IVG en france
Reply

Marsh Posté le 08-08-2006 à 19:21:42    

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

Reply

Marsh Posté le 08-08-2006 à 19:38:55    

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
Reply

Marsh Posté le 08-08-2006 à 20:38:50    

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/

Reply

Marsh Posté le 29-08-2006 à 13:51:52    

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
Reply

Marsh Posté le 29-08-2006 à 14:07:37    

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 :)

Reply

Marsh Posté le 29-08-2006 à 14:17:00    

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
Reply

Marsh Posté le 30-08-2006 à 10:08:35    

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  

Reply

Marsh Posté le 30-08-2006 à 10:14:29    

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
Reply

Marsh Posté le 30-08-2006 à 10:16:14    

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; }


 

Reply

Marsh Posté le 30-08-2006 à 16:43:04    

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+

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed