CSS3 and HTML5 Modals

Hi world!
i created a modal to open it by cicking on a link BUT when i click it backs to the previous page like when we press the back button of the browser,
here is the html code :

    <a href="#openModal">Open Modal</a>

    <div id="openModal" class="modalDialog">
		<a href="#close" title="Close" class="close">X</a>
		<h2>Modal Box</h2>

i added of course css styles.
i ve verified,there is nothing wrong but don’t know what is the srce of this problem :confused:

Where does #close go to? Is there a id=close on the same page as the href to #openModal?

i removed it, it has no relationship with the problem :confused:

Hi there saidaouak,

check out the attachment, which contains a few modal examples. :wonky:

modal-windows.zip (16.3 KB)


1 Like

With #close you are saying what page to show when the X it tapped. How can it not relate to the problem? After all, the wrong page is showing up when they close, right?

the problem is when i click the link to show the modal not when i close

You are not making sense.

Supposedly this opens the modal: < a href=“#openModal”>Open Modal

Supposedly this closes the modal: < a href=“#close” title=“Close” class=“close”>X

You are saying that #close opens the modal. Where does #close go to?

I think what we need to see is a full (non)working page of html, from <doctype html> to </html>.
There is nothing in the html snippet supplied to suggest why it would not work. So there has to be something else somewhere causing the problem.


This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.