Avatar billede mboesen Novice
18. oktober 2006 - 15:29 Der er 14 kommentarer og
1 løsning

Golive - irriterende blå ramme om IMAGE MAPS og LINKS

Når jeg vælger at gøre et lag, billedet eller lignende til et Image Map i GoLive, så jeg kan lave hotspots, så kommer der en irriterende blå ramme rundt om, når siden åbnes i Explorer. Og hvis jeg lavet et hele foto om til et links, så kommer der også en ramme rundt om (dog ikke blå men lilla) og stadig kun i Explorer. Det kunne ikke i GoLives eget Preview.

Det må man da kunne slå fra eller hvad? Eller skal man virkelig ind og kode på en eller anden måde? Jeg har søgt lidt herinde og fundet noget med FOCUS, ON BLUR og andre mystiske ting. Er det sådan noget jeg er ude i eller er der en lettere måde.

Mener ikke at fænomenet opstår, når man benytter Frontpage til at lave hotspots etc....

Nogen ideer?
Avatar billede fixxxer Nybegynder
18. oktober 2006 - 15:30 #1
border="0"

?
Avatar billede jesper-moeller Nybegynder
18. oktober 2006 - 15:40 #2
som fixxxer siger skal img border være 0 (kan evnt sættes i css)
Avatar billede mboesen Novice
18. oktober 2006 - 15:40 #3
I selve programmet har jeg valgt at slå border fra og når jeg kigger på koden lader det heller ikke til at der står noget. Men kigger lige igen for en sikkerheds skyld.
Avatar billede mboesen Novice
18. oktober 2006 - 15:44 #4
Border står til nul og man ser det som sagt heller ikke i PREVIEW i GOLIVE, men lige så snart man åbner siden i EXPLORER kommer den frem. Og desværre er der jo ret mange som bruger EXPLORER ;-/
Avatar billede mboesen Novice
18. oktober 2006 - 15:46 #5
I kan se kilden her. Det er nede ved ANNONCE at problemet opstår

<html>
<head>
<title>main_2006</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <!-- ImageReady Preload Script (main_2006.psd) --><!-- End Preload Script -->
        <style type="text/css" media="screen"><!--
#annonce { height: 320px; width: 280px; left: 390px; top: 150px; position: absolute; visibility: visible; }
--></style>
        <csscriptdict import>
            <script type="text/javascript" src="file:///C:/Documents%20and%20Settings/tmb/Application%20Data/Adobe/Adobe%20GoLive/Settings8/JScripts/GlobalScripts/CSScriptLib.js"></script>
        </csscriptdict>
        <csactiondict>
            <script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        pre_main_01_ImageMap_04_over = newImage('images/main_01-ImageMap_04_over.gif');
        pre_main_01_ImageMap_03_over = newImage('images/main_01-ImageMap_03_over.gif');
        pre_main_01_ImageMap_02_over = newImage('images/main_01-ImageMap_02_over.gif');
        pre_main_01_ImageMap_01_over = newImage('images/main_01-ImageMap_01_over.gif');
        preloadFlag = true;
    }
}

// --></script>
        </csactiondict>
    </head>
<body bgcolor="#e7e7e7" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (main_2006.psd) -->
<table id="Table_01" width="700" height="500" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
                    <div id="annonce">
                        <font color="black"><img src="images/annoncer%20280x320/maleri.jpg" alt="" height="320" width="280" usemap="#maleri"><map name="maleri"><area shape="rect" coords="70,83,189,113" href="maleri.htm" alt=""></map></font></div>
                    <img name="main_01" src="images/main_01.gif" width="700" height="406" border="0" alt="" usemap="#main_01_Map"></td>
    </tr>
    <tr>
        <td>
            <img src="images/main_02.gif" width="700" height="94" alt=""></td>
    </tr>
</table>
<map name="main_01_Map"><area shape="rect" coords="639,63,673,74" href="info.html" alt="" target="_self"><area shape="rect" coords="62,252,281,328" href="http://www.stockit.dk" alt="" target="_blank"><area shape="rect" coords="629,98,673,109" href="http://www.stockit.dk" alt="" target="_blank"><area shape="rect" coords="474,98,611,109" href="seneste_opgaver.htm" alt="" target="_blank"><area shape="rect" coords="567,63,617,74" href="prisliste.htm" alt="" target="_blank"><area shape="rect" coords="450,63,545,74" href="referencer.htm" alt="" target="_blank"><area shape="rect" alt="" coords="629,30,673,42" href="firma.htm"
    onmouseover="changeImages('main_01', 'images/main_01-ImageMap_04_over.gif'); return true;"
    onmouseout="changeImages('main_01', 'images/main_01.gif'); return true;"
    onmousedown="changeImages('main_01', 'images/main_01-ImageMap_04_over.gif'); return true;"
    onmouseup="changeImages('main_01', 'images/main_01-ImageMap_04_over.gif'); return true;" target="_self"><area shape="rect" alt="" coords="562,30,608,42" href="sport.htm"
    onmouseover="changeImages('main_01', 'images/main_01-ImageMap_03_over.gif'); return true;"
    onmouseout="changeImages('main_01', 'images/main_01.gif'); return true;"
    onmousedown="changeImages('main_01', 'images/main_01-ImageMap_03_over.gif'); return true;"
    onmouseup="changeImages('main_01', 'images/main_01-ImageMap_03_over.gif'); return true;" target="_self"><area shape="rect" alt="" coords="474,30,541,42" href="koncert.htm"
    onmouseover="changeImages('main_01', 'images/main_01-ImageMap_02_over.gif'); return true;"
    onmouseout="changeImages('main_01', 'images/main_01.gif'); return true;"
    onmousedown="changeImages('main_01', 'images/main_01-ImageMap_02_over.gif'); return true;"
    onmouseup="changeImages('main_01', 'images/main_01-ImageMap_02_over.gif'); return true;" target="_self"><area shape="rect" alt="" coords="390,30,453,42" href="bryllup.htm"
    onmouseover="changeImages('main_01', 'images/main_01-ImageMap_01_over.gif'); return true;"
    onmouseout="changeImages('main_01', 'images/main_01.gif'); return true;"
    onmousedown="changeImages('main_01', 'images/main_01-ImageMap_01_over.gif'); return true;"
    onmouseup="changeImages('main_01', 'images/main_01-ImageMap_01_over.gif'); return true;" target="_self"></map>
