/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Et billedelink problem
Fra : Keld H. Mikkelsen


Dato : 23-07-04 23:55

Hej

Jeg sidder lige og roder lidt med følgende testside:

HTML: http://www.jernbanebilleder.dk/billeder/vis_index.php?KategoriID=1
CSS: http://www.jernbanebilleder.dk/typografiark.css

Det er meningen at kanten rundt om billedelinks skal have samme farve som
tekstlinks, altså rød (#CC0033) når linket er ubesøgt og mørkegråt (#999999)
når linket er besøgt. Jeg har testet siden med Netscape 7.1 og
InternetExplorer 6.0, og farverne på billedelinks virker fint med Netscape,
hvorimod at IE ikke kan finde ud af det og viser billedelinks som blå og
lilla.

Er der nogen der har et bud på, hvad jeg skal rette?

--
mvh. Keld H. Mikkelsen
http://www.jernbanebilleder.dk



 
 
Ryan Kristensen (24-07-2004)
Kommentar
Fra : Ryan Kristensen


Dato : 24-07-04 02:03

On Sat, 24 Jul 2004 00:54:56 +0200, Keld H. Mikkelsen
<mz1456SLETDETTE@hotmail.com> wrote:

> Det er meningen at kanten rundt om billedelinks skal have samme farve som
> tekstlinks, altså rød (#CC0033) når linket er ubesøgt og mørkegråt
> (#999999)
> når linket er besøgt.

Når du sætter border på dine img, og ikke definere farven, så vælger IE
blå som standard.
Hvis du fjerner border='1' på dine img-tags, så forsvinder den blå kant. -
Du skal sikkert også angive:
img {
border:none;
}
i dit stylesheet for at være sikker.
Og så er det ellers bare at skrive:
A.grafik:link {
border:1px solid #cc0033;
}

A.grafik:visited {
border:1px solid #999;
}

Derudover vil der formentligt ikke være bogen border i højre side, da dine
tabel-celler er sat til en bredde på 150px. Bredden af billedlinksene
bliver: Billedernes bredde (150px) + border (2x1px) + padding (0px), så
hvis du sætter din width til 152px, så skulle det virke.

Du har i øvrigt enormt meget kode, som sagtens kunne reduceres, hvis du
brugte css til det i stedet.
Hvis du har lyst, så kan du tage et kig på
<http://www.html.dk/tutorials/css/>.

--
Ryan Kristensen

Jesper Brunholm (24-07-2004)
Kommentar
Fra : Jesper Brunholm


Dato : 24-07-04 10:42

Ryan Kristensen wrote:

> Når du sætter border på dine img, og ikke definere farven, så vælger IE
> blå som standard.

- hvis det er et link, fordi blå er standard linkfarve, hvis det ikke er
et link bliver den sort.
Det undrer mig at explorer ikke automatisk vælger den angivne linkfarve,
men sådan er den jo så mærkelig

> Hvis du fjerner border='1' på dine img-tags, så forsvinder den blå kant.
> - Du skal sikkert også angive:
> img {
> border:none;
> }

Sidstnævnte kan gøre det alene, men der er ingen grund til at beholde
border-angivelsen på img-tagget - den er forældet og bliver ikke brugt
når der er angivet noget med css.

> Og så er det ellers bare at skrive:
> A.grafik:link {
> border:1px solid #cc0033;
> }
>
> A.grafik:visited {
> border:1px solid #999;
> }

En del browsere overholder standarden og gør forskel på store og små
selectorer, så "a.grafik..." er nok bedre til den aktuelle kode.

Hvis man i øvrigt vil sikre sig for alle billeders vedkommende kan man
bruge a.img.link osv i stedet for.

mvh

Jesper Brunholm

--
Phønix - dansk folk-musik i front - <http://www.phonixfolk.dk/>
H.C. Andersen-Centret: <http://www.andersen.sdu.dk/>

Ryan Kristensen (25-07-2004)
Kommentar
Fra : Ryan Kristensen


Dato : 25-07-04 13:48

On 24 Jul 2004 11:41:33 +0200, Jesper Brunholm
<nospam@brunholm-scharff.dk> wrote:

> En del browsere overholder standarden og gør forskel på store og små
> selectorer, så "a.grafik..." er nok bedre til den aktuelle kode.

I den nævnte kode skrives der: <A HREF=...>
Hvis vi nu forestillede os, at dette var lovligt xhtml, og vi sendte det
med application/xhtml+xml, ville man så ikke skulle skrive A:link, for at
ramme disse link?

--
Ryan Kristensen

Jesper Brunholm (25-07-2004)
Kommentar
Fra : Jesper Brunholm


Dato : 25-07-04 20:50

Ryan Kristensen wrote:
>> En del browsere overholder standarden og gør forskel på store og små
>> selectorer, så "a.grafik..." er nok bedre til den aktuelle kode.
>
> I den nævnte kode skrives der: <A HREF=...>

Jeg kiggede kun kort i koden, og så et par "a href" med småt.

Men - oprigtigt talt - det var ikke for at påstå at du havde mindre styr
på koden end mig, jeg ville bare sikre mig at det ikke var en case-fejl
som gjorde at det ikke virkede som det skulle

Jeg huskede åbenbart forkert, for der _er_ ikke forskel på om man
definerer HTML-tags-selectorer med stort eller småt i css (i hvert fald
ikke ifølge det jeg kan teste mig frem til ).

mvh

Jesper Brunholm

--
Phønix - dansk folk-musik i front - <http://www.phonixfolk.dk/>
H.C. Andersen-Centret: <http://www.andersen.sdu.dk/>

Lasse Reichstein Nie~ (24-07-2004)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 24-07-04 11:37

Jesper Brunholm <nospam@brunholm-scharff.dk> writes:

> Ryan Kristensen wrote:
>
>> Når du sætter border på dine img, og ikke definere farven, så vælger
>> IE blå som standard.
>
> - hvis det er et link, fordi blå er standard linkfarve, hvis det ikke
> er et link bliver den sort.

Sådan vil det virke i en browser der forstår CSS hvis billedet er
stylet med:
a:link img {border: 2px solid;}
Når man udelader farven fra en "border"-erklæring, så bliver den
default til farven på den omgivende tekst.

> Det undrer mig at explorer ikke automatisk vælger den angivne
> linkfarve, men sådan er den jo så mærkelig

Je, det er underligt. Koden:
---
<style type="text/css">
a:link {color:orange;}
a:link img {border: 2px solid; }
</style>
<a href='foo.html'>X<img src="../../PicA.png">X</a>
---
har stadig en blå kant på billedet. Det er altså IE der ikke forstår
CSS (men det er jo ikke nogen nyhed :)

> En del browsere overholder standarden og gør forskel på store og små
> selectorer, så "a.grafik..." er nok bedre til den aktuelle kode.

CSS brugt på HTML (som jo ikke er case-sensitiv) er heller ikke
case-sensitiv (<URL: http://www.w3.org/TR/CSS2/selector.html#q1>)
---
The case-sensitivity of document language element names in selectors
depends on the document language. For example, in HTML, element names
are case-insensitive, but in XML they are case-sensitive.
---

> Hvis man i øvrigt vil sikre sig for alle billeders vedkommende kan man
> bruge a.img.link osv i stedet for.

Det ville matche
<a class="img link">
Mener du
a:link img
?

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Jesper Brunholm (24-07-2004)
Kommentar
Fra : Jesper Brunholm


Dato : 24-07-04 14:13

Lasse Reichstein Nielsen wrote:

[snip case-sensitivitet i html-tags]

> CSS brugt på HTML (som jo ikke er case-sensitiv) er heller ikke
> case-sensitiv (<URL: http://www.w3.org/TR/CSS2/selector.html#q1>)

du har nok ret - jeg kan huske at have oplevet fejl med P og p, men det
er længe siden, så lad os håbe det er en nu udgået browser

I hvert fald så er standarden tydeligvis enig med dig, så lad os gå ud
fra at det ikke giver problemer.

>>Hvis man i øvrigt vil sikre sig for alle billeders vedkommende kan man
>>bruge a.img.link osv i stedet for.

> Mener du
> a:link img

ja da!

mvh

Jesper Brunholm

--
Phønix - dansk folk-musik i front - <http://www.phonixfolk.dk/>
H.C. Andersen-Centret: <http://www.andersen.sdu.dk/>

Lasse Reichstein Nie~ (25-07-2004)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 25-07-04 14:18

Ryan Kristensen <ryankristensen@hotmail.com> writes:

> I den nævnte kode skrives der: <A HREF=...>
> Hvis vi nu forestillede os, at dette var lovligt xhtml, og vi sendte
> det med application/xhtml+xml,

.... til en browser som fatter det ...

> ville man så ikke skulle skrive A:link, for at ramme disse link?

Jo.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Jens Gyldenkærne Cla~ (25-07-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 25-07-04 22:51

Jesper Brunholm skrev:

> Jeg huskede åbenbart forkert, for der _er_ ikke forskel på om
> man definerer HTML-tags-selectorer med stort eller småt i css

Det der måske kan snyde, er at klasse- og id-navne er
versalfølsomme. Der er derfor forskel på

p.test { color: red; }

- og

p.Test { color: red; }

I quirks mode er IE, Mozilla/Firefox og Opera ligeglade med
versaleringen, men i standardmode har alle browsere forskel på
store og små bogstaver i klassenavne.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408937
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste