---

Hej alle

Har et lille problem med et banner.
http://www.drosten.dk/140x350_hungover2/140x350_hungover2.html
På ingen måde reklame for firmaet!

Jeg skal lave et lignende banner men vil gerne gøre logoet
klikbart (linke til en side). Er total rookie så kan ikke lige
gennemskue det, nogen her der kan hjælpe?

På forhånd tak

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

---

Morten Drost wrote:

> Jeg skal lave et lignende banner men vil gerne gøre logoet
> klikbart (linke til en side). Er total rookie så kan ikke lige
> gennemskue det, nogen her der kan hjælpe?

<a href="en_anden_side.html"><img src="banner.gif" alt="banner"></a>

Hvor svært kan det være?

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

---

Erik Ginnerskov:

Tak for svaret men ikke lige det jeg leder efter. Kender godt
overstående kode. Mit problem er at min kunde ønsker samme type banner
med drop-down liste. Det er lavet i en table hvor billedet (grafikken)
er baggrund og der er brugt 1x1 pixel gennemsigtige blokke til at
justere menuen på plads. Mit problem er at jeg ønsker et klikbart
område (Hotspot) omkring logoet. Hvordan får jeg det og samtidig bevare
den oprindelige kode?

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

---

Morten Drost wrote:
> Erik Ginnerskov:
>
> Tak for svaret men ikke lige det jeg leder efter. Kender godt
> overstående kode. Mit problem er at min kunde ønsker samme type banner
> med drop-down liste. Det er lavet i en table hvor billedet (grafikken)
> er baggrund og der er brugt 1x1 pixel gennemsigtige blokke til at
> justere menuen på plads. Mit problem er at jeg ønsker et klikbart
> område (Hotspot) omkring logoet. Hvordan får jeg det og samtidig
> bevare den oprindelige kode?

Skal nok bruge et MAP. Et Map er et "kort" over de klikbare områder på et
billede. Der kan være et "uendeligt" antal hotspots på dit billede, endda i
forskellige figurer - firkant, cirkel (ellipse) eller polygon.

Lad os sige du har det omtalte banner - det klikbare område (hotspot) kan du
definere således :

<map name=mitbannermap>
<area href='link_til_banner_site.html' alt='klik her' shape=rect
coords='10,50,100,80">
</map>

på banneret tilføjer du så

<img src=xxx alt=xxx USEMAP=mitbannermap>

---

Konrad wrote:

> <img src=xxx alt=xxx USEMAP=mitbannermap>

Hvis det også skal virke i alle browsere, mangler der en havelåge:

<img src="xxx" alt="xxx" USEMAP="#mitbannermap">

Det er også en god ide at gøre det til en vane at sætte anførselstegn om
attributternes værdier.

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

---

Erik Ginnerskov wrote:
> Konrad wrote:
>
>> <img src=xxx alt=xxx USEMAP=mitbannermap>
>
> Hvis det også skal virke i alle browsere, mangler der en havelåge:

Ja

> <img src="xxx" alt="xxx" USEMAP="#mitbannermap">
>
> Det er også en god ide at gøre det til en vane at sætte anførselstegn
> om attributternes værdier.

Nu er det jo strengt taget også et "håndskrevet" eksempel udi brugen af map,
og ikke en pedants validerbare hjemmeside i produktion.

---

Konrad wrote:

> Nu er det jo strengt taget også et "håndskrevet" eksempel udi brugen
> af map, og ikke en pedants validerbare hjemmeside i produktion.

Min bemærkning om anførselstegn har du da lov til at kalde pedanteri, det
siger i mine øjne mere om dig end om mig.

Men når jeg fortæller, at den af dig serverede kode ikke fungerer i alle
browsere på grund af et manglende tegn, ville det klæde dig at tage
oplysningen til efterretning. Det er nu en gang en god ide ikke at
frasortere en pæn procentandel af sine potentielle brugere, bare fordi ens
side er kodet forkert.

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

---

Erik Ginnerskov wrote:
> Konrad wrote:
>
>> Nu er det jo strengt taget også et "håndskrevet" eksempel udi brugen
>> af map, og ikke en pedants validerbare hjemmeside i produktion.
>
> Min bemærkning om anførselstegn har du da lov til at kalde pedanteri,
> det siger i mine øjne mere om dig end om mig.

Det var ikke dig jeg havde i tankerne personligt - blot et "kvikt" svar.
Meningen med det oprindelige svar er jo spørgsmålet - det "udenom" må/kan
spørgeren selv tage stilling til/regne ud. Jeg synes de grundlæggende
CSS-regler er implicitte, og behøves ikke at blive repeteret ved hvert
eneste svar.

Men undskyld jeg glemte at sætte anførselstegn omkring attributter - skal
nok prøve at huske det hvis jeg en dag skulle skrive noget mere i denne
gruppe. .

