Страница 1 из 1

Расширение шаблона без оставления краёв

Добавлено: 28 июл 2009, 21:52
ADLER
Люди помогите пожалуйста . В CSS я неочень . Так что, вот шаблон (CSS) :

Код: Выделить всё

/* General Style */
body {background: center repeat-y #CCCCCC; margin:0px; padding:0px; text-align: center;}
#wrap {width: 900px; text-align: center; margin-left: auto; margin-right: auto; background: url('http://gun1.clan.su/2.png') repeat-y;}
#contanier {width: 900px; text-align: left; margin-left: auto; margin-right: auto; background: url('http://gun1.clan.su/3.png') no-repeat;}
#header {height: 235px; text-align: left;}
#logo {float: left; width: 280px; height: 170px; position: relative; top: 20px; left: 40px; text-align: center; color: #cacfb6;}
#logo h1 {margin: 20px 10px; font-size: 25pt; font-weight: normal; color: #f6f7f0;}
#logo a:link {text-decoration:underline; color:#d5f500;}
#logo a:active {text-decoration:underline; color:#d5f500;}
#logo a:visited {text-decoration:underline; color:#d5f500;}
#logo a:hover {text-decoration:none; color:#FFFFFF;}
#login-block {float: left; margin-left: 80px; width: 455px; font-size: 8pt; padding-top: 2px;}
table.main-table {border: 0px; padding: 0px; border-collapse: collapse; width: 820px; margin: 0px 40px; border-spacing: 0px;}
td.content-block {vertical-align: top; padding: 15px;}
td.side-block {width: 210px; vertical-align: top; padding-top: 10px;}
#footer {background: url('http://gun1.clan.su/4.png') bottom no-repeat; padding: 20px 250px 25px 40px; text-align: center;}

.boxTable {width:100%;margin:3px 0px;text-align:center; border-top: 3px solid #bacc43; border-bottom: 3px solid #ced88f; padding: 0px; border-collapse: collapse; border-spacing: 0px;}
.menuTable {width:100%;margin:3px 0px;text-align:center;border-collapse: collapse; border-spacing: 0px;}
.boxTable th {font-size:11pt;color:#f7fae5;padding:5px;margin:0px;text-align:center; background: #4e562c; }
.boxContent {margin-left:auto;margin-right:auto;overflow:auto;width:100%;padding:10px;text-align:left;}
.menuContent {margin-left:auto;margin-right:auto;overflow:auto;width:100%;}
.center {text-align:center;}


a:link {text-decoration:none; color:#5C9F00;}
a:active {text-decoration:none; color:#5C9F00;}
a:visited {text-decoration:none; color:#5C9F00;}
a:hover {text-decoration:underline; color:#000000;}

td, body {font-family: Tahoma, Verdana, Arial, sans-serif; font-size:10pt;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:10pt; font-family: Tahoma, Verdana, Arial, sans-serif;}
.copy {font-size:9pt;}

a.noun:link {text-decoration:none; color:#2B3414}
a.noun:active {text-decoration:none; color:#2B3414}
a.noun:visited {text-decoration:none; color:#2B3414}
a.noun:hover {text-decoration:none; color:#708525}

h1 {color: #6b6d5e; font-size: 18pt; font-weight: normal;}

hr {color:#D6E37D;height:1px;border:0;background-color:#D6E37D;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family: Tahoma, Verdana, Arial, sans-serif;color:#787878;font-size:12pt;}

a.menu1:link {text-decoration:underline; color:#ecefda}
a.menu1:active {text-decoration:underline; color:#ecefda}
a.menu1:visited {text-decoration:underline; color:#ecefda}
a.menu1:hover {text-decoration:underline; color:#DBDCBE}
.menuTd {padding-left:12px;padding-right:10px; background: url('/.s/t/824/5.gif') no-repeat 0px 3px;}

.mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;}
.colgray {border-right:1px solid #E5E7EA;}
.colwhite {border-right:1px solid #ecefda;}
.msep {border-top:1px solid #ecefda;}
/* ------------- */

/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 10px; background: url('/.s/t/824/6.gif') left center no-repeat; margin-bottom: .6em;}
/* ----- */

/* Site Menus */
.uMenuH li {float:left;padding:0 5px;}


.uMenuV .uMenuItem {font-weight:normal;}
.uMenuV li a:link {text-decoration:none; color:#2B3414}
.uMenuV li a:active {text-decoration:none; color:#2B3414}
.uMenuV li a:visited {text-decoration:none; color:#2B3414}
.uMenuV li a:hover {text-decoration:none; color:#708525}

.uMenuV .uMenuItem {font-weight:bold;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#708525}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#708525}
.uMenuV a.uMenuItemA:hover {text-decoration:none; color:#000000}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {margin: 0; padding: 5px; background: #fefff5; margin-bottom: .2em;border-bottom:1px dashed #cbcebc; text-align:center;font-size:10pt;}
/* --------- */

/* Module Part Menu */
.catsTd {padding: 0 0 0px 10px; background: url('/.s/t/824/6.gif') left center no-repeat;}
.catName {font-family: Tahoma, Verdana, Arial, sans-serif;font-size:10pt;}
.catNameActive {font-family: Tahoma, Verdana, Arial, sans-serif;font-size:11px;}
.catNumData {font-size:9pt;color:#6E6E6E;}
.catDescr {font-size:9pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#2B3414;}
a.catName:visited {text-decoration:none; color:#2B3414;}
a.catName:hover {text-decoration:underline; color:#000000;}
a.catName:active {text-decoration:none; color:#2B3414;}
a.catNameActive:link {text-decoration:none; color:#000000;}
a.catNameActive:visited {text-decoration:none; color:#000000;}
a.catNameActive:hover {text-decoration:underline; color:#000000;}
a.catNameActive:active {text-decoration:none; color:#000000;}
/* ----------------- */

/* Entries Style */
.eBlock {}
.eTitle {font-family: Tahoma, Verdana, Arial, sans-serif;font-size:12pt;font-weight:bold;color:#5C9F00; padding: 10px; background: #fefff5; border-top: 3px double #cdd88f;}
.eTitle a:link {text-decoration:none; color:#5C9F00;}
.eTitle a:visited {text-decoration:none; color:#5C9F00;}
.eTitle a:hover {text-decoration:none; color:#000000;}
.eTitle a:active {text-decoration:none; color:#5C9F00;}

.eMessage {text-align:justify;padding:15px !important;}
.eText {text-align:justify;padding:15px !important;}
.eDetails {border-top:1px dashed #cbcebc;border-bottom:1px dashed #cbcebc;font-family: Tahoma, Verdana, Arial, sans-serif;color:#1A1A1A;padding:5px; text-align:left;font-size:8pt; background: #ecefda;}
.eDetails1 {border-top:1px dashed #cbcebc;border-bottom:1px dashed #cbcebc;font-family: Tahoma, Verdana, Arial, sans-serif;color:#1A1A1A;padding:5px; text-align:left;font-size:8pt;background: #ecefda;}
.eDetails2 {border-bottom:1px dashed #cbcebc;font-family: Tahoma, Verdana, Arial, sans-serif;color:#1A1A1A;padding:5px; text-align:left;font-size:8pt;}

.eRating {font-size:9pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/824/7.gif') no-repeat 0px 0px;}
/* ------------- */

/* Entry Manage Table */
.manTable {}
.manTdError {color:#FF0000;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* ------------------ */

/* Comments Style */
.cAnswer {padding-left:15px;padding-top:4px;font-style:italic;}

.cBlock1 {background:#ecefda; border:1px solid #DBDCBE;}
.cBlock2 {background:#ecefda; border:1px solid #DBDCBE;}
/* -------------- */

/* Comments Form Style */
.commTable {}
.commTd1 {color:#000000;}
.commTd2 {}
.commFl {color:#6E6E6E;width:100%;background:#FCFCFC;border:1px solid #DBDCBE;}
.smiles {border:1px inset;background:#FFFFFF;}
.commReg {padding: 10 0 10 0px; text-align:center;}
.commError {color:#FF0000;}
.securityCode {color:#6E6E6E;background:#FCFCFC;border:1px solid #DBDCBE;}
/* ------------------- */

/* Archive Menu */
.archUl {list-style: none; margin:0; padding-left:0;}
.archLi {padding: 0 0 3px 10px; background: url('/.s/t/824/8.gif') no-repeat 0px 4px; font-family: Tahoma, Verdana, Arial, sans-serif;}
a.archLink:link {text-decoration:underline; color:#6E6E6E;}
a.archLink:visited {text-decoration:underline; color:#6E6E6E;}
a.archLink:hover {text-decoration:none; color:#000000;}
a.archLink:active {text-decoration:none; color:#000000;}
/* ------------ */

/* Archive Style */
.archiveCalendars {text-align:center;color:#0000FF;}
.archiveDateTitle {font-weight:bold;color:#6E6E6E;padding-top:15px;}
.archEntryHr {width:250px;color:#cbcebc;}
.archiveeTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('/.s/t/824/9.gif') no-repeat 0px 4px; margin-bottom: .6em;}
.archiveEntryTime {width:65px;font-style:italic;}
.archiveEntryComms {font-size:9px;color:#C3C3C3;}
a.archiveDateTitleLink:link {text-decoration:none; color:#6E6E6E}
a.archiveDateTitleLink:visited {text-decoration:none; color:#6E6E6E}
a.archiveDateTitleLink:hover {text-decoration:underline; color:#6E6E6E}
a.archiveDateTitleLink:active {text-decoration:underline; color:#6E6E6E}
.archiveNoEntry {text-align:center;color:#0000FF;}
/* ------------- */

/* Calendar Style */
.calTable {margin-left: auto; margin-right: auto;}
.calMonth {}
.calWday {color:#FFFFFF;background:url('/.s/t/824/10.gif') #87A303;width:18px;}
.calWdaySe {color:#000000;background:url('/.s/t/824/10.gif') #87A303;width:18px;}
.calWdaySu {color:#000000;background:url('/.s/t/824/10.gif') #87A303;width:18px; font-weight:bold;}
.calMday {color:#000000;}
.calMdayA {background:#FCFF97;font-weight:bold;}
.calMdayIs {background:#EBEE8D;color:#24613E;font-weight:bold;font-size:12pt;}
.calMdayIsA {border:1px solid #FFFFFF; background:#FCFF97;font-weight:bold;font-size:12pt;}
/* -------------- */

/* Poll styles */
.pollBut {width:110px;}

.pollBody {padding:7px; margin:0px; background:#FFFFFF}
.textResults {background:#E5E5E5}
.textResultsTd {background:#FFFFFF}

.pollNow {border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.pollNowTd {}

.totalVotesTable {border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.totalVotesTd {background:#FFFFFF;}
/* ---------- */

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */

/* Other Styles */
.replaceTable {background:#ecefda;height:100px;width:300px;}
.replaceBody {background:#889d00;}
.legendTd {font-size:9pt;}
/* ------------ */


Вот ссылка на сайт где это стоит (что бы видеть наглядно) : http://gun1.clan.su/

Там по краям серые полоски, мне нужно что бы шаблон был на всё ширину сайта . Без серых полосок .
Помогите пожалуйста .

Re: Расширение шаблона без оставления краёв

Добавлено: 28 июл 2009, 21:59
SOKOJI

Код: Выделить всё

...
#wrap {width: 900px; text-align: center; margin-left: auto; margin-right: auto; background: url('http://gun1.clan.su/2.png') repeat-y;}
#contanier {width: 900px; text-align: left; margin-left: auto; margin-right: auto; background: url('http://gun1.clan.su/3.png') no-repeat;}
...

И в подобных классах "width: 900px;" заменяй на нужное.

Re: Расширение шаблона без оставления краёв

Добавлено: 28 июл 2009, 22:02
ADLER
SOKOJI, чесно говоря я так пробывал оно растягивает помоему ячейку таблицы а не картинки (

Re: Расширение шаблона без оставления краёв

Добавлено: 29 июл 2009, 00:06
Youzer
ADLER писал(а):оно растягивает помоему ячейку таблицы а не картинки

картинки растягиваться и не должны. посмотрите на это:

Код: Выделить всё

#contanier {width: 900px; text-align: left; margin-left: auto; margin-right: auto; background: url('http://gun1.clan.su/3.png') no-repeat;}

фон верхней части сайта, отрисованный под ширину 900. для резиновости придется резать на части (класть бэкграунд повторяющимся рисунком с применением repeat-x, а детали выводить в ячейках таблицы)