Home/ Questions/Q 7184893
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T18:17:42+00:00

I am interested in putting a survey (using survey monkey) into a website. I

  • 0

I am interested in putting a survey (using survey monkey) into a website. I want it to be in a fixed position as a side bar on the left and shrink the size of the survey box. I do not know much about CSS at all. 

    <!DOCTYPE html>
<html dir='ltr' lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'>
    <div>
 <head>
    <title>
      Home
       | qfo4produce
    </title>
    <meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
    <link href='css/inuit.css' media='all' rel='stylesheet'>
    <link href='css/grid.inuit.css' media='all' rel='stylesheet'>
    <link href='css/style.css' media='all' rel='stylesheet'>
  </head>
  <body class='wrapper'>
    <div id='header'>
      <a href='index.html' rel='home'>
        <img src='images/banner.png' alt="" title='Home'>
      </a>
</div>

       <div>
    <style type="text/css">
 body{
  margin:0;
  padding:0 right-sidebar-<length> 0 left-sidebar-<length>;
 }
 div#left-sidebar{
  position:fixed;
  top:0;
  left:-30;
  iframe { width: 250px !important; }
  height:100%;
 }
 </style>
     <div id="surveyInfo"> <div><script src="http://www.surveymonkey.com/jsEmbed.aspx?sm=wtvL1HViBjWad5DOwtqu7A_3d_3d"> </script> 
</div>
    <ul class='nav'>
      <li class='first'>
        <a href='what-is-qfo.html' title='What Is QFO?'>What Is QFO?</a>
      </li>
      <li>
        <a href='team.html' title='Team'>Team</a>
      </li>
      <li>
        <a href='examples.html' title='Examples'>Examples</a>
      </li>
      <li>
        <a href='technology.html' title='Technology'>Technology</a>
      </li>
      <li class='last'>
        <a href='mailto:info@franwell.com' title='Contact'>Contact</a>
      </li>
    </ul>
    <a class='login' href='qfo.aspx.html' title='Login'>Login</a>
    <div id='main'>
      <p>
        <img src='images/summary.png' alt="Summary of QfO Process" />
      </p>
    </div>
     Copyright &copy; 2011
    </div>
  </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What you are asking and the code you have presented is extremely unclear. If you are extremely new to html/css then drawing a picture instead of trying to explain it in words often helps.

    Here is an example where the sidebar is in a fixed position on the left. Fixed means that it will always be there, no matter where the page scrolls to.

    http://jsfiddle.net/Bceat/

    Don’t make CSS declarations inside of other CSS declarations. They should each be on their own.

    /* BAD */
div#left-sidebar{
    position:fixed;
    iframe { width: 250px !important; } 
 }

/* GOOD */
div#left-sidebar {
    position:fixed;
}
iframe { width: 250px !important; } 

     

     
    You’ve also declared your styles inside the body of your html. Don’t do that. Declare styles between the <head></head> tags. 

    /* BAD */
<head>
</head>
<style type="text/css">
 body{
  margin:0;
  padding:0 right-sidebar-<length> 0 left-sidebar-<length>;
 }
 div#left-sidebar{
  position:fixed;
 }
 </style>

/* GOOD */
<head>
  <style type="text/css">
   body{
    margin:0;
    padding:0 right-sidebar-<length> 0 left-sidebar-<length>;
   }
   div#left-sidebar{
    position:fixed;
   }
   </style>
</head>

    You also have some invalid declarations like:

    /* right-sidebar-<length> means nothing */
padding:0 right-sidebar-<length> 0 left-sidebar-<length>;

    I know that you are new, but you are going to have to read up on the basics of html and css. That will allow you to do two things. One is pose questions using language that other developers will understand. The second is presenting at a minimum, code that is properly formatted. That way even if your terminology is incorrect, your code can speak for you. Right now you aren’t getting any answers because everything is kind of a mess.

    • 0