0

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>

2
Contributors
2
Replies
21
Views
2 Years
Discussion Span
Last Post by ankit.baphna
1

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;

0

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.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.