<!-- End ImageReady Slices -->
</body>
</html>
Avatar billede jesper-moeller Nybegynder
18. oktober 2006 - 15:56 #6
Du har ikke sat borderen til 0
<img src="images/main_02.gif" width="700" height="94" alt="">
bør være
<img src="images/main_02.gif" width="700" height="94" border="0" alt="">
eller i dit stylesheet
img, area  { border: 0px}
Avatar billede mboesen Novice
18. oktober 2006 - 16:00 #7
Jeg tror ikke at jeg helt ved hvad du mener. Der hvor problemet er (tror jeg) i denne del.

Og mht STYLESHEET. Så har det aldrig været min stærke side. Hvor ændre jeg det?

<div id="annonce">
                        <font color="black"><img src="images/annoncer%20280x320/maleri.jpg" alt="" height="320" width="280" usemap="#maleri"><map name="maleri"><area shape="rect" coords="70,83,189,113" href="maleri.htm" alt=""></map></font></div>
                    <img name="main_01" src="images/main_01.gif" width="700" height="406" border="0" alt="" usemap="#main_01_Map"></td>
Avatar billede mboesen Novice
18. oktober 2006 - 16:01 #8
Bliver nød til at gå nu, men vender frygteligt tilbage i morgen!
Avatar billede fixxxer Nybegynder
18. oktober 2006 - 16:03 #9
GoLive tænker i den nye standard: nemlig at hvis border ikke er defineret vises den ikke - noget explorer vælge at gøre modsat og bruger derved en standard der er flere år gammel.
Avatar billede dortek Nybegynder
18. oktober 2006 - 16:03 #10
Du har ret. Det er ikke særligt pænt med de blå rammer på aktive links. Du kan finde en funktion, der hjælper på dit problem på denne side:

http://www.adobe.com/cfusion/exchange/index.cfm#view=sn106&viewName=Exchange%20Search%20Details&loc=en_us&authorid=75218580&page=0&scrollPos=0&subcatid=0&snid=sn106&itemnumber=1&extid=1046010&catid=0

Denne funktion sætte  onfocus=blur() på alle links på en html side.

Jeg har sommetider set den blå firkant på almindelige links (eks. hvis du laver et link på et foto). Dette skal ændres i Inspector. GoLive sætter altid border til aktiv. Sæt flueben i Border og skriv 0 - det skulle virke... Hvis du fjerner fluebenet udfor border kommer der også en meget blå ramme om linket...

Jeg håber én af disse løsninger dur...
Avatar billede jesper-moeller Nybegynder
18. oktober 2006 - 16:17 #11
Hvis vi snakker rammer (i nogle browsere en myresti) rundt om links når de er aktive så har det ikke noget at gøre med bordere (som dortek skrivr)
En løsning mod disse kan være min "RemoveLinkBox" action på http://www.jart.dk/jgom/index.html den fjerner disse fra links og emagemap, vær dog opmærksom på at fjerner man dem fjerner man også mulighede for tab browsing.

Mht. CSS finder du lidt gode toturials her http://www.goliveessentials.com/learning_center/video_demos/index.php
Avatar billede mboesen Novice
19. oktober 2006 - 07:49 #12
Først - hvad er lige onfocus=blur()?

Og til det vigtigste. Jeg tror simpelthen at det virkede - den med at slå bordr til, men sætte den til 0. Det ser sådan ud, så dortek får pointene! Måske skulle fixxxer have nogle af dem, idet han jo egentlig kom med svaret - bare ikke lige hvordan jeg skulle gøre det. Kan du ikke lægge et svar også!

Tusind tak!

Og tak til alle jer andre også!
Avatar billede jesper-moeller Nybegynder
19. oktober 2006 - 08:02 #13
Nogle browser som feks IE finder på at sætte bordren til standart størelse når man ikke har angivet en størelse ...så hvi border="0" mangler resikere man at der kommer en border
Du kan sætte border til at være 0 medmindre andet er angivet ved at gøre det i CSS
Tilføj dette til dit stylesheet
img  { border: 0px}
Avatar billede dortek Nybegynder
19. oktober 2006 - 18:42 #14
Du er velkommen ;-)

Ang. focus og blur: De blå rammer der kommer om et link når man klikker på linket kan fjernes ved at skrive onfocus"blur() i koden lige ved <href> eks: <a href="forside.html" onfocus=blur()target="main">

Det er ikke så ofte man ser disse blå rammer mere når man klikker på et link - før i tiden var det langt mere udbredt... Det link jeg henviste til kan bruges via GoLIve, så du er fri for at skrive koden... (Det er lidt de samme ting du selv havde fundet ud af da du stillede dit spørgsmål...) God weekend...
Avatar billede jesper-moeller Nybegynder
21. oktober 2006 - 23:59 #15
min "RemoveLinkBox" action gør lidt af det samme som den extension dortek hemviser til ... forskellen er bare at "RemoveLinkBox" er en head action der via et script fjerne den blå box ;-)
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
Kurser inden for grundlæggende programmering

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.

Du kan også logge ind via nedenstående tjenester