Home/ Questions/Q 8039399
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T03:33:25+00:00

Why is it that this inline CSS works fine. <a href=error.php class=reportBug style=display:scroll ;position:fixed;

  • 0

Why is it that this inline CSS works fine.

<a href="error.php" class="reportBug"
style="display:scroll ;position:fixed; bottom:210px; right:2px;"> 
    <img src="images/Report_Error.png" border="0">
</a>

But it doesn’t work when I put the CSS in <head>.

<head>
  <style type="text/css">
    #reportBug {
      display:scroll;
      position:fixed;
      bottom:210px
      right:2px;
    }
  </style>
</head>

<body>
  <a href="error.php" class="reportBug"> 
    <img src="images/Report_Error.png" border="0">
  </a>
</body>

What is the difference between the two, and why doesn’t the second way work?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    When assigning an element to a class you use . notation. IDs use #.

    <style type="text/css">
 #reportBug {
   display:scroll;
   position:fixed;
   bottom:210px
   right:2px;
 }
</style>

    Should be

    <style type="text/css">
 .reportBug {
   display:scroll;
   position:fixed;
   bottom:210px
   right:2px;
 }
</style>
    • 0