Accueil   Accueil    Forum   Forum    Download   Download    Livre d'or   Livre d'or    Contact   Contact    Liens Web   Liens Web

Astuce du jour - CMS KwsPHP - Le site clés en main

Colonne de gauche

Espace membre

Privé Masquer le formulaire de connexion


Se souvenir de moi ?


Mot de passe oublié
S'enregistrer S’enregistrer

 

Menu

Forum

 

Sujets Importants

fleche basForum : Masquer l’entête

Accès rapide :

 

 Effectuer une Recherche avancée OU

fleche basAstuce du jour  [16 réponses]

puce Index du Forum  » Divers  » Discussions générales


Répondre

 ♦  1 2

fleche bas

σstefff
starsj7.png
Dieu Supreme
Mega Cool


avatar
Hors ligne

Nombre de posts: 3069 (0.41/Jour)
Inscrit(e) le: 24 juin 2006
Visiter son site
Imprimer Permalien lundi 22 septembre 2008 à 16:43  
Hello,

Quand on se retrouve avec une image qui est un lien on n'a obligatoirement une bordure autour.

<a><img src="liendetonimg"></a>

Il y plusieurs façon de supprimer cette bordure:

<a><img src="liendetonimg" border="0" /></a> A éviter
<a><img src="liendetonimg" style="border:none" /></a> long et a mettre dans chaque balise <img>

Une autre astuce qui fonctionne sur toutes les images du portail, rajouter dans la feuille de style.

a img {border: 0 none;}
facile efficace et rapide.

PS:Actuellement dans le portail, il y a environ 550 images qui ont un border="0" ça fait combien de Mb en plus...

EDIT: oublié de préciser dans le cas contraire ou on désire avoir une bordure sur une image au passage de la souris on peut également attribuer une bordure:

a img:hover{border:2px dashed #69f;} par exemple.


Edité lundi 22 septembre 2008 : 20:20 par stefff

https://kangarooroad.com/
@KangarooRoad

Infos CMS KwsPHP

Informations : Avant de poster un sujet sur le forum

Veuillez avant tout vérifiez la comparaison de vos fichiers sur votre site
Mon compte / Outils / Comparaison

La recherche avancée du forum (en ciblant au mieux les options de la recherche)
La Faq - La documentation - La documentation en vidéo - Le sujet "Install et Mise à jour"
Vous devez lire en priorité le topic de la 1.6 pour en découvrir ses fonctionnalités

Afficher


σSexW@x
starsj5.png
Maître


avatar
Hors ligne

Nombre de posts: 1162 (0.16/Jour)
Inscrit(e) le: 25 juin 2006
Visiter son site
Imprimer Permalien lundi 22 septembre 2008 à 16:49  
Bonjour,

Merci Stefff pour cette astuce efficace et simple à mettre en place!

++

ΦOtocinclus
Administrateur
stars7.png


avatar
Hors ligne

Nombre de posts: 3163 (0.43/Jour)
Inscrit(e) le: 02 septembre 2006
Visiter son site
Imprimer Permalien lundi 22 septembre 2008 à 18:03  

Citation de stefff :
Actuellement dans le portail, il y a environ 550 images qui ont un border="0" ça fait combien de Mb en plus...


J'espère que tu as profité de les compter pour corriger ça smiley sg3agtoudoug3ag.jpg


LES C0NS, ÇA OSE TOUT. C'EST MÊME À ÇA QU'ON LES RECONNAÎT.

Michel Audiard

σstefff
starsj7.png
Dieu Supreme
Mega Cool


avatar
Hors ligne

Nombre de posts: 3069 (0.41/Jour)
Inscrit(e) le: 24 juin 2006
Visiter son site
Imprimer Permalien lundi 22 septembre 2008 à 18:19  
Ah ben y a pas de souci oto, je peux rapidement les supprimer , mais il faudra bien tester avant de sortir la prochaine version.





https://kangarooroad.com/
@KangarooRoad

lboubou
starsj6.png
Dieu


avatar
Hors ligne

Nombre de posts: 1521 (0.22/Jour)
Inscrit(e) le: 24 juillet 2007
Visiter son site
Imprimer Permalien lundi 22 septembre 2008 à 20:38  
Salut,
J'avais eu ce problème (voir ici)et la proposition avait déjà était faite pour le CSS, mais je ne savais pas ou l'inserrer...
La mise à jour avait réglé le problème, mais en effet un border 0 se colle à chaque image (affichage source) dans le code.
C'est ça qui fait des Mo en plus ?

http://www.grives.net
http://www.videos-chasse-peche.com
http://www.ruisseau-des-blaquieres.com
http://www.saint-eloi-chateau-gombert.com

σstefff
starsj7.png
Dieu Supreme
Mega Cool


avatar
Hors ligne

Nombre de posts: 3069 (0.41/Jour)
Inscrit(e) le: 24 juin 2006
Visiter son site
Imprimer Permalien lundi 22 septembre 2008 à 21:04  
Hello,

Tu peux insérer ce code a img {border: 0 none;} n'importe où dans la feuille de style du moment que tu respect la structure c-a-d

.uneclass{
text-align:center;
}
ou
#unid{background: #fff;}

Après la fermeture d'une accolade.
De préférence il est mieux de mettre en début de css toutes les balises " générales" :
body{}
h1{}
h2{}
font{}
a {}
a:hover{}
hr{}

ensuite toutes les id et class pour mettre en place le design du site:
#header{}
#conteneur{}
#footer{}
et pour finir le reste
.tesclass{}
#tesid{}


Citation :
mais en effet un border 0 se colle à chaque image (affichage source)



L'astuce n'enlève pas les border="0" du code déjà existant.


Citation :
C'est ça qui fait des Mo en plus ?



Les "border="0" représente qu'une infime partie par rapport au reste du code du portail.
En partant du principe que ça + ça + ça= gros ,autant limité de suite et penser a l'optimisation.






Edité lundi 22 septembre 2008 : 21:07 par stefff

https://kangarooroad.com/
@KangarooRoad

lboubou
starsj6.png
Dieu


avatar
Hors ligne

Nombre de posts: 1521 (0.22/Jour)
Inscrit(e) le: 24 juillet 2007
Visiter son site
Imprimer Permalien lundi 22 septembre 2008 à 21:30  
Merci Stefff pour ce cours pratique, c'est plus clair pour moi ainsi.

Donc si j'ai bien compris il faut que la Team intègre le fait de ne pas ajouter de border=0 dans la prochaine mise à jour et à chacun de voir son thème et de le modifier (ou fait d'une façon générale avec mise à jour)
C'est bien ça ?

