Hi Guys,

I dont know why code under Style is not getting detected on my html page. I am using Notepad++
it is only detecting image url under CSS code but nothing else.

Can you suggest me.

<!DOCTYPE html> 
<html lang="en">
<head>

<style type="text/css" media="screen">
body { 
font: 13px sans-serif;
}

#montage-wrap { width: 840px; height: 200px; }
.montage-block { width: 200px; 
                 height: 200px; 
                 float: left; 
                 display:block; 
                 overflow: hidden; 
                 position: relative; 
                 margin: 0 4px 0 0; 
                 background: white; 
                 border: 1px solid #666;}

#block1 { width: 200px;
          height: 200px;
          position: absolute;
          display: block;
          background: url("phone.jpg") no-repeat;

          -webkit-transition: top .3s ease-in-out; }

.montage-block:hower #block1 {top: -150px; }

.thumb_content { padding:70px 15px 0 15px; color: #777; }
.thumb_content h1 { margin: 0 0 5px 0; color: #666; font-size: 14px;}
</style>
</head>

<body>

<div id="montage-wrap">
  <div class="montage-block">
   <span id="block1"></span>
     <div class="thumb_content">
       <h1>Sample Title</h1>
       <p> This is some simple program </p>
     </div>
   </div>
</div>
</body>
</html>   

Thanks,
Regards,
Ankit

<!DOCTYPE html>
<html lang="en">
<head>

Recommended Answers

In this line, it should be hover, not hower.
.montage-block:hower #block1

-webkit-transition would target Safari and Chrome, what about other browers?

What is top for here: -webkit-transition: top .3s ease-in-out;

Jump to Post

All 2 Replies

In this line, it should be hover, not hower.
.montage-block:hower #block1

-webkit-transition would target Safari and Chrome, what about other browers?

What is top for here: -webkit-transition: top .3s ease-in-out;

ok sorry for spelling mistake in hover.
but still at least other syntax should be detected right?
code immediate after style syntax is not able to detect.
can you write same code on your notepad++ and see.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.