Fjerne blå border uten å fjerne alle borderene.

[Torjus]

Hvordan kan jeg beholde 2px rammen på thumbsene, men allikevel slippe den blå rammen rundt "loading.gif" og det fulle bildet?

 

CSS:

#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}

#overlay{ background-image: url(overlay.png); }

* html #overlay{
background-color: #333;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

img
{
border: none;
}

 

Siden: http://home.no.net/fuzzy2/

Hele CSS koden: http://home.no.net/fuzzy2/style.css

 

img { border: none; } og a img { border: none; } har jeg prøvd, men begge kode snuttene fjerner alt av borders

[donkeykong89]

den blå rammen er et tegn på at du har linket med et bilde.

Hvis du setter "border=0 " på loading.gif tror jeg du løser problemet.

[Torjus]

Hvordan gjør jeg det?

 

<a href="kule3.jpg" rel="lightbox"><img src="kule3thumb.jpg"/></a>

[MC2]

Hvordan gjør jeg det?

 

<a href="kule3.jpg" rel="lightbox"><img src="kule3thumb.jpg" border="0" /></a>

5405970[/snapback]

 

 

sånn

[Torjus]

Da forsvant bare borderen rundt thumben.

[MC2]

uten at jeg kan for mye javascript, men du kunne prøve å legge til dette

objLoadingImage.style.border = 0;

i lightbox.js på linje 261 og

objLightbox.style.border = 0;

i samme fil på linje 278.

 

Altså, sånn at de linjene du legger til blir linje 261 og 278.

Endret 8. januar 2006 av MC2

[Torjus]

Nå forsvant borderen fra "loading.gif" ihvertfall!

 

i IE nå så er det forsatt blå border på thumbsene, men ikke i FF.

 

Og på det fulle bildet så er det forsatt blå border.

Endret 8. januar 2006 av fUzZy^

[MC2]

hmm, prøv å legge til det samme på linje 241.

 

EDIT: men prøv med

objLightbox.style.border = '0';

istedet. (mulig det hjelper)

Endret 8. januar 2006 av MC2

[Torjus]

hmm, prøv å legge til det samme på linje 241.

 

EDIT: men prøv med

objLightbox.style.border = '0';

istedet. (mulig det hjelper)

5406779[/snapback]

 

Når jeg prøvde det siste du nevnte nå så klikket bare scriptet når jeg la til noe på linje 241.

 

Loading.gif og selve bildet kommer ikke opp engang, bare det gjennomsiktige laget over hele siden.

[funkweb]

Prøv denne:

 

img
{
border-style: none;
} 

[Jesper Karsrud]

Hva med å bare legge inn border: 0; på * ? Der du vil ha borders definerer du det gjerne uansett, gjør du ikke? Jeg lagde akkurat et galleri som bruker lightbox, og jeg bare slang inn border: 0; på * {}, uten at det ødela resten av siden...

[robgar]

hva med en klasse:

 

css :

 

img {
 border: 0;
}

.skalHaBorder {
 border: 3px solid blue;
}

 

så De bildene som du skal ha border rundt, kaller du bare opp klassen skalHaBorder slik :

 

<img src="bilde_ønsker_border.gif" class="skalHaBorder">

De som skal være foruten border slik :

<img src="bilde_ønsker_ikke_border.gif">

Endret 10. januar 2006 av robgar