http://www.grives.net
http://www.videos-chasse-peche.com
http://www.ruisseau-des-blaquieres.com
http://www.saint-eloi-chateau-gombert.com

σstefff
starsj7.png
Dieu Supreme
Mega Cool


avatar
Hors ligne

Nombre de posts: 3069 (0.41/Jour)
Inscrit(e) le: 24 juin 2006
Visiter son site
Imprimer Permalien lundi 22 septembre 2008 à 21:42  
C'est à la team de décider. Avant de l'inclure, il faut tester en profondeur sur vos sites, pour voir s'il n'y a pas d'effet indésirable, pas d'inquiétude c'est juste du css donc votre site ne sera pas hors-service smiley sg3agD.gif . Il me semble que mg3 utilise les bordures pour certaines images(à confirmer) .

Ensuite s'il n'y a pas de bug la team se réuni autour de la GTR "La Grande Table Rouge" pour décider de la suite a donner.



https://kangarooroad.com/
@KangarooRoad

σjack
starsj6.png
Dieu


avatar
Hors ligne

Nombre de posts: 1624 (0.22/Jour)
Inscrit(e) le: 24 juin 2006
Visiter son site
Imprimer Permalien lundi 22 septembre 2008 à 22:26  
si on met ceci :
a><img src="liendetonimg" style="border:none" /></a> c'est pas prioritaire sur ce qui est marqué dans le css ?

Tech-radiotherapie.info, Le site des techniciens et dosimétristes de radiothérapie

Ancien membre

avatar







Imprimer Permalien lundi 22 septembre 2008 à 22:27  
les chevaliers de la GTR!!!

σstefff
starsj7.png
Dieu Supreme
Mega Cool


avatar
Hors ligne

Nombre de posts: 3069 (0.41/Jour)
Inscrit(e) le: 24 juin 2006
Visiter son site
Imprimer Permalien lundi 22 septembre 2008 à 22:40  
Oui ces prioritaire sur le css. Je tournerais juste dans l'autre sens

<a><img src="tonimage"></a> Dans ce cas on n'a le css a img {border: 0 none;}

Sur le portail il y a une majorité d'images qui n'ont pas besoin de border, dans le cas contraire on affiche une bordure :
<a><img src="tonimage" style="border:1px soli....></a>

En passant: il faut vraiment éviter de mettre des style dans le code, pour de multitude raison smiley sg3agg28g.gif Alourdir le code- réferencement - moteur de recherche )

On peut très bien par exemple:

<div class="maclasse>
<img src="tonimage" />
</div>

et dans le css
.maclass img{border:1px solid #000} = toute les images qu'il y aura dans le div maclasse aura une bordure de 1 px noir

Inconvénient: Il faut mettre à jour les thèmes.



Edité lundi 22 septembre 2008 : 22:41 par stefff

https://kangarooroad.com/
@KangarooRoad

fleche basAstuce du jour  [16 réponses]

Répondre
 ♦  1 2



puce Index du Forum  » Divers  » Discussions générales

Retour Page principale Aide Accueil