10 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Html] Problème avec la balise pour insérer un lien imagé

 
n°2876
Cindows
Profil : Big Penguin
Avatar
profil
Posté le 04-07-2009 à 20:15:08  
 

Bonjour à tous, je fais appel à vous car je suis présentement en train de créer un ensemble de pages pour une future webcomic  :smile:
Je dois donc ajouter un menu à la page afin de rendre la navigation beaucoup plus facile. Pour cela, j'ai décidé d'utiliser une balise simple Html qui permet de mettre une image qui nous redirige vers un autre lien lorsque qu'on effectue un clic sur cette image.

 

Voici donc la balise en question : <a href="Le lien"><img src="Image qui représente le lien"></a>

 

Je voulais donc supprimer le rectangle mauve qui s'affiche autour de cette image et j'ai trouvé ma réponse dans le topic Aide: CODE<img src='toto.jpg' border=no> . Cependant je ne sais pas comment l'insérer dans un code comme suit :
<td rowspan="12" align="left" valign="top">
   <img src="http://img13.imageshack.us/img13/8793/webdesign07.png" width="19" height="210" alt=""></td>

 

J'aimerais savoir où le placer exactement car je suis perdue et en même temps si faire un menu uniquement en Html relève du possible ou dois-je utiliser un autre language ?

 

Ps: Mon message a été modifié en grande partie car j'ai finalement trouvé la réponse à ma première question dans un autre topic comme cité ! ( Je sais j'aurais du chercher avant :oups:) L'autre question cependant concernant le positionnement du code tient toujours !

 

Merci d'avance ;)


Message édité par Cindows le 04-07-2009 à 20:39:04
answer
mood
GoogleAds
profil
Posté le 04-07-2009 à 20:15:08  
 

answer
n°2877
jcbrinfo
JCBR Info
Profil : Penguin
Avatar
profil
Posté le 05-07-2009 à 01:34:57  
 

Il s'agit tout simplement d'ajouter à ton image l'attribut border réglé à 0. Il faut que tu est quelque part entre <img et > la mention border="0". Par ailleurs, tu devrait appliquer cet attribut à toute tes images pour lesquelles tu ne veux pas de bordure.

 

Note: border="0" est plus explicite que border=no, ce dernier étant une version mal écrite.

 

Note 2: On peut obtenir le même effet en utilisant CSS, mais je te recommande d'utiliser l'attribut border pour plus de compatibilité. :wink:  (Au moins, si les feuilles de style ne sont pas chargés, il n'aura pas ces bordures...  :beurk: )

 


Ahhh... Ça me rappelle mes début en HTML...


Message édité par jcbrinfo le 05-07-2009 à 01:39:36

---------------
JCBR Info
answer
n°2878
Cindows
Profil : Big Penguin
Avatar
profil
Posté le 05-07-2009 à 02:52:20  
 

Eh voilà tout l'encadrement a disparu et tout marche
Merci milles fois  :biggrin:

 

Je crois bien que pour moi je vais rester à mes débuts en HTML pour toujours .... :paf:


Message édité par Cindows le 05-07-2009 à 02:53:09
answer
n°2879
Fixxx
Profil : Penguin Pro
Avatar
profil
Posté le 05-07-2009 à 11:29:30  
 

Bon, meme si ce n'est pas la question de ce topic, je tiens quand meme a te dire d'éviter les tableaux pour ta mise en page. Voici deux tres bons articles expliquant pourquoi: 1 et 2.
De plus, ton code contient de nombreuses imprecisions et abberations:

  • Une balise doit toujours etre fermée. C'est valable pour la balise <img> aussi. Le bon code est <img src="source" alt="Mon Image" />
  • L'attribut alt de la balise <img> n'est pas la pour faire joli, c'est une aide pour les personnes souffrant d'handicapes. Un attribut alt vide est donc inacceptable, de meme qu'un alt avec une simple valeur de "Image". L'attribut alt doit, en quelques mots, decrire l'image!
  • Dans les spécifications récentes de HTML, la valeur d'un attribut doit toujours etre entouré de guillemets. Ainsi, border=no n'est pas correct. Il faut, comme le suggere jcbrinfo utiliser border="0".
  • En réalité, il ne faut meme pas utiliser border tout court. C'est un attribut deprecié. Tout ce qui touche a la présentation devrait etre inclus dans une feuille de style CSS externe a ton fichier HTML. Le commentaire de jbcrinfo est, il faut le dire, stupide. "Plus de compatibilité" dis-tu? Et bien non, dans les versions récentes de HTML et xHTML, l'attribut border disparaitra, ce qui fera que des designs reposant sur border seront inutilisables. De plus, meme IE 5 supporte les feuilles de styles externes, donc parler de problemes de compatibilité s'avere completement inutile, a moins que tu veux que ton site soit visible pour quelqu'un utilisant toujours Netscape 4, soit environ, selon les dernieres statistiques, personne...


Bref, tout ca pour dire que s'il vous plait, faites un effort. Ce n'est pas parce que le HTML est un langage relativement facile a apprendre qu'il faut le sous-estimer, faire des erreurs de syntaxe etc. Avant d'utiliser quelque chose que vous trouvez sur un forum, verifier la date du topic. Si celui-ci date de plus de un an, postez-en un nouveau! Le web évolue de jour en jour, et on ne peut pas se permettre de suivre des recommandations datant de 5 voire 10 ans.

answer
n°2880
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 05-07-2009 à 18:23:55  
 

Citation :

# Une balise doit toujours etre fermée. C'est valable pour la balise <img> aussi. Le bon code est <img src="source" alt="Mon Image" />


Ça dépends :he: il peut très bien utiliser du Html 4.01 (ou 5) et vu ce qui s'est passé ces derniers jours l'xHtml va pas très bien ;)
 
Le alt sert aussi aux moteurs de recherches :)
 
A part ça j'ai rien à redire :)
 

Citation :

Le web évolue de jour en jour, et on ne peut pas se permettre de suivre des recommandations datant de 5 voire 10 ans.


Si on peut suivre les recommandations (CSS 2.1 n'est qu'une recommandation, pas un standard), c'est plutôt les mauvaises pratiques d'il y a quelques années qu'il faut éviter (et c'est valable aussi bien pour le Html que le CSS et le JS), du code se doit d'être propre :)


---------------
twitter.com/Ipsudum
answer
n°2881
Fixxx
Profil : Penguin Pro
Avatar
profil
Posté le 05-07-2009 à 19:20:27  
 

cerium a écrit :


Ça dépends :he: il peut très bien utiliser du Html 4.01 (ou 5) et vu ce qui s'est passé ces derniers jours l'xHtml va pas très bien ;)


 
Certes, mais n'oublions pas qu'il est recommandé meme pour le HTML 4 de fermer toutes les balises, pour un code plus propre, bien que la convention SGML soit tres permissive.
Pour ton allusion au xHTML je suppose que tu veux parler de la fin des travaux sur le xHTML 2.0 pour favoriser le HTML 5? Cela me semble plutot une bonne chose, et ne marque en rien la fin de la syntaxe et des bonnes pratiques de l'xHTML. En effet, le HTML 5 proposera la syntaxe SGML mais aussi et surtout la syntaxe XML, qui devrait meme etre la syntaxe par defaut. Avoir deux groupes de travail sur deux specs differentes etait des le depart une mauvaise idée. Le fait que ces deux groupes fusionnent en un seul n'est qu'une bonne chose.
 

cerium a écrit :


Si on peut suivre les recommandations (CSS 2.1 n'est qu'une recommandation, pas un standard), c'est plutôt les mauvaises pratiques d'il y a quelques années qu'il faut éviter (et c'est valable aussi bien pour le Html que le CSS et le JS), du code se doit d'être propre :)


Quand je parlais de recommandations, je voulais dire des recommandations recu sur des forums par exemple, et en aucun cas les recommandations du W3C. D'ailleurs non, le CSS 2.1 n'est pas une recommandation, puisque cela signifie la spec finale du projet. CSS 2.1 est une candidate recommendation. (Oui je sais je suis tres pointilleux sur le vocabulaire :he: ).
Bref, en tout cas je suis d'accord avec toi sur le fait qu'un code doit etre propre!

answer
n°2882
jcbrinfo
JCBR Info
Profil : Penguin
Avatar
profil
Posté le 06-07-2009 à 15:42:02  
 

Bon, je résume.

 

La très vieille méthode à ne pas utiliser (je m'excuse pour l'erreur de mon précédant message): l'attribut HTML transitionnel border.

 

