I am very new in the field coding and especially with CSS.
This is a basic question about how to write the code for a page for two rows of buttons (preferably with photographs as backgrounds) that when hovered over a menu with multiple links drops down and retracts when the cursor is moved off the button.
I have gotten the hover menu drop down menu figured out, but the two things I have not figured out are 1) how to divide the buttons in to two rows and 2) how to have a photograph as the button image.
I have attached a simple digram of what I am attempting to build - the grey square represent images
If there is anyone that can assist, I would be really appreciative.