| Portail | Diablo | DiabloII | DiabloIII | Warcraft III | World of Warcraft | Starcraft II | SCGhost | Film Warcraft |
online faq recherche accueil
  

FORUM JudgeHype

»

Discussions générales

»

XHTML et CSS - Aides et conseils :)

 
 

Il y a 56 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici

S'identifier | S'inscrire | Aide
 Mot :   Pseudo :  
 
 Page :  1  2
Page Suivante 
Page Précédente 
Bas de page 
Auteur
 Sujet :

XHTML et CSS - Aides et conseils :)

 
n°4612123
Shoggy
Oui
Posté le 15-07-2005 à 21:02:20  profilanswer
 

Ancien message...
 
Salut à tous
 
Bon j'ai un ptit probleme avec ce logiciel...
Quand j'veux ecrire ou éditer du texte, ca s'ecrit "par dessus".
 
Autrement dit j'ai le mot : TITRE ; Je veux ajouter un A juste apres le premier T. Au lieu de me donner logiquement TAITRE, ca donne : TATRE. Et si je tape "A" encore une fois, ca me donne : TAARE.  
 
C'est assez genant  :o  
 
merci d'avance pour l'astuce !
 
Voir plus bas pour la nouvelle mise à jour svp :)
 
 
(edit 2 : modif du titre)


Message édité par Shoggy le 18-07-2005 à 23:25:11
n°4612124
ShaeZu
Somewhere over the rainbow
Posté le 15-07-2005 à 21:08:39  profilanswer
 

Un pti HS : C'est quoi note pad++? Une version évoluée du note pad de windows?  :heink:

n°4612125
Lord Kellm​ar
Einheri
Posté le 15-07-2005 à 21:10:58  profilanswer
 

T'aurais pas appuyé sur la touche 'Inser', au dessus de 'suppr' ?
Histoire de dire que cette touche à un effet quelconque maintenant ;)

n°4612126
Shoggy
Oui
Posté le 15-07-2005 à 21:11:01  profilanswer
 

Ca aide à la programmation de site web, supporte plusieurs languages.
 
@ Lord : C'est ca... Merci !
(Comment on fait pour savoir si c'est activé ou pas ce truc de merde...  :o )
 
J'le saurai pour l'avenir :)


Message édité par Shoggy le 15-07-2005 à 21:12:02
n°4612127
Constance
[ms]Modo Maudit®
Profil : Modérateur
Posté le 15-07-2005 à 21:12:10  profilanswer
 

Je plussoie LK, ça ressemble à du mode refrappe...


---------------
« L'inconvénient des écrans plats par rapport aux CRT, c'est qu'on peut rien poser dessus :ack: »
n°4612131
Lord Kellm​ar
Einheri
Posté le 15-07-2005 à 21:39:12  profilanswer
 

:sol: !

n°4612136
Shoggy
Oui
Posté le 15-07-2005 à 23:36:19  profilanswer
 

Bien joué LK :)
 
Bon plutot que de refaire un nouveau sujet, j'en profite pour poser une question en xhtml ici.
 
J'ai fait une nouvelle page, avec entete, menu à gauche, corps à droite, et pied de page. Le truc c'est que j'arrive pas à faire ouvrir les liens de mon menus DANS le corps, à droite... Dois-je recopier menu, entete et pied dans chaque page ?

n°4612137
Constance
[ms]Modo Maudit®
Profil : Modérateur
Posté le 15-07-2005 à 23:44:55  profilanswer
 

:hmm:
Pour ce genre de choses je vois deux solutions :
 - utiliser des frames
OU
 - faire ça en php, avec des tableaux et une variable pour intégrer le contenu voulu dans la case du "corps"...


Message édité par Constance le 15-07-2005 à 23:45:18

---------------
« L'inconvénient des écrans plats par rapport aux CRT, c'est qu'on peut rien poser dessus :ack: »
n°4612138
Shoggy
Oui
Posté le 15-07-2005 à 23:49:23  profilanswer
 

Ah :hmm:
 
oui mais on m'a dit que les frames, c'etait le mal :o
(donc j'ai pas concu mon site selon ces dernieres, mais selon le couplage xhtml-css)
 
Et le php je connais absolument pas.
 
:'(
 
 
Je sais pas si j'ai été très clair dans mon post, donc en gros je voudrais ouvrir les "liens" de "titre menu" dans "mon super site" :
http://www.siteduzero.com/xhtml-css/images/design1.png
 
J'ai vu plusieurs sites deja faire ca, mais je sais pas comment  :o


Message édité par Shoggy le 15-07-2005 à 23:53:26
n°4612139
Constance
[ms]Modo Maudit®
Profil : Modérateur
Posté le 15-07-2005 à 23:54:44  profilanswer
 

... peut-être faisable avec des calques sinon :hmm:
renseigne toi sur la balise <div>


---------------
« L'inconvénient des écrans plats par rapport aux CRT, c'est qu'on peut rien poser dessus :ack: »
n°4612149
Shoggy
Oui
Posté le 16-07-2005 à 02:28:15  profilanswer
 

Ma foi j'ai pas trouvé. Bon j'ai regardé plusieurs sites et ils recopient tous le menu à chaque fois... Alors... :)
 
Merci de ton aide en tout cas Constance ;)

n°4612152
yatoub
Shut up Donny !
Posté le 16-07-2005 à 10:54:38  profilanswer
 

Va pas recopier le menu sur chaque page quand même ... Après à chaque fois que tu voudras modifier ton site tu vas galérer.
Exemple : tu veux rajouter une entrée dans ton menu.
Faut que tu changes toutes tes pages de contenu !
Non c'est vraiment pas la solution.
 
En xhtml je sais pas trop, pour ça je fait du php moi :ack:
Quand j'ai 2 minutes je te fais ça, ou je te le cherche en xhtml ;)
Et oui, les frames say le male [:malacath]


Message édité par yatoub le 16-07-2005 à 10:56:45

---------------
Le Picon-Bière c'est redoutable, même les Belges ils s'y aventurent pas.
n°4612158
Shoggy
Oui
Posté le 16-07-2005 à 12:57:50  profilanswer
 

Je sais bien mais pour le moment je sais pas !
 
Non j'ai recop le menu, mais j'ai pas beaucoup de page. J'ai bien reflechi, je pense ne plus trop avoir à le modifier. Au pire ca me fera une dizaine de copier coller...
 
Je me mettrais au php plus tard !

n°4612178
Balu
Posté le 16-07-2005 à 18:32:07  profilanswer
 

Si tu as Dreamweaver*, tu peux toujours créer une page modèle (template) qui te servira de modèle pour toutes les autres pages. Il suffit de changer une fois ce modèle (ex : modifier le menu) pour modifier toutes les pages. Dans le modèle, tu places des zones modifiables qui seront utilisées par le contenu unique des différentes pages.
 
*Dreamweaver n'est peut-être pas le seul logiciel ayant cette fonctionnalité.


Message édité par Balu le 16-07-2005 à 18:35:13
n°4612179
Sir urgard​us
En voyage d'affaires :D
Posté le 16-07-2005 à 18:38:39  profilanswer
 

yatoub a écrit :


Et oui, les frames say le male [:malacath]


Clair. Si on ne prend pas les bonnes habitudes dès le début...


Message édité par Sir urgardus le 18-07-2005 à 14:12:46
n°4612185
Balu
Posté le 16-07-2005 à 18:46:54  profilanswer
 

«Opquast est un ensemble de bonnes pratiques pour la qualité des services en ligne.» ;)


Message édité par Balu le 16-07-2005 à 18:49:39
n°4612192
Shoggy
Oui
Posté le 16-07-2005 à 19:28:34  profilanswer
 

Rebonjour à tous
 
J'ai un ptit probleme...
Cette page sous Firefox ne s'affiche pas de la meme facon que sous internet explorer 6. En fait, c'est le texte dans le carré jaune (la mise à jour) qui ne se centre pas sous firefox. j'ai pourtant spécifié dans mon fichier css :
 

#maj
{
margin-top: 30px;
color: yellow;
font-weight: bold;
text-align: center;
font-size: large;
border: 2px solid yellow;
padding: 18px;
 
}


 
Quelqu'un a une idée ? (ne me flammez pas, j'ai découvert le css hier soir !)

n°4612195
Balu
Posté le 16-07-2005 à 19:39:37  profilanswer
 

