|
aRTHEGONe
29 septembre 2008 22:28
|
border image et plugin thickbox
Hello PIK, comme cela on ne peut pas faire grand chose... Ce n’est pas un PB spip mais de style CSS.
Il nous faudrait au moins un lien en exemple.
|
|
pikouike
30 septembre 2008 08:30
|
border image et plugin thickbox
oauis mais c’est un site en dev
normalement en html, dan sle cas d’une image cliquable, je met un border=0
mais là dans le css du du css de thickbox, jvois pas où est ce que je pourrait mettre un border:none (je crois que c’est ça en css)
|
|
pikouike
1er octobre 2008 14:38
|
border image et plugin thickbox
là j’ai tout le code css de la thickbox
/* - - - - - - CSS Document - - - - - - - - -
Title : Global style sheet for client-side web development standards
Author : Cody Lindley , modif Fil, BoOz pour spip
- - - - - - - - - - - - - - - - - - - - - */
/* ---------->>> CSS Hacks <<<---------------------------------------------------------------*/
/* doit-on ajouter ca pour ie ? apparement oui :) */
html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}
html {
padding:0
}
/* body{
padding:0
} */
#TB_window {
/*font-size: 1.2em */
font: 10px Verdana, Helvetica, sans-serif;
}
#contentPad{
margin:20px;
}
#TB_overlay {
position: absolute;
z-index:100;
width: 100%;
height: 100%;
top: 0;
left: 0;
min-height:100%;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
#TB_load{
display:none;
}
#TB_window {
position: absolute;
background: #fff;
z-index: 102;
color:#000000;
display:none;
text-align:left;
}
#TB_window img {
display:block;
margin: 10px 0 10px 10px;
border:none;
}
#TB_legend{
/*display:none;*/
position:relative;
}
#TB_legend img{
/*display:none;*/
margin: 0 ;
}
#TB_caption{
padding:10px 35px 10px 10px;
font-weight: bold;
text-align:left;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
padding:0px 35px 10px 10px;
color:#666666;
}
#TB_closeWindow{
padding:0;
margin:0;
width: 26px;
height:26px;
top:0px;
right:10px;
position: absolute;
padding-bottom: 0.7em;
/*margin-right: 10px;*/
text-align:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_closeAjaxWindow{
padding:5px 10px 7px 0;
margin-bottom:1px;
text-align:right;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_load{
position: absolute;
display:none;
height:100px;
width:100px;
z-index:101;
}
#TB_HideSelect{
z-index:99;
position:absolute;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
merci
|
|
aRTHEGONe
2 octobre 2008 00:13
|
border image et plugin thickbox
La comme ca , je ne vois rien de special...
#TB_window img {
display:block;
margin: 10px 0 10px 10px;
border:none;
}
au pire tu as ca qui provoque des marge autour de ton image.
Mais si ton image est un lien alors elle est entourée du lien. Si ton lien est normalement bleu alors tu as l’impression que ton image est entourée de bleu.
moi j’ajoute TOUjJOURS ceci au debut de mes feuilles de style.
a {border:0px}
a img {border:0}
...aucas ou vire tes margin d’image.
|
|
pikouike
2 octobre 2008 15:58
|
border image et plugin thickbox
huumm je crois bien qu’ilfallait rajouter le
a border:0px ;
a img border:0 ;
merci beaucoup pour ton aide ;)
|
|
pikouike
2 octobre 2008 16:46
|
border image et plugin thickbox
en fait non ça marche pas... avec ça a border:0px ;
a img border:0px ;
|
Gérard
10 octobre 2008 17:46
|
border image et plugin thickbox
salut,
je me suis pris la tête sur le problème pendant une bonne soirée...
Il faut modifier le fichier spip_style.css se trouvant dans /spip/dist/
la se trouve les styles à modifier :
"/* Logos, documents et images */
img, .spip_logos margin : 0 ; padding : 0 ; border : none ; margin-bottom:7px ;
.spip_documents text-align : center ; border : none ; padding-right:4px ;
.spip_documents_center clear : both ; width : 100% ; margin : auto ; border : none ;
span.spip_documents_center display : block ; margin-top:1em ; border : none ;
.spip_documents_left float : left ; margin-right : 15px ; margin-bottom : 5px ; border : none ;
.spip_documents_right float : right ; margin-left : 15px ; margin-bottom : 5px ; border : none ;
.spip_doc_titre font-weight : bold ; font-size : 0.8em ; margin-left : auto ; margin-right : auto ; border : none ;
.spip_doc_descriptif clear : both ; font-size : 0.8em ; margin-left : auto ; margin-right : auto ; border : none ;
"
ici la partie de ma feuille de style "améliorée" à laquelle j’ai ajouté "border:none ;"
et voila.
|
SPIP, système de publication pour l’internet
Répondre à la question