Problemer med href

Tags:    html css

Hej.

Jeg er ved at lave en hjemmeside, men det volder mig en del problemer. For det første virker det som om, at IE og FF ikke altid opdatere indholdet som de burde når jeg har foretaget en ændring (F5 hjælper ikke - hvilke andre muligheder er der?).

Jeg har implementeret LightBox 2.0 til at vise mine billeder. Og det er her problemerne kommer...

I HEAD-delen er følgende defineret:

a:link { color: #452; text-decoration:none; border-bottom: 1px solid #b71; padding:1px;}

Det skal være gældende på alle links, dog ikke på billeder!

Et billede kaldes således:

<!-- Billede 1 -->
<a href="images/jato/800x600/001.jpg" rel="lightbox[jato]" title="Brændstof og batterier fra RCsiden.dk"><img src="images/jato/800x600/001.jpg" border="0" width="<?=$width?>" height="<?=$height?>" alt="" title="RCcruise.dk"/></a>

Dvs. der kommer en orange streg under hvert billede og ligeleddes når man åbner dette.

Hvad gør man ved det uden at ændre a:link.

Jeg har prøvet at tilføje denne linje i HEAD-delen:

a.link2:link { color: #452; text-decoration:none; border-bottom: none; padding:1px;}

Men jeg synes ikke rigtig at kunne få det til at virke...

Håber i kan hjælpe...

Hjemmeside:
www.rcoffroad.dk/jatobillede.php

Lightbox har følgende CSS-kode:
http://rcoffroad.dk/css/lightbox.css



Du skal tilføje class element til din links

sådan

Fold kodeboks ind/udKode 




Indlæg senest redigeret d. 02.08.2008 11:34 af Bruger #6559
Jeg har prøvet at definere to a href:

a:link { color: #452; text-decoration:none; border-bottom: 1px solid #b71; padding:1px;}

a.link2:link { color: #452; text-decoration:none; border-bottom: none; padding:1px;}


Hvor jeg så vil bruge link2 til mine billeder. Dem kalder jeg sådan:


<!-- Billede 1 -->
<a class="link2" href="images/jato/800x600/001.jpg" rel="lightbox[jato]" title="Brændstof og batterier fra RCsiden.dk"><img class="link2" src="images/jato/800x600/001.jpg" border="0" width="<?=$width?>" height="<?=$height?>" alt="" title="RCcruise.dk"/></a>


Er de to classe="link2" placeret rigtigt?

Det der sker ved ovenstående er, at thumbnailen ikke længere har den orange streg, men det store billede har det stadig !!

Se evt http://www.rcoffroad.dk/jatobillede.php
Det første billede er som ovenstående.



ved billedet tilføjer du også border="0"



Øhm, altså jeg har allerede tilføjet border="0", vil du have det andre steder? Det burde da ikke ændre på de orange streger?



Når man trykker på billedet? Der kan jeg ikke se nogen streg.



Hmm. Det er mærkeligt !!

prøv denne:

http://www.rcoffroad.dk/test.php

Jeg ser det sådan:
I FF3: Orange streg under både thumbnail og stort billede.

I IE7: Ingen streg under thumbnail men stadig under det store billede...



t