Balu a écrit :

Code :
  1. <div id="maj">
  2.   [Dernière mise à jour : 16.07.2005]
  3. </div>



Enlèves déjà le tableau car inutile pour 1 ligne et 1 colonne. De plus, je ne vois pas de donneés ayant une représentation tabulaire.
 
Le problème est que le contenu de ton div est centré mais pas celui de ton tableau.
 

n°4612196
Constance
[ms]Modo Maudit®
Profil : Modérateur
Posté le 16-07-2005 à 19:43:25  profilanswer
 

A mon avis c'est centré, mais dans une cellule qui fait juste la largeur de ton texte :whistle:


---------------
« L'inconvénient des écrans plats par rapport aux CRT, c'est qu'on peut rien poser dessus :ack: »
n°4612198
Shoggy
Oui
Posté le 16-07-2005 à 19:55:24  profilanswer
 

J'ai rien compris :(
 
Balu, moi je veux que mon truc de mise à jour soit entouré !
 
Constance : :o :p

n°4612199
Balu
Posté le 16-07-2005 à 19:56:03  profilanswer
 

LOGICIEL
 
TopStyle Lite 3.10 (gratuit)
C'est un excellent logiciel pour créer les feuilles de styles.
 
SITES
 
Alsacreations
 
Si tu ne connais pas déjà. ;)

n°4612200
Balu
Posté le 16-07-2005 à 20:04:07  profilanswer
 

Shoggy a écrit :

Balu, moi je veux que mon truc de mise à jour soit entouré !


Il le sera. Les styles sont placés sur le div maj.
 
EXEMPLE
 

Code :
  1. <html>
  2. <head>
  3. <title>css</title>
  4. <style type="text/css">
  5. body {
  6.   background: #000;
  7. }
  9. #maj
  10. {
  11.   margin-top: 30px;
  12.   color: yellow;
  13.   font-weight: bold;
  14.   text-align: center;
  15.   font-size: large;
  16.   border: 2px solid yellow;
  17.   padding: 18px;
  18. }
  19. </style>
  20. </head>
  22. <body>
  24. <div id="maj">
  25. [Dernière mise à jour : 16.07.2005]
  26. </div>
  28. </body>
  29. </html>


C'est identique dans Firefox et Internet Explorer.


Message édité par Balu le 16-07-2005 à 20:17:13
n°4612201
Constance
[ms]Modo Maudit®
Profil : Modérateur
Posté le 16-07-2005 à 20:20:27  profilanswer
 

Au passage, autant faire des feuilles de style externes ;)


---------------
« L'inconvénient des écrans plats par rapport aux CRT, c'est qu'on peut rien poser dessus :ack: »
n°4612202
Shoggy
Oui
Posté le 16-07-2005 à 20:32:36  profilanswer
 

Ok merci Balou je vais voir ca.
Ma feuille de style est externe mais c'est pas un probleme, la c'etait juste pour me montrer le bout de code :)
 
 
Edit : Super Baloo, ca marche  :)  
 
Merci  :jap:


Message édité par Shoggy le 16-07-2005 à 20:45:01
n°4612205
Balu
Posté le 16-07-2005 à 20:47:10  profilanswer
 

Constance a écrit :

Au passage, autant faire des feuilles de style externes ;)


Oui mais là ce n'était qu'un exemple. :p
 
EDIT : @Shoogy : De rien, ça m'a fait plaisir. ;)


Message édité par Balu le 16-07-2005 à 20:52:32
n°4612232
Shoggy
Oui
Posté le 16-07-2005 à 23:15:27  profilanswer
 

laisse tomber il comprend rien [:shoggy]
;)
 
Ouah j'suis en train de faire verifier chaque page par le w3c tu sais, j'ai corrigé environ la moitié du site, et j'ai eu une page avec 347 erreurs ! - J'ai meme fait un screen en souvenir - bon la majorité c'est l'oubli de "alt" dans les images, ou un slash de trop etc...
Enfin bref :D
 
Que ca soit tout certifié, ca change beaucoup pour un moteur de recherche ?
 
Et j'ai une seconde question. En xhtml, quelles sont les balises meta importantes et quelles sont celles qui ne le sont pas ?
 
Merci !

n°4612234
Balu
Posté le 16-07-2005 à 23:39:39  profilanswer
 

Article sur l'accessibilité
Article sur les Métadonnées
 
Ça pourras t'aider à mieux comprendre.


Message édité par Balu le 16-07-2005 à 23:56:24
n°4612239
Shoggy
Oui
Posté le 17-07-2005 à 00:38:44  profilanswer
 

MERCI !
 
Dernière petite question : En xhtml 1.1, tout ce qui est "é, è, à, ù, ê, ö, "etc...
 
Je dois systématiquement remplacer ?
 
Parce qu'au test mes pages sont OK  :??:


Message édité par Shoggy le 17-07-2005 à 00:39:41
n°4612241
Balu
Posté le 17-07-2005 à 02:19:35  profilanswer
 

Shoggy a écrit :

Dernière petite question : En xhtml 1.1, tout ce qui est "é, è, à, ù, ê, ö, "etc...
 
Je dois systématiquement remplacer ?
 
Parce qu'au test mes pages sont OK  :??:


En théorie, je dirais pas nécessairement.
 
D'après ce que je trouve, il vaudrait mieux éviter le XHTML 1.1.
 

Citation :

Comment bien déclarer XHTML1.1 ?
 
Entre XHTML 1.0 et XHTML 1.1, la différence est importante au niveau de la déclaration.
Choisir le bon doctype ne suffit pas à déclarer proprement un document XHTML 1.1. (explications : http://www.pompage.net/pompe/declarations/)
 
En effet, si XHTML 1.0 accepte d'être servi en type mime HTML (content "text/html" ), ce qui n'est pas le cas pour XHTML 1.1 où il faut obligatoirement passer en "application/xhtml+xml", en utilisant la balise meta suivante :
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=ISO-8859-1" />
Avec également une modification des headers envoyés par le serveur, avec PHP par exemple : header('Content-type:application/xhtml+xml');
De manière générale, Apache et les serveurs Web sont configurés par défaut pour envoyer "text/html" pour des fichiers du type .php, .htm etc..
 
Les documents XHTML 1.1 servis en "text/html" sont invalides, quoiqu'en dise le Validateur W3C.
 
Le problème de l'application/xhtml+xml est qu'elle n'est supportée que par quelques navigateurs graphiques (dont IE ne fait pas partie). Pour palier ce problème, le W3C n'a pas totalement bloqué les choses. En effet, même s'il est recommandé de servir les documents XHTML 1.1 avec le type MIME "application/xhtml+xml", il est possible de le servir de manière valide avec des types MIME xml comme "application/xml" ou "text/xml". De cette manière, les navigateurs compatibles xml mais pas assez sophistiqués pour comprendre le type "application/xhtml+xml" sont tout de même capable d'exploiter les documents XHTML 1.1 comme ce qu'ils doivent être : des documents xml.
(Détail : http://www.w3.org/TR/xhtml-media-types/)
 
A l'heure actuelle, vu les carences das navigateurs, passer en XHTML 1.1 n'a aucun intérêt pour la plupart des utilisateurs actuels du XHTML1.0. D'ailleurs le site du W3C lui-même n'est encore qu'en XHTML 1.0


Cette information provient d'ici
 
Je dois dire que les charsets sont encore flou pour moi.
 
En vrac venant de ce forum :
 

Citation :

- UTF-8 si tu n'as pas de contrainte technique qui te demande de faire autre chose
- ISO-8859-1 sinon et si tu peux te permettre de coder le symbole euro sous forme d'entité
- ISO-8859-15 sinon (je le met en dernier car le support est globalement moins là que pourl'ISO-8859-1 et ce qu'il apporte coté Web/html est très faible)


Message édité par Balu le 17-07-2005 à 02:26:10
n°4612242
Shoggy
Oui
Posté le 17-07-2005 à 03:04:31  profilanswer
 

Oula ca devient trop compliqué pour moi oO
 
Bon en tout cas ca passe sous firefox et IE 6, c'est déjà ca :)
 
Merci de ton aide précieuse.

n°4612374
florent28
Clown Glandouilleur
Posté le 18-07-2005 à 13:03:19  profilanswer
 

Accueil, pas acceuil ;)

n°4612379
Shoggy
Oui
Posté le 18-07-2005 à 13:09:38  profilanswer
 

Oupssss !! Merci !

n°4612493
Shoggy
Oui
Posté le 18-07-2005 à 19:22:16  profilanswer
 

@ Balu :
 
Salut, j'ai encore besoin de ton aide ! j'ai pas trouvé de reponse sur le net :/
 
Sur cette page, je n'arrive pas à regler dans le css la marge EXTERIEURE aux cases. Je ne souhaite pas les fusionner, non non je veux faire des vignettes bien séparée :) Mais la elles sont trop collées :(
 
J'ai seulement réussi à régler la marge intérieure avec la propriété css "padding".  
Bon je pense que le mieux c'est de te cop coll la partie correspondante de ma feuille de style :
 

.screentab td
{
border-top: 1px solid silver;
border-left: 1px solid silver;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
   
   text-align: center;
   padding: 20px;
 
}


 
 
Merci d'avance bonhomme !


Message édité par Shoggy le 18-07-2005 à 19:22:55
n°4612495
Balu
Posté le 18-07-2005 à 19:52:28  profilanswer
 

table {border-collapse: separate; border-spacing: 4px;}


Explication sur le site w3c
 
Ça risque de ne pas fonctionner sur tous les navigateurs.
 
Au pire, tu ajoutes cellspacing à la balise table.

<table cellspacing="10px">


Message édité par Balu le 18-07-2005 à 20:44:40
n°4612497
Shoggy
Oui
Posté le 18-07-2005 à 20:15:38  profilanswer
 

Parfait, parfait. C'est parfait putain c'est déconné.
 
J'édite ca dessuite. je vais aussi éditer les remerciements :D
 
 
Edit : Euh ben j'ai encore une question... je peux ?  :p
En html, peut on faire apparaitre une image, je pense plutot à une image en fond, lorsque la souris passe sur un lien ?
 
Par exemple changer la couleur de fond (c'est qu'un exemple, je ne veux pas faire ca).
 
Ou alors il est nécessaire de passer par un autre language ? :)
merci...


Message édité par Shoggy le 18-07-2005 à 21:21:51
n°4612501
Balu
Posté le 18-07-2005 à 21:58:20  profilanswer
 

Est-ce que tu veux faire?
 
Une image réactive (rollover) sans javascript
 
Si non, tu peux le faire en JavaScript.


Message édité par Balu le 18-07-2005 à 22:01:49
n°4612503
yatoub
Shut up Donny !
Posté le 18-07-2005 à 22:08:33  profilanswer
 

Oui sinon tu le fais en JavaScript, c'est assez simple.
Pour changer la couleur de fond par exemple :  

Code :
  1. <a href="#" OnMouseOver="document.bgColor='#FF0000'" OnMouseOut="document.bgColor='#C0C0C0">Mettre le texte que l'on veut</A>


Avec #FF0000 la couleur que tu shouaites voir apparaitre en passant sur le lien, et #C0C0C0 la couleur d'origine.


Message édité par yatoub le 18-07-2005 à 22:18:18

---------------
Le Picon-Bière c'est redoutable, même les Belges ils s'y aventurent pas.
n°4612508
Shoggy
Oui
Posté le 18-07-2005 à 23:21:10  profilanswer
 

Je vais plancher sur la méthode de balu et si j'galere j'le ferai en java :)
 
Merci à tous les deux, vraiment ; Merci !

n°4612529
Eolindel
asocial, misanthrope
Posté le 19-07-2005 à 03:09:01  profilanswer
 

question: pourquoi les frames sont elles désuètes, inadaptées, pas pratiques? Deux trois explications rationelles sur le sujet me seraient d'un grand interêt ;)


Message édité par Eolindel le 19-07-2005 à 03:09:20

---------------
[:eolindel:4][:eolindel:5]
['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit
n°4612532
Shoggy
Oui
Posté le 19-07-2005 à 03:23:40  profilanswer
 
 Page :  1  2
Page Suivante 
Page Précédente 
Haut de page 

Aller à :
Ajouter une réponse
  

FORUM JudgeHype

»

Discussions générales

»

XHTML et CSS - Aides et conseils :)

 

Forum MesDiscussions.Net, Version 2007.2
(c) 2000-2007 No1Dev
Page générée en 0.144 secondes