How to: DIfferent links in one DIV - HTML CSS question

[kuba2]

Hello

 

 

I have an image with 3 different squares ( see image - white square on the left with 3 differently coloured little squares ), which each need to link to other pages.

What is the best way to achieve this?

Do i put 3 DIV's over the <img>, or do I put 3 square DIV's in a big square DIV?

Thanks for any help

 

Jakob

 

 

[diogo]

You can put three links inside a div and make them squares with css.

[ottogal]

To be more explicit: See this codepen.

[AndZyk]

Just be careful not to build a mystery meat navigation. 

[SamC]

On 06/03/2017 at 8:10 PM, AndZyk said:

Just be careful not to build a mystery meat navigation. 

Ha, great vid!