Cherche une propriété CSS

Recherche :

Mot : Pseudo : Filtrer
Page : 1 2 3 Page Suivante Page Précédente Bas de page
Auteur	Sujet : Cherche une propriété CSS

kalagan64

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.

Code :

<table id="tab_menu" border="0" cellpadding="0" cellspacing="0" height="30" width="998">
<tbody>
<tr>
<td>
<img src="images/menu_gauche.gif" alt="" height="30" width="63">
</td>
<td>
<a href="presentation.php">
<img src="images/menu_presentation.gif" alt="Présentation" height="30" width="198">
</a>
</td>
<td>
<a href="presentation.php">
<img src="images/menu_calendrier.gif" alt="Calendrier" height="30" width="187">
</a>
</td>
<td> <img src="images/menu_photos.gif" alt="Photos" height="30" width="163"> </td>
<td> <img src="images/menu_forum.gif" alt="Forum" height="30" width="155"> </td>

Publicité

dwogsi

Défaillance cérébrale...

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

kalagan64

merci dwogsi.

J avais testé
td { border:0; }
et a { border:0; }

[:aurelie22]

gatsu35

Blablaté par Harko

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

gatsu35

Blablaté par Harko

[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

gatsu35

Blablaté par Harko

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à

mIRROR

Chevreuillobolchévik

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 )

Message cité 1 fois

kalagan64

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 :

getVar()
{
return var;
}

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

FlorentG

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.

FlorentG

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 !

Message cité 1 fois

Publicité

FlorentG

chercheinfos a écrit :

pour pousser encore plus loin :

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

mIRROR

Chevreuillobolchévik

k lol [:tinostar]

The-Shadow

Développeur
T'as été voir dans ton profil?

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 :

How nice !

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

Message cité 2 fois

Proov

Art & Science

The-Shadow a écrit :

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

Message cité 1 fois

mIRROR

Chevreuillobolchévik

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

Proov

Art & Science

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

Message cité 1 fois

FlorentG

The-Shadow a écrit :

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

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

cosmoschtroumpf

dawa powered

Proov a écrit :

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]

Message cité 2 fois

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

Chaos Intestinal

chercheinfos a écrit :

non

[:haha]

Proov

Art & Science

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

masklinn

í dag viðrar vel til loftárása

chercheinfos a écrit :

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 :

getVar()
{
return var;
}

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] )

Message cité 1 fois

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?

The-Shadow

Développeur
T'as été voir dans ton profil?

moi je conseille de ne pas mettre d'image du tout dans la doc HTML.

Faut faire comme ça.

Code :

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

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

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

Proov

Art & Science

:lol:

masklinn

í dag viðrar vel til loftárása

The-Shadow a écrit :

moi je conseille de ne pas mettre d'image du tout dans la doc HTML.

Faut faire comme ça.

Code :

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

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

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

Et on peut ne pas donner de couleur de fond comme ça on a de la transparence

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]

Message cité 3 fois

cosmoschtroumpf

dawa powered

masklinn a écrit :

[:vapeur_cochonne]

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

The-Shadow

Développeur
T'as été voir dans ton profil?

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.

Proov

Art & Science

masklinn a écrit :

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

kalagan64

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

Message cité 1 fois

masklinn

í dag viðrar vel til loftárása

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]

Message cité 1 fois

kalagan64

masklinn a écrit :

T'es gentil

merci

masklinn a écrit :

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

non

Message cité 2 fois

masklinn

í dag viðrar vel til loftárása

kalagan64 a écrit :

merci
non

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

Message cité 2 fois

gatsu35

Blablaté par Harko

masklinn a écrit :

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

Déjà debout ?

Message cité 1 fois

Publicité

Page : 1 2 3

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

HTML/CSS

Cherche une propriété CSS

Sujets relatifs
IE et CSS	Cherche 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

Page générée en 0.102 secondes