Søg
Avatar billede terke Nybegynder
16. februar 2000 - 12:06 Der er 8 kommentarer og
6 løsninger

2 i 1

Jeg har lige to spørgsmål angående HTML.

1 Kan man bruge et billede, og så opdele de i flere områder, med hvert sit link?

2 Hvordan laver man en link tekst, som lyser op, når musen kører over den?
Avatar billede sokristi Nybegynder
16. februar 2000 - 13:14 #1
Det her tæller vel ikke rigtig som svar, men jeg har for travlt til mere:
Et billede opdeles i flere klikbare med såkaldte (client-side) image-maps. Man definerer nogle koordinater og sår'n

Cascading Style Sheets (CSS)er svaret på din ønskede onMouseOver funktionalitet.

Ud at søge..... :-)
Avatar billede jay Nybegynder
16. februar 2000 - 13:17 #2
1: Ja det kan man godt, man kan gøre det på to måder, du kan lave en såkaldt map, eller du kan lave en table, hvor du sætter cellspacing og cellpadding til "0"

2: her skal du bruge en onMouseOver, hvilket er et JavaScript.
Avatar billede ramlev Nybegynder
16. februar 2000 - 13:17 #3
1.
Navnet er imagemaps, og du kan hente det her :
http://tucows.inet.tele.dk/adnload/dlcutemap.html
er et link til et program der kan gøre det meste af det hørde arbejde for dig. Og efter min mening det bedste til det.
2.du skal her bruge CSS, men det vil ikke virke i Netscape...

Et eksempel:
<html>
<head>
<style>
a {font-family : verdana; font-weight:bold;text-decoration:none; color : #ff0000;}
a:hover { font-family : verdana; font-weight:bold;text-decoration:underline;color : #00ff00;}
</style>
</head>
<body>
<a href="link.html" class="link">her findes dit link</a>
</body>
</html>

good luck

-ramlev
Avatar billede jay Nybegynder
16. februar 2000 - 13:27 #4
Ejh, jeg var måske lige lidt for langsom til at skrive mit svar.
Men du kan få svar på hvordan man laver image-maps her: http://www.scit.wlv.ac.uk/encyc/map.html
Og MouseOver her: http://hotwired.lycos.com/webmonkey/98/23/index3a.html?tw=design
Avatar billede cob Nybegynder
16. februar 2000 - 13:30 #5
Farve skift på tekst link....
Scriptet indsættes lige efter <BODY>

<SCRIPT LANGUAGE="JavaScript"><!-- Hide from old browsers
ua=navigator.userAgent;v=navigator.appVersion.substring(0,1);
if ((ua.lastIndexOf("MSIE")!=-1) && (v!='1') && (v!='2') && (v!='3'))
{document.body.onmouseover=colorize; document.body.onmouseout=normal;
}
    function colorize() {
        src = event.toElement;
        if (src.tagName == "A") {
            src.oldcol = src.style.color;
            src.style.color = "INDSÆT FARVE";
} }
    function normal() {
        src=event.fromElement;
        if (src.tagName == "A") {
            src.style.color = src.oldcol;
} }
//--></SCRIPT>
Avatar billede cob Nybegynder
16. februar 2000 - 13:30 #6
Scriptet jeg sendte virker "naturligvis" ikke i Netscape.... :-(
Avatar billede dkjohn Nybegynder
16. februar 2000 - 13:36 #7
cob > nej, men hvad gør snart det?
Avatar billede ramlev Nybegynder
16. februar 2000 - 13:39 #8
Intet, og det er nok derfor at MS fører den krig om browserne, og tak for det ....
Avatar billede cob Nybegynder
16. februar 2000 - 13:40 #9
Lad os nu ikke gøre det her til en religions krig.... :-)
Avatar billede knogle Nybegynder
16. februar 2000 - 13:40 #10
Det kan laves med CSS (stylesheet):

<style type="text/css">
<!--
  A: { color: black; }
  A:HOVER { color: red; }
-->
</style>
Avatar billede knogle Nybegynder
16. februar 2000 - 13:41 #11
Man behøver IKKE alle de javascript!
Avatar billede cob Nybegynder
16. februar 2000 - 13:43 #12
Der er så meget man IKKE behøver...
Avatar billede dar Nybegynder
16. februar 2000 - 18:01 #13
DEn her er osse et ok alternativ; den gløder (med det gode gamle glow-filter):

<style>
a:hover {
filter:glow;color:00ffff;strength:b;
}
</style>
men jeg er meget lidt sikker på at den fungere, for det var bare ud af hovedet....
Avatar billede kim_bille Nybegynder
17. februar 2000 - 22:27 #14
Det det med maps er faktisk ikke så svært: (skrives i body) 

<map name="mapnavn">
<area coords="0,0,50,50" href="etEllerAndet.htm" alt="Noget">
<area coords="50,0,100,50" href="nogetTredie">
</map>

syntax:
coords="øversteVensteHjørneXKoordinat,øversteVensteHjørneYKoordinat,nedersteHøjreHjørneXKoordinat,nedersteHøjreHjørneYKoordinat"

og i img skrives sådan:
<img src="hvadNu.gif" usemap="#mapNavn">

Kim
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:40 Access udskrift mangler del af ramme om post. Af Uvanga i Access
I går 12:36 nulstille Samsung tablet T-580 Af fase i Tablet
23/1017:19 Kender I "Dropbox" ? Af Ikke-ekspert i Andet software
23/1016:28 Indsæt en kort video i Outlook 2024 Af ErikHg i E-mail programmer
22/1019:20 Hvor kan man finde en god bærbar computer? Af Strawberry i PC
White papers
Flere white papers »