La bonne méthode: Ajouter ceci à une feuille de style CSS (si on veut que ça s'applique aux images en général):

Code :
  1. img
  2. {border-width:0px;}

Message cité 1 fois
Message édité par jcbrinfo le 06-07-2009 à 15:42:33

---------------
JCBR Info
answer
n°2883
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 06-07-2009 à 18:53:11  
 

@Fixxxxx : sur le fond je suis d'accord je préfères la rigueur de la syntaxe XML et les nouveautés du Html 5 sont bien meilleures que celles envisagées par xHtml 2.0. Et pour la remarque sur CSS 2.1 tu as parfaitement raison :he:


---------------
twitter.com/Ipsudum
answer
n°2884
Fixxx
Profil : Penguin Pro
Avatar
profil
Posté le 06-07-2009 à 23:32:29  
 

jcbrinfo a écrit :

Bon, je résume.
 
La très vieille méthode à ne pas utiliser (je m'excuse pour l'erreur de mon précédant message): l'attribut HTML transitionnel border.
 
La bonne méthode: Ajouter ceci à une feuille de style CSS (si on veut que ça s'applique aux images en général):

Code :
  1. img
  2. {border-width:0px;}



 
Oui, ou alors simplement:

Code :
  1. img {
  2.     border: none;
  3. }


Meme si le résultat reviens exactement au meme ;)
 
Cerium :ar:  :he:

answer
n°2885
Cindows
Profil : Big Penguin
Avatar
profil
Posté le 07-07-2009 à 00:05:25  
 

Eh bien y'a tout un débat ici.... à lequel je comprends rien  :paf:

 

Bref j'ai une autre question de débutante: j'ai fait mon design mais maintenant j'aimerais écrire dessus question d'y raconter quelque chose. Cependant, lorsque j'écris mon texte, celui-ci se retrouve toujours en dehors de mon design (au-dessus,en-dessouss, à gauche) bref j'ai l'impression de pas écrire mon texte à la bonne place dans le code ce qui doit être le cas étant donné que je n'ai aucune idée de la position dans le code que mon texte doit occupé. Je vous fait donc voir mon code pour que vous pouviez me positionnez clairement car je suis perdue  :neutral:

 

<html>
<head>
<title>Webdesign</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Webdesign.ai) -->
<img src="http://img11.imageshack.us/img11/2047/corpsm.png" width="1028" height="1036" alt="">
<!-- End ImageReady Slices -->
</body>
</html>

 

Voilà donc merci d'avance :smile:

 

Ps: ceci est un design de test et non pas un vrai évidemment


Message édité par Cindows le 07-07-2009 à 00:06:18
answer
n°2886
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 07-07-2009 à 18:32:44  
 

En fait il faut reprendre les bases :)
 
Le contenu (ce que tu veux écrire) est dans le Html, les images/photos aussi (je dis bien les images, pas le design).
Le design de ton site, donc l'apparence est gérée par le CSS.
 
As-tu des bases de html/css ? Si c'est non il faudrait essayer d'apprendre les rudiments de ces deux langages sinon tu vas galérer :p


---------------
twitter.com/Ipsudum
answer
n°2887
Cindows
Profil : Big Penguin
Avatar
profil
Posté le 07-07-2009 à 18:39:56  
 

Je vais essayer de voir pour les bases de Html un peu car j'avais déjà fait une description sur un personnage d'un jeu mais bon je n'avais qu'à mettre la balise du background écrire tout mon texte et refermé ma balise de background à la toute fin. Cependant cela ne semble plus fonctionner  :neutral:
Donc voilà je vais essayer d'aller apprendre les bases du Html sauf que pour le Css il ne me semble pas en utiliser donc je ne vois pourquoi devrais-je l'apprendre ? ( Il se peut que j'ai utilisé l'option Css pour ce code mais en général je n'utilise que l'option Html donc est-ce vraiment important de connaître le Css ? )

 

Merci d'avance  :wink:

 

Edit: Bon voilà j'ai été consulter le Site du zéro et apparemment mon problème venait du fait que mon fond utilisé était codé comme une image et non pas comme fond. Je vais faire d'autres tests mais merci Cerium :wink:


Message édité par Cindows le 07-07-2009 à 19:26:42
answer
n°2888
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 08-07-2009 à 17:14:04  
 

En fait tu n'as pas le choix d'apprendre le CSS :he: Tu ne pourras pas faire ton design avec des <img /> :)
 
Tout les sites (ou presque, dans le "ou presque" je compte tout les sites persos fait il y a plus de 10ans, soit relativement peu) utilise du CSS :)


---------------
twitter.com/Ipsudum
answer
n°2889
Cindows
Profil : Big Penguin
Avatar
profil
Posté le 08-07-2009 à 17:56:40  
 

Bon eh bien je vais essayer d'apprendre le css dans ce cas  :redface:

answer

Aller à :
Ajouter une réponse