Големина на страницата..

J

justspy

Registered
Здравейте значи трябва ми кодче което да намаали големината на страницата ето за пример ще дам този сайт http://www.sharebg.net/ вище как има място отстрани и от всякъде .. искам и аз да го направя така ..
 
Става с CSS и функцията margin, ако не се лъжа, но понеже не съм много добър с CSS виж това http://www.w3schools.com/CSS/css_margin.asp
 
Ми потърсих и видях нещо от сорта

Код: 
<style type="text/css">
bottommargin
{
margin-left: 10px; margin-right: 10px; margin-top: 10px
}
</style>

И влез в линка дето съм ти дал да видиш и другите margin-и освен тия 3-те и си ги добавяш както тия с точка и запетая.... и после пишеш примерно
<p class="bottommargin">text</p>

А мисля, че ако напишеш само margin: 10px от всякъде ще е по 10...
 
body {
background: url(../images/a4.gif) repeat-x #F0E3A4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #222;
margin:0px;
}


.homebrd {
border: 1px #CCCCCC solid;
}

a {
color: #FF8B00;
}

a:hover {
color: #00A5EB;
}


ul{
margin: 0;
padding: 0;
list-style-type: none;
}


hr {
border: 1px #CCCCCC dashed;
height: 1px;
}


h1 {
font-size: 12px;
font-weight: bold;
}



img, a {
border: none;
text-decoration: none;
}


ul, li {
list-style: none;
}

form {
margin: 0;
}

.picview {
float:none;
border:solid 1px #999;
padding:5px;
background-color: #FFFFFF;
}
.picview-s {
float:none;
border:solid 1px #999;
padding:1px;
background-color: #FFFFFF;
}


#cont {
background: #fff;
border: 1px #666666 solid;
}


#bgtophead {
background: url(../images/bgtophead.jpg) no-repeat;
width: 300px;
height: 120px;
float: right;
}

#navbar {
margin: 0 auto;
padding: 0;
position: relative;
height: 28px;
background: #9c0 url(../images/nav-bg.png) 0 0 repeat-x;
font-weight: bold;
color: #fff;
}

#navbar ul {
margin: 0;
padding: 0;
float: left;
}

#navbar li {
padding: 0 2px 0 0;
margin: 0;
float: left;
background: url(../images/nav-sep.png) 100% 0 no-repeat;
}

#pageloading {
width: 170px;
position: absolute;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -90px;
padding-top:10px;
padding-bottom:10px;
text-align: center;
border: 1px solid #C0C0C0;
background: #F7F9FF;
}

#toolbar{
background: url('../images/bg.jpg') repeat-x;
height: 25px;
margin-bottom: 10px;
}



#navbar ul li a:link, #navbar ul li a:active, #navbar ul li a:visited {
display: block;
float: left;
padding: 0 20px;
height: 28px;
line-height: 28px;
color: #fff;
text-decoration: none;
}


#navbar ul li a:hover {
background: url(../images/nav-bg.png) 0 100% repeat-x;
}


.pz {
font-weight: normal;
text-align: center;
padding-top: 7px;
}

.pz a {
color: #fff;
text-decoration: underline;
}

.pz a:hover {
text-decoration: none;
}

.pz a:hover {
text-decoration: none;
}

.menuside {
border: 1px #2787B7 solid;
}



.menubg {
background: url(../images/menubg.gif) repeat-x;
height: 25px;
color: #fff;
font-size: 12px;
font-weight: bold;
text-align: center;
}

.menubrd {
border: 1px #E0E0E0 solid;
padding: 5px;
}



.homebrd {
border: 1px #CCCCCC solid;
}

.homebrd h1 {
font-size: 12px;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
margin: 0;
color: #000;
background: #F2F2F2;
width: 100%;
text-align: center;
}


#index a {
color: #FF0033;
}

#index a:hover {
color: #00A5EB;
}

.adminmenu {
padding-left: 10px;
line-height: 20px;
}

.albumfooter {
background: #FFFFCC;
border-top: 1px #55B0CE solid;
color: #222;
padding: 2px;
}

.field {
border: 1px #009EC3 solid;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.user {

background-color: #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #ECECEC;
padding: 7px;
color: #AEAEAE;
}


.pass {
background-color: #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #ECECEC;
padding: 7px;
color: #AEAEAE;
}


.search {
background-image: url(../images/search.png);
background-repeat: no-repeat;
padding-left: 20px;
}

.btn {
border: 1px #CCCCCC solid;
}


.regbox {
font-size: 11px;
font-weight: bold;
}

.regbox a {
color: #00A5EB;
}

.regbox a:hover {
color: #FF8B00;
}

.pvote a {
color: #222;
font-weight: bold;
}

.avatar {
margin-top: 10px;
}

.avatar_border {
border:1px #CCCCCC solid;
padding:4px;
}

.catsbg {
background: #F2F2F2;
border: 1px #cccccc solid;
text-align: center;
}

.catsbg a {
color: #464646;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

.catsbg a:hover {
color: #268DC7;
text-decoration: underline;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}



.untique span {
font-weight: bold;
}

#friends ul li {
display: block;
font-size: 11px;
margin: 0 0 4px 0;
}

#friends ul li a {
display: block;
background: url(../images/bull_gof.gif) 0 2px no-repeat;
padding: 4px 0 4px 18px;
font-size: 11px;
color: #222;
text-decoration: none;
}

#friends ul li a:hover {
color: #222;
text-decoration: underline;
}

.formd {
background-color: #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #ECECEC;
padding: 7px;
color: #AEAEAE;
}
Увеличете...
 
Е ние как да разберем коя ти е главната таблица? Пробвай в body дет ти е в css-а да сложиш
width:75%;
 
DeathGuard_ каза:
Е ние как да разберем коя ти е главната таблица? Пробвай в body дет ти е в css-а да сложиш
width:75%;
Увеличете...
Не е препоръчително да се работи в %-енти! :lol:
 
rosko каза:
Не е препоръчително да се работи в %-енти! :lol:
Увеличете...

А защо не е препоръчително?

(Дано не го сметнат админите за офтопик, просто да не пълня форума с много теми)
 
rosko каза:
DeathGuard_ каза:
Е ние как да разберем коя ти е главната таблица? Пробвай в body дет ти е в css-а да сложиш
width:75%;
Увеличете...
Не е препоръчително да се работи в %-енти! :lol:
Увеличете...

Може ли да се обосновеш, относно твърдението ти. :wink:

Edit: Извинявам се за отклонението от темата
 
justspy каза:
мм нещо несе получава .. :D
Увеличете...
Човек или си дай сайта или кажи коя ти е главната таблица или дай хтмл код как да ти го направим така?
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе