DEBUTANTS / NEWBIES, ce topic est pour vous :) [HTML/CSS/JS/PHP] - HTML/CSS - Programmation
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
Marsh Posté le 31-07-2006 à 12:03:28
ReplyMarsh Posté le 31-07-2006 à 12:06:38
ReplyMarsh Posté le 31-07-2006 à 12:10:24
php :
faq : http://php.developpez.com/faq/
Cours : http://www.lephpfacile.com/cours/index.php
Xhtml - Css :
Cours : http://openweb.eu.org/ http://alsacreations.com
Marsh Posté le 31-07-2006 à 12:15:23
le départ de tous les noob en web : http://www.siteduzero.com/
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
Marsh Posté le 03-08-2006 à 10:12:30
bon j en ai marre d etre recalé sur les questions js
personne aurait une adresse bien avec du js moderne ?
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
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
Marsh Posté le 03-08-2006 à 10:44:38
bah en fait je sais mais vraiment rien du tout
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) { |
ca veut dire quoi ?
bref je veux des liens super noobs la doc dom sur mozilla a l air bien ^^
(y aurait pas moyen de la trouver en zip ? )
Marsh Posté le 03-08-2006 à 11:44:38
http://www.quirksmode.org/ pour un peu tout ce qui est HTML/DOM/CSS/JS
Marsh Posté le 03-08-2006 à 22:51:01
bon alors patapai vous avez promis
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
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
donc j ai ecrit ca :
Code :
|
et ie me saoule parce que parentNode a la valeur nulle ou n est pas un objet
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
mais le probleme est que ce n est toujours pas centré sur ie ^^
(bien sur que ma fonction s appelle prout )
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 :
|
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 :
|
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 ^^
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...
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
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..
Marsh Posté le 08-08-2006 à 10:22:55
bon réflexe
Marsh Posté le 08-08-2006 à 12:07:18
gatsu35 a écrit : sinon mirror : |
ok merci pour les precisions
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 ?
Marsh Posté le 08-08-2006 à 16:33:11
pour IE5Mac je pense avoir une solution
if (document.all && !window.print && !window.opera) == IE5Mac
Marsh Posté le 08-08-2006 à 16:35:07
ReplyMarsh 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
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
Marsh Posté le 08-08-2006 à 20:38:50
ne t'inkiete pas je suis bien placé pour m'en rendre compte
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
avec en plus une bonne grosse couche de JS non obstrusif \o/
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
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 :
|
Et ma page prend alors effectivement tout l'écran mais W3C ne valide pô ...
En remplaçant par un css, ça donne ceci :
Code :
|
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 :
|
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 !
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
Marsh Posté le 29-08-2006 à 14:17:00
Code :
|
je connais pas
html : <body>
ca veut dire quoi ?
a la place de ca essaie plutot
* { margin:0, padding:0; }
Code :
|
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 :
|
meme principe
table { height:37px; }
enfin tu vois le truc
il faut penser aux unités par contre
edit :
overburnaide
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 , après avoir codé l'identification par le contrôleur de domaine, càd pas tout de suite
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)
Marsh Posté le 30-08-2006 à 10:16:14
ZeMuf91 a écrit : Merci de vos réponses. |
mIRROR a écrit : essaie plutot |
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+
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 :
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.
Message édité par Hermes le Messager le 31-07-2006 à 11:47:20