1. дома
  2. Вопрос и ответ
  3. Изменение/позиционирование CSS

Изменение/позиционирование CSS

2012-01-25 2 views
0

Я заинтересован в проведении опроса (с использованием опроса обезьяны) на веб-сайте. Я хочу, чтобы он находился в фиксированном положении в виде боковой панели слева и уменьшал размер окна съемки. Я вообще ничего не знаю о CSS.Изменение/позиционирование CSS

<!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:[email protected]' 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>

источник

2012-01-25 kevin

+0

'