> Men når jeg fortæller, at den af dig serverede kode ikke fungerer i
> alle browsere på grund af et manglende tegn, ville det klæde dig at
> tage oplysningen til efterretning.

Jeg skrev JA! Det var jo en ret relevant oplysning, og en stor forglemmelse.

> Det er nu en gang en god ide ikke
> at frasortere en pæn procentandel af sine potentielle brugere, bare
> fordi ens side er kodet forkert.

Jeg tror du er enig med et stort flertal af dem der læser i denne gruppe.
Men jeg mener så heller ikke man frasorterer brugere fordi man i en enkelt
eksemplificerende HTML-sætning ikke får sat anførselstegn omkring 3
attributter, i et lille svar her på dk.edb.internet.webdesign.html - jeg
tror heller ikke spørgeren mister brugere.

---

Konrad wrote:

> Men jeg mener så heller ikke man frasorterer brugere fordi
> man i en enkelt eksemplificerende HTML-sætning ikke får sat
> anførselstegn omkring 3 attributter,

De manglende anførselstegn har nu ikke nogen betydning i den retning. Det er
kun for at vænne sig til at skrive så fejlfri - valid - kode, som muligt.
Hvis den slags detaljer ligger på rygraden, er springet ikke så stort, den
dag man måtte vælge at skrive xhtml.

Jeg tænkte mere på den manglende havelåge. Og ja, du havde noteret dig
forskellen. Jeg beklager, at jeg overså den detalje i dit sidste svar.

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

---

"Morten Drost" <tutze88@hotmail.com> wrote in message
news:46b65f8a$0$90271$14726298@news.sunsite.dk...
> Erik Ginnerskov:
>
> Tak for svaret men ikke lige det jeg leder efter. Kender godt
> overstående kode. Mit problem er at min kunde ønsker samme type banner
> med drop-down liste. Det er lavet i en table hvor billedet (grafikken)
> er baggrund og der er brugt 1x1 pixel gennemsigtige blokke til at
> justere menuen på plads. Mit problem er at jeg ønsker et klikbart
> område (Hotspot) omkring logoet. Hvordan får jeg det og samtidig bevare
> den oprindelige kode?
>

Del koden i 2.
Øverste del med billed som er klikbart, nederst med dropdown!?

--
Thrane

---

Den Tue, 07 Aug 2007 04:42:00 +0200 skrev Konrad:

> Erik Ginnerskov wrote:
>> Konrad wrote:
>>
>>> <img src=xxx alt=xxx USEMAP=mitbannermap>
>>
>> Hvis det også skal virke i alle browsere, mangler der en havelåge:
>
> Ja
>
>> <img src="xxx" alt="xxx" USEMAP="#mitbannermap">
>>
>> Det er også en god ide at gøre det til en vane at sætte anførselstegn
>> om attributternes værdier.
>
> Nu er det jo strengt taget også et "håndskrevet" eksempel udi brugen af map,
> og ikke en pedants validerbare hjemmeside i produktion.

Her i denne gruppe kan man gøre 2 ting når folk spørger:
Man kan give dem en fix og færdig kode de bare kan kopiere og sætte ind -
det lærer de ikke en skid af, og spørger igen 20 min. senere om løsningen
på næste problem.
Eller man kan give dem et vink om hvordan de kan løse deres problem. Så må
de selv i gang med at "studere" og finde svaret.
Du brugte den sidste metode Konrad - det syntes jeg er den bedste hjælp
der kan gives.

--
Med venlig hilsen
Karl Erik Christensen

www.ranunkelvej.com - www.ranunkelvej.com/sai/

---

Den Tue, 07 Aug 2007 21:17:16 +0200 skrev Erik Ginnerskov:

> Karl Erik Christensen wrote:
>
>> Eller man kan give dem et vink om hvordan de kan løse deres problem.
>> Så må de selv i gang med at "studere" og finde svaret.
>
> Jeg synes bestemt ikke, det er en god hjælp at komme med et kodeeksempel,
> som vides ikke at fungere i alle browsere.
>
> Men jeg kan da komme med et link til en side, hvor man kan læse sig til,
> hvordan det laves fra bunden, ved håndkraft eller med et hjælpeværktøj:
>
> http://hjemmesideskolen.dk/html/hotspot.asp
>

Det har nu taget mig ca. 8 dage at få min side
http://www.ranunkelvej.com/sai/ til at fungere så nogenlunde (nogenlunde,
for sikker kan man jo aldrig være) i næsten alle browsere, ved næsten alle
skærmopløsninger. Jeg lagde ud med at tro, at CSS var noget
ukontrollerbar l***, men har måttet æde mine ord. Hvis jeg bare havde
spurgt her, og fået koderne serveret, i stedet for at give mig til at løse
problemerne, havde jeg i dag ikke været klogere end for 8 dage siden.
Men sådan er vi jo heldigvis så forskellige.

--
Med venlig hilsen
Karl Erik Christensen

www.ranunkelvej.com - www.ranunkelvej.com/sai/