Søg
Avatar billede jumlie Nybegynder
08. juli 2002 - 18:35 Der er 29 kommentarer og
1 løsning

Rollover Image


Hejsa

Har følgende problem: Man kan se rammen rundt om
Rollover Image når linket har været aktivt.
Desuden vil jeg gerne have at linket skal skifte
farve når det har været besøgt. Er dette muligt
ved et Rollover Image og hvor gøres dette?
Begge spørgsmål skal være besvaret for at få point.
Avatar billede yousif Nybegynder
08. juli 2002 - 23:07 #1
prøv med at indsætte dette mellem din <head> og </head>

<style>
a.rollover : { text-decoration : none; }
</style>

og indsætte dette i din <body>
vlink="green"


MVH
Yousif
www.ys-software.tk
Avatar billede pelkjaer Nybegynder
09. juli 2002 - 05:51 #2
Vi er enige om at "Rollover Image" i Dreamweaver er det samme som "MM_SwapImage".

spørgsmål 1)

indsæt følgende i head:

<style type="text/css">
img {
  border: 0px;
}
</style>

2) Da Rolloverimage ikke er tekstlinks giver spørgsmålet ikke umiddelbart mening, men alm. tekstlinks styles sådan ved visited:

<style type="text/css">
a:visited {
  color: #CCCCCC;
  text-decoration: underline;
}
</style>
Avatar billede 7th Praktikant
09. juli 2002 - 06:10 #3
Hvis du ikke vil have en ramme rundt om dit billed, så indsæt dette.

<img src="ditbilled.xxx" alt="ditbilled" border="0" height="xxx" name="xxx" width="xxx">

border="0" fjerner rammen rundt om dit billed.
Avatar billede pelkjaer Nybegynder
09. juli 2002 - 06:18 #4
7th>>same as

<style type="text/css">
img {
  border: 0px;
}
</style>

