Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1237 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Cherche une propriété CSS

 


 Mot :   Pseudo :  
 
 Page :   1  2  3
Page Précédente
Auteur Sujet :

Cherche une propriété CSS

n°1457721
kalagan64
Posté le 15-10-2006 à 22:18:43  profilanswer
 

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>

mood
Publicité
Posté le 15-10-2006 à 22:18:43  profilanswer
 

n°1457722
dwogsi
Défaillance cérébrale...
Posté le 15-10-2006 à 22:19:31  profilanswer
 

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

n°1457723
kalagan64
Posté le 15-10-2006 à 22:25:08  profilanswer
 

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

n°1460909
gatsu35
Blablaté par Harko
Posté le 19-10-2006 à 19:37:55  profilanswer
 

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

n°1461029
gatsu35
Blablaté par Harko
Posté le 20-10-2006 à 00:09:21  profilanswer
 

[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
n°1461032
gatsu35
Blablaté par Harko
Posté le 20-10-2006 à 00:15:14  profilanswer
 

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à

n°1461040
mIRROR
Chevreuillobolchévik
Posté le 20-10-2006 à 01:00:59  profilanswer
 

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 )

n°1461041
kalagan64
Posté le 20-10-2006 à 01:09:45  profilanswer
 

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
n°1462073
FlorentG
Unité de Masse
Posté le 21-10-2006 à 18:05:49  profilanswer
 

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.

n°1462075
FlorentG
Unité de Masse
Posté le 21-10-2006 à 18:07:57  profilanswer
 

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 !

mood
Publicité
Posté le 21-10-2006 à 18:07:57  profilanswer
 

n°1462077
FlorentG
Unité de Masse
Posté le 21-10-2006 à 18:09:15  profilanswer
 

chercheinfos a écrit :

pour pousser encore plus loin :


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

n°1462088
mIRROR
Chevreuillobolchévik
Posté le 21-10-2006 à 18:21:43  profilanswer
 

k lol [:tinostar]
 

n°1462135
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 21-10-2006 à 19:03:04  profilanswer
 

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  

n°1462142
Proov
Art & Science
Posté le 21-10-2006 à 19:16:09  profilanswer
 

The-Shadow a écrit :

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


 
 :o

n°1462144
mIRROR
Chevreuillobolchévik
Posté le 21-10-2006 à 19:17:34  profilanswer
 

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

n°1462146
Proov
Art & Science
Posté le 21-10-2006 à 19:19:28  profilanswer
 

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

n°1462336
FlorentG
Unité de Masse
Posté le 22-10-2006 à 10:46:06  profilanswer
 

The-Shadow a écrit :

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


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

n°1462359
cosmoschtr​oumpf
dawa powered
Posté le 22-10-2006 à 11:37:12  profilanswer
 


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
n°1462500
Chaos Inte​stinal
Posté le 22-10-2006 à 17:37:04  profilanswer
 
n°1462508
Proov
Art & Science
Posté le 22-10-2006 à 17:58:12  profilanswer
 

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

n°1462509
masklinn
í dag viðrar vel til loftárása
Posté le 22-10-2006 à 18:01:00  profilanswer
 

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
n°1462511
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 22-10-2006 à 18:07:55  profilanswer
 

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
n°1462512
Proov
Art & Science
Posté le 22-10-2006 à 18:10:53  profilanswer
 

:lol:

n°1462533
masklinn
í dag viðrar vel til loftárása
Posté le 22-10-2006 à 18:42:46  profilanswer
 

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
n°1462536
cosmoschtr​oumpf
dawa powered
Posté le 22-10-2006 à 18:49:36  profilanswer
 

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
n°1462539
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 22-10-2006 à 18:54:35  profilanswer
 

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.

n°1462553
Proov
Art & Science
Posté le 22-10-2006 à 19:25:09  profilanswer
 

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:

n°1462694
kalagan64
Posté le 22-10-2006 à 23:56:21  profilanswer
 

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 ...
 

n°1462702
masklinn
í dag viðrar vel til loftárása
Posté le 23-10-2006 à 00:03:02  profilanswer
 

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
n°1462731
kalagan64
Posté le 23-10-2006 à 03:13:33  profilanswer
 

merci  :)  

masklinn a écrit :

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

non
 

n°1462734
masklinn
í dag viðrar vel til loftárása
Posté le 23-10-2006 à 04:22:51  profilanswer
 

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
n°1462740
gatsu35
Blablaté par Harko
Posté le 23-10-2006 à 06:27:31  profilanswer
 

masklinn a écrit :

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


Déjà debout ?

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3
Page Précédente

Aller à :
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Cherche une propriété CSS

 

Sujets relatifs
IE et CSSCherche Query Builder open source
[CSS] Blocs de textes qui reviennent à la ligne ???[CSS]
Lien fichier CSS[python] xml / dom / dtd ... cherche connaisseurs !
Cherche CMS adapté à mon besoin[HTML - CSS] Problème avec la balise <a>href="#">blabla</a>
.NET] Je cherche un librairie open source pour convertir PDF ->Image !Cherche exercice pédagogique sur POO
Plus de sujets relatifs à : Cherche une propriété CSS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR