Помощ за начинаещ

[kadans]

Здравейте от скоро време се занимавам с HTML/CSS и съответно с Javascript.
Имам няколко въпроса:

1.Как мога да направя разстоянието между всичките итеми ?
2.Когато сложа курсорът върху някое от трите изброени (Членове,Галерия и проекти и Контакти) става следното. Появява се оранжевото но просто за части от секундата и пак се скрива и след това пак се появява.
3.Защо имам scroll отдолу на сайта, а по принцип не трябва да има.
Ако имате някакви критики отворен съм за тях, все пак сега се уча и съм нов.

[css]body {
background-repeat:repeat;
background-attachment:scroll;
width: 100%;
background-image: url(http://static.wix.com/media/874525150724b27ecb7c53aa6954e1d1.wix_mp_crp_0_0_500_500_500_500_crp);
background-color: rgb(227, 217, 194);
height: 100%;
background-position: center;
background-size: auto;
position:absolute;
size: auto
}


#boxed {
font-family: Century Gothic;
font-size: 14px;
color: #555;
line-height: 1.3;
}
#main{
position: relative;
margin: 0 auto;
}


#header {
visibility:visible;
min-height: 400px;
width: 980px;
top: 5px;
}


.pic {
height: 261px;
width: 261px;
margin-left: auto;
margin-right: auto;
position:relative;
margin-top:-14px;
}

.tittle {
height: 103px;
width: 473px;
margin-left: auto;
margin-right: auto;
position:relative;
margin-top:-44px;
}

.deco {
width:370px;
height:60px;
margin-left: auto;
margin-right: auto;
position:relative;
margin-top:-115px;
}


.name {
height: 39px;
width: 320px;
margin-left: auto;
margin-right: auto;
margin-top:-83px;
position:relative;

}

@import url(http://fonts.googleapis.com/css?family=Capriola);



/* Menu CSS */

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{

padding: 0;
margin: 0;
line-height: 1;
font-family: 'Capriola', sans-serif;

}

#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {

content: '';
display: table;

}


#cssmenu:after, #cssmenu > ul:after {

clear: both;

}

#cssmenu {

zoom:1;
height: 69px;
background: url(bottom-bg.png) repeat-x center bottom;
border-radius: 6px;

}

#cssmenu ul{

background: url(nav-bg.png) repeat-x 0px 4px;
height: 69px;

}

#cssmenu ul li{

float: left;
list-style: none;

}

#cssmenu ul li a{

display: block;
height: 37px;
padding: 22px 30px 0;
margin: 4px 2px 0;
border-radius: 2px 2px 0 0;
text-decoration: none;
font-size: 15px;
color: white;
text-shadow: 0 1px 1px rgba(0, 0, 0, .75);
font-weight: 400;
opacity: .9;

}

#cssmenu ul li:first-child a{

margin: 4px 2px 0 0;

}

#cssmenu ul li a:hover, #cssmenu ul li.active a{

background: url(color.png) center bottom;
display: block;
height: 37px;
margin-top: 0px;
padding-top: 26px;
color: #2C1601;
text-shadow: 0 1px 1px rgba(255, 255, 255, .55);
opacity: 1;

}[/css]

<!DOCTYPE>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title>Rotaract Club Svishtov </title>
  <meta name="keywords" content="rotaract, svishtov, rotaract-svishtov">
  <meta name="author" content="Диян Тодоров Богданов">
  <link rel="scortcut icon" href="pic1.png"/>
  <link type="text/css" rel="stylesheet" href="document2.css"/>
  <meta http-equiv="content-type" content="text/html; charset=windows-1251" />
  <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-39708424-1', 'rotaract-svishtov.com');
  ga('send', 'pageview');
  </script>
</head>
<body id="boxed">
<div id="main" style="visibility:visible; width: 980px; min-height: 1824px;">
<div id="header" >
<div class="pic">
<a href="http://www.rotaract-svishtov.com/" tittle="Ротаракт Клуб Свищов"><img src="pic1.png" alt="Ротаракт Клуб Свищов"></a>
</div>
<div class="tittle"><img src="fotolex.png"></div>
<div class="name"><img src="rot.png"></div>
<div class="deco"><img src="line.png"></div>
<hr style=margin-top:135px;>
</div>
<div>
<div id='cssmenu'>
<ul>
   <li class='active'><a href='index.html'><span>Начало</span></a></li>
   <li><a href='#'><span>За клуба</span></a></li>
   <li><a href='#'><span>Членове</span></a></li>
   <li><a href='#'><span>Галерия и проект</span></a></li>
   <li class='last'><a href='#'><span>Контакти</span></a></li>
</ul>
</div>
</div>
</div>
</body>

</html>

 

[ventsi34]

в css там където ти е селектора за елемента body премахни width: 100%; и ще се махне скролбара другото не го разбрах много. Имам и един съвет към теб като гледам имаш доста грешни практики и неща по кода изгледай някакви видеота за html и css има много на български и тук в сайта има дори качествени уроци мисля, че още малко да понаучиш. Също изгледай има клипове където хората правят цели дизайни за да видиш какви става целия процес накрая. Нямам нищо против не го казвам за да се заяждам дори ти пожелавам успех в развитието ще помагам още ако кажеш за какви разстояния става въпрос на точка 1 и точка 2