=oD
Avatar billede 7th Praktikant
09. juli 2002 - 08:51 #5
Ups sorry, havde ikke set den pelkjaer ;) Du skal have points så ;)
Avatar billede jumlie Nybegynder
09. juli 2002 - 09:44 #6
Pelkjaer -> Det er menuknapper som er indsat som Swap Image. Måske
            dette er en dårlig ide. Har også forsøgt at indsætte
            knapperne som baggrundsbillede i en tabel, således at de
            ikke tager så lang tid at loade, men uden held (se evt.
            mit andet indlæg: Menuknapper.

            Venligst kig på kodningen:

<table width="112" border="0" cellpadding="0" class="tabelmenu" cellspacing="5">
  <tr>
    <td><a href="indhold1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menuknap1','','Billeder/knap_cafecastro_ahover.gif',1)" target="mainFrame"><img name="menuknap1" border="0" src="Billeder/knap_cafecastro%20copy.gif" width="114" height="32"></a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

OBS: Det er kun meningen at knappen skal skifte udseende ved a:link
samt a:hover. Har droppet visited igen.

Kan du hjælpe mig?

p.s. som du kan se er border allerede sat til 0, men rammen er der
alligevel efter visited?
Avatar billede pelkjaer Nybegynder
09. juli 2002 - 10:03 #7
Først, a:hover osv. har ikke noget med javascript at gøre, hvilket Rollover Image er. Så det skal du ikke tænke på her.


Du skal huske at lukke MM_SwapImage() <-- du havde fået slettet ")" 

<tr>
<td><a href="indhold1.html" target="mainFrame" onMouseOver="MM_swapImage('menuknap1','','Billeder/knap_cafecastro_ahover.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Billeder/knap_cafecastro%20copy.gif" name="menuknap1" width="114" height="32" border="0"></a></td>
</tr>

virker fint her, ingen border.
Avatar billede jumlie Nybegynder
09. juli 2002 - 10:05 #8
Pelkjaer-> selve baggrunden på knappen skifter udseende ved a:hover, så kan man overhovedet bruge baggrundsbillede metoden?
Avatar billede pelkjaer Nybegynder
09. juli 2002 - 10:05 #9
Men det kan være fordi du har padding på din tabel, at cellen laver en ramme.

Hvis du vil være helt sikker, så indsæt dette i head:

<style type="text/css">
img {
  border: 0px;
}

table {
  border: 0px;
}
</style>
Avatar billede pelkjaer Nybegynder
09. juli 2002 - 10:07 #10
Jeg ville personligt ikke bruge baggrundsbillede her.

Jeg ville lave en tabel som du har gjort, dog med cellspacing og padding sat til "0", og så indsætte rolloverimages istedet.
Avatar billede pelkjaer Nybegynder
09. juli 2002 - 10:08 #11
Hvad har du css'en "tabelmenu"? Mon ikke det er det der driller.
Avatar billede jumlie Nybegynder
09. juli 2002 - 10:10 #12
Pelkjaer-> rammen kommer først når linket har været aktivt? Forstår
          ikke helt hvad du mener med den første sætning?        Er rollover image den rigtige løsning ell. er baggrundsbilledet? ell. evt. en helt anden løsning?
Avatar billede jumlie Nybegynder
09. juli 2002 - 10:13 #13
css´en "tabelmenu" er for at placere selve tabellen hvor jeg vil have den. Hvor skal jeg ellers angive left, top, height og widht?
Avatar billede pelkjaer Nybegynder
09. juli 2002 - 10:14 #14
Rollover Image er en udmærket løsning.

Fjern class="tabelmenu" fra tabellen, og vis mig din css hvis det fortsætter.
Avatar billede pelkjaer Nybegynder
09. juli 2002 - 10:16 #15
Med width="200" align="center" osv.

Men vis mig istedet alt din css.
Avatar billede jumlie Nybegynder
09. juli 2002 - 10:28 #16
Her er hele koden fra den pågældende frame. Jeg går ud fra at det
er den du skal bruge?

<html>
<head>
<title>Cafe Castro</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.tabelmenu {  position: absolute; visibility: visible; left: 23px; clip:    rect(  ); height: 32px; width: 118px; top: 22px}
-->
</style>
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="#000033" onLoad="MM_preloadImages('Billeder/knap_cafecastro_ahover.gif')">
<table width="112" border="0" cellpadding="0" class="tabelmenu" style="height: 32px">
  <tr>
    <td><a href="indhold1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('knap1','','Billeder/knap_cafecastro_ahover.gif',1)" target="mainFrame"><img name="knap1" border="0" src="Billeder/knap_cafecastro%20copy.gif" width="114" height="32"></a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
Avatar billede pelkjaer Nybegynder
09. juli 2002 - 10:38 #17
Du har igen glemt ")" i swapimage'en

<html>
<head>
<title>Cafe Castro</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.tabelmenu {  position: absolute; visibility: visible; left: 23px; height: 32px; width: 118px; top: 22px}
-->
</style>
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="#000033" onLoad="MM_preloadImages('Billeder/knap_cafecastro_ahover.gif')">
<table border="0" cellpadding="0" cellspacing="0" class="tabelmenu">
  <tr>
    <td><a href="indhold1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('knap1','','Billeder/knap_cafecastro_ahover.gif','1')" target="mainFrame"><img name="knap1" border="0" src="Billeder/knap_cafecastro%20copy.gif" width="114" height="32"></a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html

Jeg nægter at tro der kommer en ramme nu.
Hvis der gør, så upload lige så jeg kan se det.
Avatar billede jumlie Nybegynder
09. juli 2002 - 10:38 #18
Har prøvet at fjerne .tablemenu nu og rammen er der stadigvæk?
Avatar billede pelkjaer Nybegynder
09. juli 2002 - 10:40 #19
Der er ikke noget i .tablemenu der kan lave en ramme, det er der iøvrigt heller ikke i koden nu.

Kan du uploade?
Avatar billede jumlie Nybegynder
09. juli 2002 - 10:54 #20
Har indsat det ekstra tegn (") som der manglede. Nu viser den
ikke længere ahover knappen + at rammen stadig er der.
Hvordan uploader man?
Må jeg evt. e-maile kodningen på alle frames idet, jeg stadigvæk
har nogle begynder problemer. Jeg skal nok sørge for at du får
ekstra points.
Avatar billede pelkjaer Nybegynder
09. juli 2002 - 11:05 #21
Ja så email hele siden incl. billeder i en mappe til webmaster@peterelkjaer.dk
Avatar billede jumlie Nybegynder
09. juli 2002 - 12:04 #22
Pelkjaer -> Du har den indenfor 5 min.
Avatar billede pelkjaer Nybegynder
09. juli 2002 - 14:11 #23
Jeg har fået din mail, men det var jo en del :)

Jeg når ikke at kigge på det før iaften, da jeg arbejder.
Avatar billede pelkjaer Nybegynder
09. juli 2002 - 14:24 #24
Forresten - hvad er din relation til denne café?
Avatar billede jumlie Nybegynder
09. juli 2002 - 16:51 #25
Pelkjaer -> Helt i orden :0) God arbejdslyst.
            Glæder mig til at se hvad du finder ud af.
            Nr. 2 spørgsmål kan du få svar på over e-mail ok´?
Avatar billede pelkjaer Nybegynder
09. juli 2002 - 20:47 #26
Jeg ved ikke hvem der har lært dig at mixe gammeldags html og css samtidig, samt bruge både class="" og style="" på samme element.

Og forsøge at style <table>'s i stil med <div>'s og <span>'s.
Der er ikke noget at sige til det går istykker i Netscape.

Anyway, så drejer det sig jo blot om et par sider, så jeg vil godt smide det *ordentligt* sammen for dig så du har det engang imorgen.

Husk også *aldrig* at bruge ø,ø og å i hverken billeders navne, eller i css navne.

Jeg vender tilbage senere.
Avatar billede jumlie Nybegynder
10. juli 2002 - 10:58 #27
Hvad mener du med gammeldags html? Det er da Dreamweaver der har
sat det meste af koden ind. Hvorfor er det forkert at bruge css i forbindelse med table? Her kan man jo angive præcis hvor tabellen skal være på siden (altså i pixel). Hvis man bruger align som du har
nævnt tidligere så kan man jo kun bruge left, center o.s.v ik´?
Hmmmm er noget forvirret. Hjæææælp :0)
Avatar billede jumlie Nybegynder
10. juli 2002 - 11:09 #28
Hvordan har du i øvrigt selv lært alt det her kodning? Det
er helt klart noget jeg er opsat på at lære nu, men det
virker på mig som lidt af en jungel.
Avatar billede pelkjaer Nybegynder
10. juli 2002 - 11:23 #29
Jeg mener gammeldags når du skriver vlink osv. i body, men samtidig bruger css i stor stil. Det er at blande unødigt.

Mht. dine tabeller, det kan du ikke. Du skal smide et div eller span tag udenom, og style dem istedet.

Nå, men mail er sendt.
Avatar billede jumlie Nybegynder
11. juli 2002 - 13:46 #30
Pelkjaer skulle have haft pointene, men han er ligeglad med dem,
så jeg trækker dem tilbage igen.
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Programmeringsværktøjer kategorien

Titel Indlæg Oprettet Seneste aktivitet
TTY - EMULATOR FOR WINDOWS XP Af snestrup2000 i Programmeringsværktøjer 2 08/02/202615:24 08/02/202618:46
Capcha problemer Af Asky i Programmeringsværktøjer 0 02/03/202517:21 -
senior Af Uroda i Programmeringsværktøjer 1 22/06/202418:29 23/06/202413:17
Sort Skærm Af Kaj Sondrup i Programmeringsværktøjer 5 25/02/202421:45 27/02/202420:17
DATA (D) Af rene1111 i Programmeringsværktøjer 3 21/02/202415:03 22/02/202409:08
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 10:22 Makro der gemmer vedhæftet fil fra Msg og omdøber filen Af lokesa i Excel
30/0313:45 Kablet forbindelse mellem android telefon og windows 11 pc Af 1Dorte i Android
30/0312:04 Elementtype vises - og ikke billedet? Af hkprofil i Billedbehandling
29/0312:08 Problemer med replay af købte kursusvideoer Af annam i Browsere
28/0311:18 DENVER DVB-tMPEG-4 HD TUNER Af ole falsted i Fjernsyn & projektorer
White papers
Flere white papers »