Member Avatar for ankit.baphna

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
  • 162 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by ankit.baphna
Member Avatar for JorgeM

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;

Member Avatar for ankit.baphna

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 meeting, networking, learning, and sharing knowledge.