• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Re: Dreamweaver with Image Maps [Branched to new topic]

Explorer ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

I am in design view, I created one hotspot and now the map tools are gone. If I click on the hotspot I get a hotspot dialog in properties, if I click away from the hotspot but still on the image in properties I get Image ID Src box, link box etc but no map tools, how do I get them back? Just to repeat, I am in design view.

TOPICS
Interface

Views

176

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Dec 12, 2022 Dec 12, 2022

Votes

Translate

Translate
Community Expert ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

@gunzelguy.

This is an old topic from 2019 that has already been correctly answered.  I'm moving this to a new topic for you.

 

1. Image must be in the foreground and selected.  Hotspots won't work in absolute positioned parent containers. 

 

2. More importantly, ordinary Image Maps don't work well in responsive layouts.  The hotspot coordinates invariably fall out of register when the main image is rescaled to fit smaller or larger devices, making the links unusable.

 

In 2023 and beyond, you need solutions that work on ALL devices: extra small, small, medium, large, extra larger and all points in between.  Conventional image maps from the 1990's can't do that.

 

Ask yourself why you need an image map.  Can you do this any other way with separate images?   If an image map really is your ONLY option, use an SVG map instead.

 

See example below.

 

 

Hope that helps.

 

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 12, 2022 Dec 12, 2022

Copy link to clipboard

Copied

Hi Nancy, I've taken your advice and ditched the image map and put the info into a fluid container. I realise this is a seperate subject but I'd like to highlight each row as you hover but cannot get the hover to work using CSS. Here is the page.

https://www.victorianrailways.net/grades/grade_maps/grades_north_midland.html

I'd just like each row to have a color as people hover on the line.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 12, 2022 Dec 12, 2022

Copy link to clipboard

Copied

LATEST

See Bootstrap 3 Tables

https://www.w3schools.com/bootstrap/bootstrap_tables.asp

 

See example below with Hover Tables.

https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_table_hover&stacked=h

 

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines