nouveau ou vieu

nouveau ou vieu - HTML/CSS - Programmation

Marsh Posté le 13-06-2005 à 19:53:17    

[b]Bonjour
 
     j'ai crée un site en html : city17.hl2.free.fr
     et j'aimerais savoir si la source que j'ai ecris avec boc note est vieille ou nouvelle ??????????
     si elle est vielle, que me conseiller vous ??? j'ai entendu parler du css mais  
     je sait pas si c'est mieu ????  
     
               merci de vos réponse ciao bye


---------------
mon site perso aller visiter
Reply

Marsh Posté le 13-06-2005 à 19:53:17   

Reply

Marsh Posté le 13-06-2005 à 20:07:47    

Salut,
 
Pour être honnête...il est vrai que ton code est pas terrible...
 
- doctype manquant
- mise en page en tableaux
- utilisation de balises obsolètes (font,b,...)
- balisage non sémantique
- accumulation de " " pour les marges
 
Je te conseille d'aller faire un tour ici (deux excellents sites pour bien apprendre) :  
http://openweb.eu.org
http://css.alsacreations.com
 
 
 
 

Reply

Marsh Posté le 13-06-2005 à 20:25:23    

ce que tu as tapé n'a pas forcément été fait au bloc notes, c'est clair

Reply

Marsh Posté le 13-06-2005 à 21:16:52    

non, le java script a pas ete fait pas moi !!!!!!! je me suis aider sur un site en faisan copier coler mais sinon, tout les reste c'est moi
 
question :
 
-c'est quoi le doctype ???
-pourqoi pas les tableaux ???
-dois-je utilisé le css ou comme j'ai fai en mieu ???
 
     merci ciao @+


---------------
mon site perso aller visiter
Reply

Marsh Posté le 13-06-2005 à 21:41:54    

Citation :

Pourquoi pas les tablaux ?


 [:casterman] uhmmmmmmmmm
 
 
 
Va faire un p'tit tour ici pour avoir un début de réponse :  
http://www.cybercodeur.net/weblog/ [...] index.html
(je l'aurais usé cet URL  [:djswad] - URL trouvé sur HFR en plus)


Message édité par zapan666 le 13-06-2005 à 21:42:20

---------------
my flick r - Just Tab it !
Reply

Marsh Posté le 13-06-2005 à 22:56:49    

dacord mais, que dois-je faire sur mon site,  
dois-je completement le modifier en CSS ou ..... quoi :??: je sait
pas quoi faire ...... si je dois inclure du CSS il faut que je recomence du debut ou pas ...


---------------
mon site perso aller visiter
Reply

Marsh Posté le 13-06-2005 à 23:40:37    

Si tu veux un truc chiant a mettre a jour, non, sinon oui.
 
 
Exemple :  
Tu veux changer la couleur de tous les titres de tes pages
Code de ton site :  

Code :
  1. <font size=5 color=#ffoooo>Le jeu</font>


 
Tu va devoir modifier toutes tes pages HTML et modifier toutes les occurences de ta balise <font>
 
et en bon html/css :  
personnement, j'aurais fais : (c'est peut être pas la meilleur solution, mais c'est celle que j'aurais fais : )
Code HTML :  

Code :
  1. <h3>Le Jeu</h3>

 
(pourquoi <h3> ? car je considère que c'est un titre qui n'a pas enormement d'importance...)
Si tu veux changer la couleur de ce titres, déjà, tu n'a AUCUNE page a changé car il n'y a aucune couleur indiqué dans les pages HTML
 
les couleurs sont dans ton fichier CSS

Code :
  1. h3 {
  2. color: #ff0000;
  3. }


Tu a juste a changé ça pour changer la couleur
 
 
 
 
(en passant la couleur #ffoooo n'existe pas...mais #ff0000 oui - ne pas confondre 0 et o)


Message édité par zapan666 le 13-06-2005 à 23:41:40

---------------
my flick r - Just Tab it !
Reply

Marsh Posté le 13-06-2005 à 23:44:17    

+1 c'est la meilleure solution ^^

Reply

Marsh Posté le 14-06-2005 à 09:27:40    

Spoiler :

zapan66 a dit :
 
 Si tu veux changer la couleur de ce titres, déjà, tu n'a AUCUNE page a changé car il n'y a aucune couleur indiqué dans les pages HTML


 
j'ai pas compris ta phrase !!!! explique mieu !!!!


---------------
mon site perso aller visiter
Reply

Marsh Posté le 14-06-2005 à 09:49:52    

Il a expliqué : tu changes la css, et les couleurs changent dans toutes les pages à la fois !
 
Abandonne les <font> et compagnie :)


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 14-06-2005 à 09:49:52   

Reply

Marsh Posté le 14-06-2005 à 16:43:48    

a ok


---------------
mon site perso aller visiter
Reply

Marsh Posté le 14-06-2005 à 16:57:01    

et au faite c'est quoi les doctypes ???


---------------
mon site perso aller visiter
Reply

Marsh Posté le 14-06-2005 à 17:16:31    

Reply

Marsh Posté le 15-06-2005 à 10:50:47    

trop bien le CSS c'est carément plus facile pour crée un beau site je trouve merci a tous ciao !!!!!!!


---------------
mon site perso aller visiter
Reply

Marsh Posté le 15-06-2005 à 11:29:21    

re bonjour il y a quelque chose que j'ai poas compris!  
 
je suis aller sur alsacration : un totorial montre comment crée un site sans tableau
a la fin, sa donne sa la page sans tableau
mais en afichan la source de cet page !! on ne vois pas le css ????? ce qui defini la taille des bloc .... comment cela se fait ?


---------------
mon site perso aller visiter
Reply

Marsh Posté le 15-06-2005 à 11:39:03    

regarde dans le head, ils font un import de css externe.
 
Tu n'es en effet pas obliger de recopier les styles dans toutes les pages, tu peux mettre ca dans un fichier a part, c'est ca un des nombreux avantages de cette méthode !


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 15-06-2005 à 12:39:38    

a ok trop bien !!!! j'ai tt compris donc on peu créé une page ac tt les styles nessessaire ciao bye @++++


---------------
mon site perso aller visiter
Reply

Marsh Posté le 15-06-2005 à 12:52:56    

Salut,
Si tu ne comprends toujours pas avec la pile de site qu'on t'as donné ici, tu peux tenter ta chance sur sur mes tutoriaux XHTML (donc code aux normes, css, etc).
 
http://www.martiusweb.net/tutoriaux,01_00.html
 
Voila :)


---------------
Martin
Reply

Marsh Posté le 15-06-2005 à 18:13:51    

rebonjour !!  
 
 j'aimerai placer une image center dans la page !! et je m'en suis pris comme cela :
 

Code :
  1. <html>
  2. <head>
  3.   <title>
  4. mon site
  5.   </title>
  6. </head>
  7.    <body>
  8. <style type="text/css">
  9. .global {
  10.      position:absolute;
  11.      left: 50%;
  12.      top: 50%;
  13.      width: 700px;
  14.      height: 900px;
  15.      margin-top: -350px; /* moitié de la hauteur */
  16.      margin-left: -300px; /* moitié de la largeur */
  17.      border: 1px solid #000;
  18.      }
  19. .tr {
  20.      background-image: url('tr.gif');
  21.      widht: 100%;
  22.      height: auto;
  23.      }
  24. </style>
  25.  
  26. <div class="global">
  27. <div class="tr"></div>
  28. </div>
  29. </div>
  30. </body>
  31. </html>


 
 je compren pas pouqoui sa marche pas ??????


---------------
mon site perso aller visiter
Reply

Marsh Posté le 15-06-2005 à 18:54:12    

Ben déjà, les styles doivent être dans le head (enfin, je crois).
 
Ensuite, met plutôt ton image dans la balise <img>. Si tu la veux vraiment en image de fond, met une hauteur et une largeur à ton div (même dimension que l'image je pense, fais un essai en pixel) ou remplis ce div avec du texte.
 
Et vérifie que ton image est dans le bon répertoire (dans ton cas, elle doit être dans le même répertoire que ton fichier .html)


Message édité par RickHunter13 le 15-06-2005 à 18:54:54
Reply

Marsh Posté le 15-06-2005 à 18:56:50    

pour centrer une image :
Une image est un élément inline, il faut donc le transformer en bloc : display: block;

Reply

Marsh Posté le 15-06-2005 à 18:56:53    

(au passage, pkoi tu fermes 3 div alors que t'en a ouverts 2? )


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 15-06-2005 à 18:59:40    

Au passage (bis) : Le style se place souvent dans un fichier externe (qu'on charge avec <link> ), pour gagner de la vitesse de chargement et de la bande passante. Tout ça est généralement placé dans la partie <head> de la page.

Reply

Marsh Posté le 15-06-2005 à 19:01:49    

Martius a écrit :

Au passage (bis) : Le style se place souvent dans un fichier externe (qu'on charge avec <link> ), pour gagner de la vitesse de chargement et de la bande passante. Tout ça est généralement placé dans la partie <head> de la page.


 
L'argument de la bande passante je l'ai jamais compris ... En quoi le fait de telecharger un fichier externe (et probablement plus volumineux) serait plus rapide que les caracteres dans le text?


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 15-06-2005 à 19:03:21    

ok je vais esyer de le metre dans le head mais pas tt de suite sur une autre page !! je le fera a la fin !! c'est pas tres compliquer (couper coller) mais sinon
il n'y a pas de faute dans ma parti CSS ou HTML ????


---------------
mon site perso aller visiter
Reply

Marsh Posté le 15-06-2005 à 19:03:35    

esox_ch a écrit :

L'argument de la bande passante je l'ai jamais compris ... En quoi le fait de telecharger un fichier externe (et probablement plus volumineux) serait plus rapide que les caracteres dans le text?


le fichier externe est mis en cache ;)


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 15-06-2005 à 19:04:35    

Ton navigateur possède un cache.
Quand il analyse le code et lit les fichiers externes, il regarde ceux qu'il à déjà téléchargés (images, feuilles de style, contenu multimédia,...) si ils sont dans le cache, il n'a plus besoin de les recharger.
 
edit : grillé :)

robinpintrin a écrit :

il n'y a pas de faute dans ma parti CSS ou HTML ????


Une image est un élément inline, il faut donc le transformer en bloc : display: block;


Message édité par Martius le 15-06-2005 à 19:07:15

---------------
Martin
Reply

Marsh Posté le 15-06-2005 à 19:05:41    

merci pour tt vos conseil surtou a toi  
RickHunter 13 merci !!


---------------
mon site perso aller visiter
Reply

Marsh Posté le 15-06-2005 à 19:14:38    

Ok je pensais a qqch du genre mais j'ai pas pensé que le navigateur ne pouvait pas vraiment mettre en cache uniquement le contenu de la balise <style> pour retelecharger uniquement le reste :D ... Merci de m'avoir fait reflechir :D


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 15-06-2005 à 21:44:54    

juste .... c'est quoi les IE ????


---------------
mon site perso aller visiter
Reply

Marsh Posté le 15-06-2005 à 21:51:51    

:D :D  
IE = Internet Explorer

Reply

Marsh Posté le 15-06-2005 à 22:32:58    

:lol::lol: je suis trop con !!! j'avais pas vu l'abraviation !!!!! je me disai .... putin encor un truk compliqué !!!!! lol merci a toi


---------------
mon site perso aller visiter
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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