Cherche une propriété CSS

Cherche une propriété CSS - HTML/CSS - Programmation

Marsh Posté le 15-10-2006 à 22:18:43    

Bonjour,
J'essaye de faire un menu avec des images mais je dois être con car je n'arrive pas a trouver la propriété CSS qui vire cette bordure bleu autour de mes images.
Merci de m'aider.
 
http://julienkramps.free.fr/HF/9.JPG

Code :
  1. <table id="tab_menu" border="0" cellpadding="0" cellspacing="0" height="30" width="998">
  2.     <tbody>
  3.       <tr>
  4.         <td>
  5.           <img src="images/menu_gauche.gif" alt="" height="30" width="63">
  6.         </td>
  7.         <td>
  8.           <a href="presentation.php">
  9.             <img src="images/menu_presentation.gif" alt="Présentation" height="30" width="198">
  10.           </a>
  11.         </td>
  12.         <td>
  13.           <a href="presentation.php">
  14.             <img src="images/menu_calendrier.gif" alt="Calendrier" height="30" width="187">
  15.           </a>
  16.         </td>
  17.         <td>  <img src="images/menu_photos.gif" alt="Photos" height="30" width="163"> </td>
  18.         <td>  <img src="images/menu_forum.gif" alt="Forum" height="30" width="155"> </td>

Reply

Marsh Posté le 15-10-2006 à 22:18:43   

Reply

Marsh Posté le 15-10-2006 à 22:19:31    

img { border:0; }
Pourtant pas compliqué!

Reply

Marsh Posté le 15-10-2006 à 22:25:08    

merci dwogsi.
 
J avais testé  
td { border:0; }  
et a { border:0; }
 
 
    [:aurelie22]
 

Reply

Marsh Posté le 19-10-2006 à 19:37:55    

chercheinfos a écrit :

tu peux même le mettre dans le tag de l'image <img border="0" ...


ce qui est naze.
plus de HTML, et utilisation d'un attribut qui risque de devenir obsolète

Reply

Marsh Posté le 20-10-2006 à 00:09:21    

[mode leet puriste]
Dans la plupart des sites les bordures sur images ne sont pas présentes et s'il y en a c'est pour un intérêt particulier (ex : gallerie de miniatures d'images clicables [:spamafote])
Donc autant dès le départ flinguer toutes les bordures des images qui ne servent jamais et spécifier au cas par cas les bordures si besoin est.
 
et puis pour faire encore plus l33t je te propose de nommer ta classe plutôt noborder, c'est plus parlant [:petrus75]
[/mode leet puriste]


Message édité par gatsu35 le 20-10-2006 à 00:09:36
Reply

Marsh Posté le 20-10-2006 à 00:15:14    

Un truc qui serait plutôt débile est de virer tous les margins et padding dès le départ sur la CSS. C'est plutôt gênant après, autant faire au cas par cas dans ces cas là

Reply

Marsh Posté le 20-10-2006 à 01:00:59    

chercheinfos a écrit :

de plus le border="0" des images n'est pas et ne figure pas dans les éléments qui sont susceptibles de devenir obsolètes.


 
ptet parce qu il est pas dans les attributs d img tout court ? [:klem3i1]  
 

Citation :

<!ATTLIST img
  %attrs;
  src         %URI;          #REQUIRED
  alt         %Text;         #REQUIRED
  longdesc    %URI;          #IMPLIED
  height      %Length;       #IMPLIED
  width       %Length;       #IMPLIED
  usemap      %URI;          #IMPLIED
  ismap       (ismap)        #IMPLIED
  >


 
 
c est de la presentation ca n a strictement rien a foutre dans le html :/
(tiré de la dtd html4 au passage donc ca fait longtemps )

Reply

Marsh Posté le 20-10-2006 à 01:09:45    

chercheinfos a écrit :


... pour rester constructif : la façon la plus élégante faire est du type :
 
un fichier externe CSS qui contient :
 
.imgBorder0{
border:0px;
}
 
et dans le HTML un tag image :
 
<img class="imgBorder0" ... />


Ca me fait un peu penser a de la programmation orienté objet,
des méthodes qui paressent inutiles mais en fait non !
genre:

Code :
  1. getVar()
  2. {
  3.    return var;
  4. }

Message cité 2 fois
Message édité par kalagan64 le 20-10-2006 à 01:13:47
Reply

Marsh Posté le 21-10-2006 à 18:05:49    

chercheinfos a écrit :

un border="0" ça ne touche qu'une image, foutre un wildcard sur toutes les images avec un img { border:0; } c'est très très naze.


Mais qu'est-ce qu'il raconte lui  [:johneh]  
 

chercheinfos a écrit :

ça te crée un comportement anormal sur TOUTES les images par défaut.


Et alors ? Déjà c'est pas anormal ! C'est tout-à-fait normal de ne pas avoir de bordure sur les images par défaut  [:johneh]  
 

chercheinfos a écrit :

de plus le border="0" des images n'est pas et ne figure pas dans les éléments qui sont susceptibles de devenir obsolètes.


N'importe quoi, il est déprécié depuis 1998
 

chercheinfos a écrit :


.imgBorder0{
border:0px;
}
 
et dans le HTML un tag image :
 
<img class="imgBorder0" ... />
 
 
++


Et quelle différence du coup avec un border="0", si le nom de la classe est aussi fixé ? Un nom de classe doit être abstrait, et renseigner sur la fonction de l'élément (genre deco, menu, etc.)... Là t'as aucune séparation, vu que le nom de la classe reprend exactement la déclaration CSS.

Reply

Marsh Posté le 21-10-2006 à 18:07:57    

chercheinfos a écrit :

tain merde ya ni le class ni le id dedans, c balot


Bien-sûr que si qu'il y est. On reprend :

<!ATTLIST img
  %attrs;
  src         %URI;          #REQUIRED
  alt         %Text;         #REQUIRED
  longdesc    %URI;          #IMPLIED
  height      %Length;       #IMPLIED
  width       %Length;       #IMPLIED
  usemap      %URI;          #IMPLIED
  ismap       (ismap)        #IMPLIED
  >


Tu vois le "%attrs;" ? C'est une entité dont voici la déclaration :

<!ENTITY % attrs "%coreattrs; %i18n; %events;">


Oh, une autre entité dedans %coreattrs :

<!ENTITY % coreattrs
 "id          ID             #IMPLIED  -- document-wide unique id --
  class       CDATA          #IMPLIED  -- space-separated list of classes --
  style       %StyleSheet;   #IMPLIED  -- associated style info --
  title       %Text;         #IMPLIED  -- advisory title --"
  >


How nice !

Reply

Marsh Posté le 21-10-2006 à 18:07:57   

Reply

Marsh Posté le 21-10-2006 à 18:09:15    

chercheinfos a écrit :

pour pousser encore plus loin :


Rassure-moi, tout tes posts sont ironiques ? [:johneh]

Reply

Marsh Posté le 21-10-2006 à 18:21:43    

k lol [:tinostar]
 

Reply

Marsh Posté le 21-10-2006 à 19:03:04    

FlorentG a écrit :

Bien-sûr que si qu'il y est. On reprend :

<!ATTLIST img
  %attrs;
  src         %URI;          #REQUIRED
  alt         %Text;         #REQUIRED
  longdesc    %URI;          #IMPLIED
  height      %Length;       #IMPLIED
  width       %Length;       #IMPLIED
  usemap      %URI;          #IMPLIED
  ismap       (ismap)        #IMPLIED
  >


Tu vois le "%attrs;" ? C'est une entité dont voici la déclaration :

<!ENTITY % attrs "%coreattrs; %i18n; %events;">


Oh, une autre entité dedans %coreattrs :

<!ENTITY % coreattrs
 "id          ID             #IMPLIED  -- document-wide unique id --
  class       CDATA          #IMPLIED  -- space-separated list of classes --
  style       %StyleSheet;   #IMPLIED  -- associated style info --
  title       %Text;         #IMPLIED  -- advisory title --"
  >


How nice !


 
Conclusion, on peut mettre <img src="toto.jpg" style="border:0" />  :o  

Reply

Marsh Posté le 21-10-2006 à 19:16:09    

The-Shadow a écrit :

Conclusion, on peut mettre <img src="toto.jpg" style="border:0;" />  :o


 
 :o

Reply

Marsh Posté le 21-10-2006 à 19:17:34    

oui mais on est en mode l33Tov3lo4d donc tes styles en lignes c est dehors [:sarko]

Reply

Marsh Posté le 21-10-2006 à 19:19:28    

j'ai bien aimé le post de chercheinfos [:dawa]

Reply

Marsh Posté le 22-10-2006 à 10:46:06    

The-Shadow a écrit :

Conclusion, on peut mettre <img src="toto.jpg" style="border:0" />  :o


SHADOUNET §§§§§ CA FAISAIT LONGTEMPS §§§§

Reply

Marsh Posté le 22-10-2006 à 11:37:12    


nan, le ; sur le dernier élément est facultatif (si je ne me gourre pas)

Proov a écrit :

j'ai bien aimé le post de chercheinfos [:dawa]


tain mais trop +1 quoi [:jar jar]


---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux
Reply

Marsh Posté le 22-10-2006 à 17:37:04    

Reply

Marsh Posté le 22-10-2006 à 17:58:12    

cosmoschtroumpf a écrit :

nan, le ; sur le dernier élément est facultatif (si je ne me gourre pas)
 
tain mais trop +1 quoi [:jar jar]


 
je crois que t'as raison, car il m'a semblé voir plusieurs fois ce fameux point virgule manquant sur le dernier élément :D

Reply

Marsh Posté le 22-10-2006 à 18:01:00    

chercheinfos a écrit :

... pour rester constructif : la façon la plus élégante faire est du type :
 
un fichier externe CSS qui contient :
 
.imgBorder0{
border:0px;
}
 
et dans le HTML un tag image :
 
<img class="imgBorder0" ... />
 
 
++


WTF?
 
C'est une blague [:mlc]
 
Ca n'a strictement rien d'élégant, ça place de la présentation dans le code, et il se passe quoi le jour ou tu veux mettre une bordure sur tes images sans bordure? Tu te retrouves avec ton "imgBorder0" qui met une bordure de 2px, trop de la super balle [:bien]

kalagan64 a écrit :

Ca me fait un peu penser a de la programmation orienté objet,
des méthodes qui paressent inutiles mais en fait non !
genre:

Code :
  1. getVar()
  2. {
  3.    return var;
  4. }



Non, ce qu'il propose est complètement con et n'a strictement rien à voire avec la POO.
 
De plus le problème des getters/setters ne vient pas de la POO mais de la POO-en-java, prière de ne pas confondre les deux merci, il existe nombre de langages OO n'ayant strictement aucun besoin de getters/setters.

chercheinfos a écrit :

pour pousser encore plus loin :
 
ne mettre aucun tag image, juste des div ou des span ou ce que vous voulez du moment que vous avez une bonne barre de leet codeur
 
<div class="jesuisgenial"></div>
 
et dans le css :
 
.jesuisgenial{
background-image: ....
height: ...
width...
}
 
 
ouaiiiissss  :bounce:  c'est trop jetchoupy , et ça devient trop le boxon et on perd trop de temps mais tant pis  :hello:  


Tu racontes vraiment n'importe quoi, ça fait peur [:pingouino]
 
Alors soyons clairs:

  • Une image doit être intégrée via HTML (tag img) si elle a un sens dans le document, par exemple un thumbnail, une preview, un logo (ça dépend des situations), une graphique, le sujet du document (une photo d'un nautile dans un article sur les nautiles me semble logiquement faire partie des données, par exemple). Elle doit néamoins impérativement comporter un attribut "alt" fournissant un texte alternatif (pas une explication, le but de l'alt est de remplacer l'image pas de l'expliquer), elle peut impérativement comporter un attribut "title" expliquant/clarifiant l'image
  • Si elle est là pour la présentation uniquement (joli background, bordures, chevrons multicolores pour une liste, ...) alors il est probablement préférable qu'elle soit intégrée via CSS.
  • Lorsqu'on ajoute des classes ou un ID sur un objet, ceux-ci doivent augmenter la sémantique d'un objet. C'est à dire qu'ils doivent expliquer la spécialisation de l'objet (complètement générique -- div ou span -- ou pas -- strong ou h2) et doivent clarifier son sens. "jesuisgenial", "imgBorder0" ou "bgBlue" sont de parfaits exemples de classes à la con: aucun sens, aucun intérêt, n'apprennent rien sur le rôle de la balise dans le document, niveau réflexif c'est du HTML2.0. "menu", "external-link", "comment", "translation" ou "news-block", par contre, indiquent quelque chose à propos de l'élément, de son rôle dans le document, de son utilité, ...


En termes programmatiques, les IDs et les classes d'un élément sont ses "types" et permettent de lier les éléments semblables (sémantiquement) entre eux, et par la suite si besoin de les rendre graphiquement semblables.
Naturellement le nom même de l'élément (DIV, ADDRESS, BLOCKQUOTE,CODE) est un type, mais c'est un type "built-in" défini par les standard alors que classes et IDs sont des types définis par l'utilisateur (du langage, le codeur de la page donc).

cosmoschtroumpf a écrit :

nan, le ; sur le dernier élément est facultatif (si je ne me gourre pas)


Tu te gourres pas, mais c'est une très mauvaise idée de ne pas le mettre.
 
Moins dans les attributs inline que dans les feuilles de style néamoins (parce que dans les attributs inline on va penser à le rajouter, alors que dans les feuilles 9 fois sur 10 on ne remarque pas qu'il n'est pas là, et après on se demande pourquoi les nouvelles règles sont ignorées [:pingouino])


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

Marsh Posté le 22-10-2006 à 18:07:55    

moi je conseille de ne pas mettre d'image du tout dans la doc HTML.
 
Faut faire comme ça.

Code :
  1. <script LANGAGE="JAVASCRIPT">
  2. function monimage2() {
  3.     document.write='<img src="monimage.jpg" alt="monimage.jpg" align="left">';
  4. }
  5. </SCRIPT>
  6. <p>Ceci est ma page HTML <script>monimage2()</script></p>


 
ça c'est du coding d'élite qui déchire :o

Message cité 1 fois
Message édité par The-Shadow le 22-10-2006 à 18:08:13
Reply

Marsh Posté le 22-10-2006 à 18:10:53    

:lol:

Reply

Marsh Posté le 22-10-2006 à 18:42:46    

The-Shadow a écrit :

moi je conseille de ne pas mettre d'image du tout dans la doc HTML.
 
Faut faire comme ça.

Code :
  1. <script LANGAGE="JAVASCRIPT">
  2. function monimage2() {
  3.     document.write='<img src="monimage.jpg" alt="monimage.jpg" align="left">';
  4. }
  5. </SCRIPT>
  6. <p>Ceci est ma page HTML <script>monimage2()</script></p>


 
ça c'est du coding d'élite qui déchire :o


Pas d'accord.
 
Du codage d'élite qui déchire, c'est d'utiliser du JS pour créer des DIV, à chaque DIV on donne une taille de 1px*1px et une couleur de fond qui va bien, puis on les positionne en absolut pour générer l'image :o
 
Et on peut ne pas donner de couleur de fond comme ça on a de la transparence :o
 
C'est encore mieux que du GIF, parce qu'on est pas limité à 256 couleurs, et c'est mieux que du JPEG parce qu'on a pas de perte de qualité [:dawa]


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

Marsh Posté le 22-10-2006 à 18:49:36    

masklinn a écrit :

Pas d'accord.
 
Du codage d'élite qui déchire, c'est d'utiliser du JS pour créer des DIV, à chaque DIV on donne une taille de 1px*1px et une couleur de fond qui va bien, puis on les positionne en absolut pour générer l'image :o
 
Et on peut ne pas donner de couleur de fond comme ça on a de la transparence :o
 
C'est encore mieux que du GIF, parce qu'on est pas limité à 256 couleurs, et c'est mieux que du JPEG parce qu'on a pas de perte de qualité [:dawa]


 [:vapeur_cochonne]  [:vapeur_cochonne]  [:vapeur_cochonne]  
 [:vapeur_cochonne]  [:vapeur_cochonne]  [:vapeur_cochonne]  
 [:vapeur_cochonne]  [:vapeur_cochonne]  [:vapeur_cochonne]


---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux
Reply

Marsh Posté le 22-10-2006 à 18:54:35    

masklinn a écrit :

Pas d'accord.
C'est encore mieux que du GIF, parce qu'on est pas limité à 256 couleurs, et c'est mieux que du JPEG parce qu'on a pas de perte de qualité [:dawa]


Tiens c'est pas bête ton truc là
ça me donne envie de programmer une routine JS généré par GD qui appellerai une fonction JS en fonction de la décomposition qu'en ferait GD, ça permettrait de dessiner des images parfaites en JS en niquant le bouton droit.  
Bon, on aurait un JS de 4Mo qui mettrait quelques 20 minutes à s'afficher, mais le concept mérite qu'on s'y attarde.

Reply

Marsh Posté le 22-10-2006 à 19:25:09    

masklinn a écrit :

Pas d'accord.
 
Du codage d'élite qui déchire, c'est d'utiliser du JS pour créer des DIV, à chaque DIV on donne une taille de 1px*1px et une couleur de fond qui va bien, puis on les positionne en absolut pour générer l'image :o
 
Et on peut ne pas donner de couleur de fond comme ça on a de la transparence :o
 
C'est encore mieux que du GIF, parce qu'on est pas limité à 256 couleurs, et c'est mieux que du JPEG parce qu'on a pas de perte de qualité [:dawa]


 
ça déchire ton truc, chui sur que ça existe :love:

Reply

Marsh Posté le 22-10-2006 à 23:56:21    

masklinn a écrit :


De plus le problème des getters/setters ne vient pas de la POO mais de la POO-en-java, prière de ne pas confondre les deux merci, il existe nombre de langages OO n'ayant strictement aucun besoin de getters/setters.


Escuse moi mais ya aussi les getters/setters en C++ orienté objet ...
 

Reply

Marsh Posté le 23-10-2006 à 00:03:02    

kalagan64 a écrit :

Escuse moi mais ya aussi les getters/setters en C++ orienté objet ...


T'es gentil, mais le C++ est à l'orientation objet ce que l'alpaga est à la plongée sous-marine [:pingouino]


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

Marsh Posté le 23-10-2006 à 03:13:33    

merci  :)  

masklinn a écrit :

mais le C++ est à l'orientation objet ce que l'alpaga est à la plongée sous-marine [:pingouino]

non
 

Reply

Marsh Posté le 23-10-2006 à 04:22:51    

kalagan64 a écrit :

merci  :)  
non


Dans la mesure où c'est Alan Kay qui le dit... si quand même un peu [:petrus75]


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

Marsh Posté le 23-10-2006 à 06:27:31    

masklinn a écrit :

Dans la mesure où c'est Alan Kay qui le dit... si quand même un peu [:petrus75]


Déjà debout ?

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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