how to :hover over a div (Hours) to display a box with more details

ashleyeppedio

New Member

Join Date: Mar 2014

Posts: 1
#1

how to :hover over a div (Hours) to display a box with more details

Mar 27 '14, 07:53 PM

i'm writing code for a restaurant website. Displaying all the actual hours in which the restaurant is opened takes up to much room. how would i only display 'Hours' and then when hovered, a box will display with all the hours in it (Mon-Wed: 10:00-5:00 thurs :11:00-6:00 ect;), overlapping whatever it needs to for that moment.
Tags: None

Luuk

Recognized Expert Top Contributor

Join Date: Mar 2012
Posts: 1043

Mar 27 '14, 08:36 PM

Code:

<html>
        <head>
        </head>
        <body>
                <div title="(Mon-Wed: 10:00-5:00 thurs :11:00-6:00">Hours</div>
        </body>
</html>

how to :hover over a div (Hours) to display a box with more details

how to :hover over a div (Hours) to display a box with more details

Comment