/ 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
"Hovering hand cursor" over billed-links?!
Fra : Karsten Høegh


Dato : 02-08-07 13:57

Hej

Som nybegynder har jeg lavet min hjemmeside i Word:

http://www.funnyartcollective.dk/

Det er lykkedes mig at kopiere Paypal "cart" knapper ind det
rigtige sted (jeg er ikke 100% html analfabet - kun næsten;), -
men sidens anvendelighed lider under at det ikke er specielt
tydeligt at billederne på forsiden er LINKS.

I modsætning til hyperlinks lavet udfra tekst, skifter cursoren
nemlig ikke fra "pil" til "hånd" når den befinder sig over
"billed linket" (selvom linket virker).

Er der nogen der kan hjælpe?

VH Karsten

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Ukendt (02-08-2007)
Kommentar
Fra : Ukendt


Dato : 02-08-07 14:08

Karsten Høegh wrote:
> Hej
>
> Som nybegynder har jeg lavet min hjemmeside i Word:
>
> http://www.funnyartcollective.dk/
>
> Det er lykkedes mig at kopiere Paypal "cart" knapper ind det
> rigtige sted (jeg er ikke 100% html analfabet - kun næsten;), -
> men sidens anvendelighed lider under at det ikke er specielt
> tydeligt at billederne på forsiden er LINKS.
>
> I modsætning til hyperlinks lavet udfra tekst, skifter cursoren
> nemlig ikke fra "pil" til "hånd" når den befinder sig over
> "billed linket" (selvom linket virker).

IE: style=cursor:hand;
FF: style=cursor:pointer;

f.eks <img src='billede.jpg' onClick='myClickEvent();' style='cursor:hand;'>



Birger (02-08-2007)
Kommentar
Fra : Birger


Dato : 02-08-07 14:19

"Konrad" <davidkonrad123gmail.com> skrev i en meddelelse
news:46b1d6ec$0$90275$14726298@news.sunsite.dk...
Karsten Høegh wrote:
snip snip

IE: style=cursor:hand;
FF: style=cursor:pointer;

f.eks <img src='billede.jpg' onClick='myClickEvent();' style='cursor:hand;'>

Brug cursor:pointer - det virker også i IE, mens cursor:hand KUN virker i
IE.

Birger



Karsten Høegh (02-08-2007)
Kommentar
Fra : Karsten Høegh


Dato : 02-08-07 14:41

Konrad wrote in dk.edb.internet.webdesign.html:

>
> IE: style=cursor:hand;
> FF: style=cursor:pointer;
>
> f.eks <img src='billede.jpg' onClick='myClickEvent();' style='cursor:hand;'>
>
>

Øhmm, - tak for det hurtige svar. Word's kode ligner desværre ikke helt dit
eksempel. Mine første forsøg med at paste dit forslag ind virkede i hvert fald
ikke...

Jeg ofrer lidt røgelse til den store trial and error gud - og prøver igen...



--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Ukendt (02-08-2007)
Kommentar
Fra : Ukendt


Dato : 02-08-07 14:53

Karsten Høegh wrote:
> Konrad wrote in dk.edb.internet.webdesign.html:
>
>>
>> IE: style=cursor:hand;
>> FF: style=cursor:pointer;
>>
>> f.eks <img src='billede.jpg' onClick='myClickEvent();'
>> style='cursor:hand;'>
>>
>>
>
> Øhmm, - tak for det hurtige svar.

Det var bare FOR hurtigt - Birger har helt ret. Jeg bruger også pointer fordi det virker begge steder (samt opera FYI).

>Word's kode ligner desværre ikke
> helt dit eksempel. Mine første forsøg med at paste dit forslag ind
> virkede i hvert fald ikke...

Jeg ved ikke hvordan man skulle praktisere det i word, som ikke er beregnet til webdesign men mere publisering af dokumenter i HTML-format. Hvis man indsætter et billede i word og højreklikker på "hyperlink" kan man desværre kun sætte alt-tekst ("skærmtiptekst", vidunderligt MS'sk)

Men - Kan du ikke kalde "skærmtipteksten" på de forskellige link for LINK_A, LINK_B osv. Når du så publiserer dit worddokument til internet eg "web-side", bliver den gemt som en .HTML-fil. Åbn nu ..HTML-filen med notepad, og søg frem til LINK_A etc. Det som står inde i < > klammen, er dit billede og dets link. Umiddelbart før > indsætter du så style='cursor:pointer;' - og ret så LINK_A etc til en forklaring på hvad det er man klikker på.

Håber det hjælper - havde ærlig talt misset at du sad med word


Karsten Høegh (02-08-2007)
Kommentar
Fra : Karsten Høegh


Dato : 02-08-07 15:00

Konrad wrote in dk.edb.internet.webdesign.html:
> Karsten Høegh wrote:
> > Konrad wrote in dk.edb.internet.webdesign.html:
> >
> >>
> >> IE: style=cursor:hand;
> >> FF: style=cursor:pointer;
> >>
> >> f.eks <img src='billede.jpg' onClick='myClickEvent();'
> >> style='cursor:hand;'>
> >>
> >>
> >
> > Øhmm, - tak for det hurtige svar.
>
> Det var bare FOR hurtigt - Birger har helt ret. Jeg bruger også pointer fordi det virker begge steder (samt opera FYI).
>
> >Word's kode ligner desværre ikke
> > helt dit eksempel. Mine første forsøg med at paste dit forslag ind
> > virkede i hvert fald ikke...
>
> Jeg ved ikke hvordan man skulle praktisere det i word, som ikke er beregnet til webdesign men mere publisering af dokumenter i HTML-format. Hvis man indsætter et billede i word og højreklikker på "hyperlink" kan man desværre kun sætte alt-tekst ("skærmtiptekst", vidunderligt MS'sk)
>
> Men - Kan du ikke kalde "skærmtipteksten" på de forskellige link for LINK_A, LINK_B osv. Når du så publiserer dit worddokument til internet eg "web-side", bliver den gemt som en .HTML-fil. Åbn nu ..HTML-filen med notepad, og søg frem til LINK_A etc. Det som står inde i < > klammen, er dit billede og dets link. Umiddelbart før > indsætter du så style='cursor:pointer;' - og ret så LINK_A etc til en forklaring på hvad det er man klikker på.
>
> Håber det hjælper - havde ærlig talt misset at du sad med word
>

Man kan desværre ikke skrive "skærmtiptekst" når man benytter et billede.



--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Ukendt (02-08-2007)
Kommentar
Fra : Ukendt


Dato : 02-08-07 15:16

Karsten Høegh wrote:

>> Jeg ved ikke hvordan man skulle praktisere det i word, som ikke er
>> beregnet til webdesign men mere publisering af dokumenter i
>> HTML-format. Hvis man indsætter et billede i word og højreklikker på
>> "hyperlink" kan man desværre kun sætte alt-tekst ("skærmtiptekst",
>> vidunderligt MS'sk)
>>
>> Men - Kan du ikke kalde "skærmtipteksten" på de forskellige link for
>> LINK_A, LINK_B osv. Når du så publiserer dit worddokument til
>> internet eg "web-side", bliver den gemt som en .HTML-fil. Åbn nu
>> ..HTML-filen med notepad, og søg frem til LINK_A etc. Det som står
>> inde i < > klammen, er dit billede og dets link. Umiddelbart før >
>> indsætter du så style='cursor:pointer;' - og ret så LINK_A etc til
>> en forklaring på hvad det er man klikker på.
>>
>> Håber det hjælper - havde ærlig talt misset at du sad med word
>>
>
> Man kan desværre ikke skrive "skærmtiptekst" når man benytter et
> billede.

Jeg gjorde det før for at være sikker - sidder med Word 2000. Jeg indsætter et billede som forestiller en sandal, højreklikker på billedet - vælger hyperlink->indsæt hyperlink (eller rediger hyperlink), og en dialog kommer op hvor man specificerer URL'en og "skærmtiptekst" (Her til CIA World FactBook med title-tekst "LINK_A") Så gemmer jeg som HTML, og åbner filen i notepad : (her det værste MS krimskrams i toppen skåret væk)

<body lang=DA link=blue vlink=purple style='tab-interval:65.2pt'>

<div class=Section1>

<p class=MsoNormal><a
href="https://www.cia.gov/library/publications/the-world-factbook"
title="LINK_A"><!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:186.75pt;
height:125.25pt'>
<v:imagedata src="./word_test-filer/image001.jpg" o:title="Test til David"/>
</v:shape><![endif]--><![if !vml]><img border=0 width=249 height=167
src="./word_test-filer/image001.jpg" v:shapes="_x0000_i1025"><![endif]></a></p>

</div>
</body>

Og det virker - den generede HTML-side viser billedet, titlen og linker til CIAWFB. Du skal gøre tilsvarende, og så finde LINK_X og rette den til en sigende linkforklaring samt indsætte style='cursor:pointer;' umddelbart efter LINK_X men før > Så skulle du have en ide om hvad jeg mener! Men find dog et andet værktøj end word, for din egen sjælefreds skyld


Karsten Høegh (02-08-2007)
Kommentar
Fra : Karsten Høegh


Dato : 02-08-07 15:23

Excellent! Det vil jeg straks prøve!

Konrad wrote in dk.edb.internet.webdesign.html:
> Karsten Høegh wrote:
>
> >> Jeg ved ikke hvordan man skulle praktisere det i word, som ikke er
> >> beregnet til webdesign men mere publisering af dokumenter i
> >> HTML-format. Hvis man indsætter et billede i word og højreklikker på
> >> "hyperlink" kan man desværre kun sætte alt-tekst ("skærmtiptekst",
> >> vidunderligt MS'sk)
> >>
> >> Men - Kan du ikke kalde "skærmtipteksten" på de forskellige link for
> >> LINK_A, LINK_B osv. Når du så publiserer dit worddokument til
> >> internet eg "web-side", bliver den gemt som en .HTML-fil. Åbn nu
> >> ..HTML-filen med notepad, og søg frem til LINK_A etc. Det som står
> >> inde i < > klammen, er dit billede og dets link. Umiddelbart før >
> >> indsætter du så style='cursor:pointer;' - og ret så LINK_A etc til
> >> en forklaring på hvad det er man klikker på.
> >>
> >> Håber det hjælper - havde ærlig talt misset at du sad med word
> >>
> >
> > Man kan desværre ikke skrive "skærmtiptekst" når man benytter et
> > billede.
>
> Jeg gjorde det før for at være sikker - sidder med Word 2000. Jeg indsætter et billede som forestiller en sandal, højreklikker på billedet - vælger hyperlink->indsæt hyperlink (eller rediger hyperlink), og en dialog kommer op hvor man specificerer URL'en og "skærmtiptekst" (Her til CIA World FactBook med title-tekst "LINK_A") Så gemmer jeg som HTML, og åbner filen i notepad : (her det værste MS krimskrams i toppen skåret væk)
>
> <body lang=DA link=blue vlink=purple style='tab-interval:65.2pt'>
>
> <div class=Section1>
>
> <p class=MsoNormal><a
> href="https://www.cia.gov/library/publications/the-world-factbook"
> title="LINK_A"><!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
&gt; o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
&gt; stroked="f">
&gt; <v:stroke joinstyle="miter"/>
&gt; <v:formulas>
&gt; <v:f eqn="if lineDrawn pixelLineWidth 0"/>
&gt; <v:f eqn="sum @0 1 0"/>
&gt; <v:f eqn="sum 0 0 @1"/>
&gt; <v:f eqn="prod @2 1 2"/>
&gt; <v:f eqn="prod @3 21600 pixelWidth"/>
&gt; <v:f eqn="prod @3 21600 pixelHeight"/>
&gt; <v:f eqn="sum @0 0 1"/>
&gt; <v:f eqn="prod @6 1 2"/>
&gt; <v:f eqn="prod @7 21600 pixelWidth"/>
&gt; <v:f eqn="sum @8 21600 0"/>
&gt; <v:f eqn="prod @7 21600 pixelHeight"/>
&gt; <v:f eqn="sum @10 21600 0"/>
&gt; </v:formulas>
&gt; <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
&gt; <o:lock v:ext="edit" aspectratio="t"/>
&gt; </v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:186.75pt;
&gt; height:125.25pt'>
&gt; <v:imagedata src="./word_test-filer/image001.jpg" o:title="Test til David"/>
&gt; </v:shape><![endif]--><![if !vml]><img border=0 width=249 height=167
> src="./word_test-filer/image001.jpg" v:shapes="_x0000_i1025"><![endif]></a></p>
>
> </div>
> </body>
>
> Og det virker - den generede HTML-side viser billedet, titlen og linker til CIAWFB. Du skal gøre tilsvarende, og så finde LINK_X og rette den til en sigende linkforklaring samt indsætte style='cursor:pointer;' umddelbart efter LINK_X men før > Så skulle du have en ide om hvad jeg mener! Men find dog et andet værktøj end word, for din egen sjælefreds skyld
>


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Karsten Høegh (02-08-2007)
Kommentar
Fra : Karsten Høegh


Dato : 02-08-07 15:18

Ha - ha!

Mine resultater er helt ved siden af:

http://www.funnyartcollective.dk/test.htm

Jeg må vende tilbage til det senere...

VH karsten

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Karsten Høegh (02-08-2007)
Kommentar
Fra : Karsten Høegh


Dato : 02-08-07 15:39

Hurra!

Det virker!

1000 tak.



VH Karsten

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Allan Vebel (02-08-2007)
Kommentar
Fra : Allan Vebel


Dato : 02-08-07 23:48

Konrad skrev:

> f.eks <img src='billede.jpg' onClick='myClickEvent();'
> style='cursor:hand;'>

Hvorfor det? Det er da meget nemmere at lave et
ganske almindeligt link:

<a href="side.htm">
<img src="billede.jpg" alt="Alt-tekst" title="Tekst">
</a>

Her kommer hånden automatisk, det fungerer over det
hele.

--
Allan Vebel
http://html-faq.dk



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste