---

hvis jeg har den her:
background: url(images/itsalongway.jpg) no-repeat;

Kan jeg så gøre noget inde i CSS for at lave billedet til et link? Som eks.
det her: <a href="lastpage.htm"><img border="0" src="buttonnext.gif"
width="65" height="38"></a>

---

peet_dk skrev:

>Kan jeg så gøre noget inde i CSS for at lave billedet til et link? Som eks.
>det her: <a href="lastpage.htm"><img border="0" src="buttonnext.gif"
>width="65" height="38"></a>

Nej, lav dit link om til display: block og sæt så baggrund der.

Eksempel, din css:

#link {display: block; background: url(a.jpg); width: 100px;
height: 68px}

html:

<a id="link" href="http://usenet.dk"> 
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

---

Knud Gert Ellentoft wrote:

> #link {display: block; background: url(a.jpg); width: 100px;
> height: 68px}
>
> html:
>
> <a id="link" href="http://usenet.dk"> 

Det var huleme da smart, Knud. Det har jeg aldrig
tænkt på man ku' gøre. (Selvom det jo ikke
nødvendigvis siger så meget).
--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk

---

Jørgen Farum Jensen skrev:

>Det var huleme da smart, Knud.

Selv en blind høne ...
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

---

"Jørgen Farum Jensen" skrev
> Knud Gert Ellentoft wrote:
>
> > #link {display: block; background: url(a.jpg); width: 100px;
> > height: 68px}
> >
> > html:
> >
> > <a id="link" href="http://usenet.dk"> 
>
> Det var huleme da smart, Knud. Det har jeg aldrig
> tænkt på man ku' gøre. (Selvom det jo ikke
> nødvendigvis siger så meget).

Ja, jeg vil da så prale lidt, for det er den måde menuerne er lavet på her:

www.formdinfremtid.dk
www.royalmontana.dk
www.ragdollys-cat-link.dk

Det skal lidt arbejde til!

--
Venlig hilsen
Marianne
design af: - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk

---

Knud Gert Ellentoft wrote:
> #link {display: block; background: url(a.jpg); width: 100px;
> height: 68px}
>
> html:
>
> <a id="link" href="&nbsp;http://usenet.dk"> 

Hvad er formålet med den første &nbsp; ?

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/

---

Erik Ginnerskov skrev:

>Hvad er formålet med den første &nbsp; ?

Den er vel egentlig ikke nødvendig, men skulle erstatte linktekst
eller som i spørgerens tilfælde et billede ovenpå
baggrundsbilledet.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

---

Tidemann skrev:

>> > <a id="link" href="http://usenet.dk"> 

>> Det var huleme da smart, Knud.

> Ja, jeg vil da så prale lidt, for det er den måde menuerne er
> lavet på her:
>
> www.formdinfremtid.dk


Tjo - det er vel smart nok i forhold til det grafiske design, men
prøv at se hvordan siden ser ud hvis man kobler css fra (sådan som
fx en søgemaskine ser siden - eller sådan som siden vil se ud på en
mobiltelefon - eller som siden vil se ud i tekstbrowseren lynx).

Alle links fremstår blot som et mellemrum med understregning - ikke
særlig informativt. Man kan forbedre det lidt ved at sætte title på
links, men det bliver ikke nær så godt som en menu hvor teksten kan
læses direkte - enten som tekstlink eller som alt-tekst på et
billede.

Jeg kan ikke se at den måde at lave menulinks på er specielt
anvendelig hvis man gerne vil tage hensyn til søgemaskiner og
handicappede.

--
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

---

Jens Gyldenkærne Clausen wrote:

> Tjo - det er vel smart nok i forhold til det grafiske design, men
> prøv at se hvordan siden ser ud hvis man kobler css fra (sådan som
> fx en søgemaskine ser siden - eller sådan som siden vil se ud på en
> mobiltelefon - eller som siden vil se ud i tekstbrowseren lynx).
>
> Alle links fremstår blot som et mellemrum med understregning - ikke
> særlig informativt. Man kan forbedre det lidt ved at sætte title på
> links, men det bliver ikke nær så godt som en menu hvor teksten kan
> læses direkte - enten som tekstlink eller som alt-tekst på et
> billede.
>
> Jeg kan ikke se at den måde at lave menulinks på er specielt
> anvendelig hvis man gerne vil tage hensyn til søgemaskiner og
> handicappede.
>

Det er smart alligevel, i hvert fald i forhold til /min/
fordom om at det slet ikke ku' la sig gøre.

Jeg tænker nu også, at den slags tricks er til de
/usædvanlige/ situtioner, f.eks. et grafisk sidehoved
uden tekstindhold, hvor du vil indsætte et link til
din forside.

Apropos søgemaskiner er det vist url'en de følger, og
ikke linkteksten, og en title på linket kan jo løse
en del tilgængelighedsproblemer.

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk

---

Jørgen Farum Jensen skrev:

> Jeg tænker nu også, at den slags tricks er til de
> /usædvanlige/ situtioner, f.eks. et grafisk sidehoved
> uden tekstindhold, hvor du vil indsætte et link til
> din forside.

Hvad er fordelen i forhold til et link på et forgrundsbillede
(hvor man både kan sætte alt og title på).


> Apropos søgemaskiner er det vist url'en de følger, og
> ikke linkteksten,

Linkteksten spiller en temmelig stor rolle.
Har du hørt om Google Bombing? (se evt.
<http://en.wikipedia.org/wiki/Google_bomb>
<http://www.google.dk/search?q=miserable+failure&btnI=Jeg+føler+mig+heldig>

--
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

---

Jens Gyldenkærne Clausen wrote:

> Hvad er fordelen i forhold til et link på et forgrundsbillede
> (hvor man både kan sætte alt og title på).
>

Beskæring af baggrundsbillede fremfor vandret komprimering
ved brug img-markøren.


> Linkteksten spiller en temmelig stor rolle.
> Har du hørt om Google Bombing? (se evt.
> <http://en.wikipedia.org/wiki/Google_bomb>
> <http://www.google.dk/search?q=miserable+failure&btnI=Jeg+føler+mig+heldig>
>

Ja, jeg har hørt om det, men kun periferisk.
Interessante links.

Og jo, jeg kan da godt se at linkteksten /kan/ have
betydning for så vidt også linktekst indekseres på
linie med brødtekst på siden.

Men hele spørgsmålet har vel primært interesse for dem,
der vil "play games" med Google?

Jeg har hidtil forladt på almindelig sund sans, der
siger mig at hvis mine artikler har et interessant
indhold og rent faktisk indeholder de nøgleord og
beskrivelser, der vedrører artiklens title, overskrift
og emne, kan det nok ikke gå helt galt.

Jeg har hverken tid eller lyst til at gøre noget
særligt for at få en højere rating hos Google fsv.
angår mit eget websted. Jeg har jo ikke noget, jeg
skal sælge. (Bortset altså fra nogle bøger, men
det er altså ikke årsagen til at jeg har en
hjemmeside).

Omvendt er jeg da glad for, at en del
websidekonstruktører helt af sig selv laver
links til min hjemmeside.

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk

---

Jens Gyldenkærne Clausen skrev:

>Hvad er fordelen i forhold til et link på et forgrundsbillede
>(hvor man både kan sætte alt og title på).

Spørgeren ønskede at sætte et billede oven på baggrundsbilledet
og tilsyneladende en fremadrettet pil ud fra

»Kan jeg så gøre noget inde i CSS for at lave billedet til et
link? Som eks.
det her: <a href="lastpage.htm"><img border="0"
src="buttonnext.gif"
width="65" height="38"></a> «

og i det tilfælde må løsningen vel være god nok (og det er vel
ikke meget anderledes end, hvis man har et galleri med frem- og
tilbagepile, hvor det blot er alm. billeder).

Og det kunne jo også være at man ville ha' den tekst du savner
stående ovenpå baggrundsbilledet i stedet for et billede.

Så ud fra det givne spørgsmål, synes jeg at det er den bedste
løsning frem for noget med en <div onclick ...>.

Og man kan immervæk ikke i alle tilfælde tage hensyn til dem, der
af en eller anden grund ikke vil se css, det er immervæk de
færreste.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

---

Jørgen Farum Jensen skrev:


>> Hvad er fordelen i forhold til et link på et forgrundsbillede
>> (hvor man både kan sætte alt og title på).

> Beskæring af baggrundsbillede fremfor vandret komprimering
> ved brug img-markøren.

Det er selvfølgelig relevant hvis billedet - og dermed linket - har
variabel bredde. Men hvis det skal fungere fornuftigt, kan man vel
lige så godt benytte en baggrundsfarve kombineret med et billede?


> Og jo, jeg kan da godt se at linkteksten /kan/ have
> betydning for så vidt også linktekst indekseres på
> linie med brødtekst på siden.

Linktteksten har primært betydning for indekseringen af den side
linket peger hen på (det er netop på den måde Google Bombing
virker). Men da mængden af links til en side - og specielt mængden
af links med en given tekst - har stor betydning for hvor højt
siden rankeres, er det ret væsentligt at få skrevet gode tekster i
sine links.

> Men hele spørgsmålet har vel primært interesse for dem,
> der vil "play games" med Google?

Nej. Hvis man bare vil kunne finde en side ved at søge på
"ualmindelige" søgetermer - altså søgeord hvor der kun er meget få
andre sider der indeholder dem - kan man godt være ligeglad. Men
hvis man fx vil have en side til at dukke op blandt de første 10 på
et søgeord der også anvendes af mange andre, kan fornuftig brug af
linktekster gøre stor forskel.

--
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

---

Knud Gert Ellentoft skrev:

> Spørgeren ønskede at sætte et billede oven på baggrundsbilledet

O.k. - det har jeg overset. Mine kommentarer gik primært på brugen
af links uden nogen form for tekst (som fx på
www.formdinfremtid.dk, og i dit første eksempel).

> og i det tilfælde må løsningen vel være god nok (og det er vel
> ikke meget anderledes end, hvis man har et galleri med frem- og
> tilbagepile, hvor det blot er alm. billeder).

Alt-teksten gør i mine øjne en stor forskel. Hvis det er et
baggrundsbillede + et forgrundsbillede med alt-tekst der anvendes
som link, er metoden helt fin. Hvis der ikke er tilknyttet nogen
form for tekst til linket, er det i mine øjne et problem.

> Så ud fra det givne spørgsmål, synes jeg at det er den bedste
> løsning frem for noget med en <div onclick ...>.

Vi er helt enige om at løsningen med <div onclick ...> ikke er
anbefalelsesværdig - og at forslaget med links på baggrundsbilleder
klart er at foretrække frem for en onclick-løsning.


> Og man kan immervæk ikke i alle tilfælde tage hensyn til dem, der
> af en eller anden grund ikke vil se css, det er immervæk de
> færreste.

Problemet med søgemaskineindekseringen er måske mere iøjnefaldende
for de fleste. Men ellers er min holdning at man som minimum bør
tage hensyn til folk der ikke kan se css (eller billeder, for den
sags skyld) når det kan gøres uden store krumspring - og det mener
jeg er tilfældet her.

--
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

---

Ah, løsningen fandt jeg inde på wordpress' website :)

<div id="header" onclick="location.href='http://siteaddress/';"
style="cursor: pointer;">Men takker for jeres response :)"peet_dk"
<peetNO@SPAMpeet.dk> skrev i en meddelelse
news:43ca844a$0$165$edfadb0f@dread11.news.tele.dk...
> hvis jeg har den her:
> background: url(images/itsalongway.jpg) no-repeat;
>
> Kan jeg så gøre noget inde i CSS for at lave billedet til et link? Som
> eks. det her: <a href="lastpage.htm"><img border="0" src="buttonnext.gif"
> width="65" height="38"></a>
>

---

peet_dk wrote:

>>Kan jeg så gøre noget inde i CSS for at lave billedet til et link? Som
>>eks. det her: <a href="lastpage.htm"><img border="0" src="buttonnext.gif"
>>width="65" height="38"></a>
>>

Det er et almindeligt html-link du laver der, blot med et
billede i stedet for en linktekst.

Husk title og alt-tekst:

<a *title="Næste side"* href="lastpage.htm"><img border="0" src="buttonnext.gif"
width="65" height="38" *alt="Næste side"*></a>

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk

---

peet_dk skrev:

>Ah, løsningen fandt jeg inde på wordpress' website :)

Dårlig løsning, der er flere, der ikke kan bruge javascript end
der ikke kan se css.

PS. Husk, at citere efter netiketten, hvis du vil ha' at vi skal
forsøge at hjælpe dig fremover.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html