[Incomprensible]

Я совсем запуталась... Перепробовала кучу кодов... Ну не получается у мну, чтобы все, что помечено красным, было обведено в рамочку. А то, что зачеркнуто вообще исчезло.. помогите, а)

Вот код:

#extratop { background: url('/userdir/2/7/8/2/278220/20501710.jpg') no-repeat; !important; width: 100%; height:330px; line-height: 100% !important;}

a:hover{cursor:crosshair;}

body.left{padding-left:10px !important;}

.left #wrapper{width:840px;margin: 0 0 0 -420px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}

.left #side{width:180px !important;margin:0 !important;}

.left #page-c{width:650px !important;padding:0 !important;}

#diarySpiritLink{display:none}

#diarySupportLink{display:none}

#paySupportLink{display:none}

#allDiaryLink{display:none}

#faqLink{display:none}

#//inco.diary.ru/?headline{display:none}

#myStatLink {display:none}

#upInChart {display:none}

#postsCalendar {display:none}

#myFavLink {display:none}

#discussionLink {display:none}

#randomDiaryLink {display:none}

#rssLink {display:none}

#pchs li {height:15px; max-height:15px; overflow:hidden; overflow-y:hidden;}

#myDiaryLink {background:url('/userdir/2/7/8/2/278220/20410462.gif') no-repeat; padding:0 0 0 16px !important;}

#photolibLink {background:url('/userdir/2/7/8/2/278220/20977147.gif') no-repeat; padding:0 0 0 16px !important;}

#writeThisDiary {background:url('/userdir/2/7/8/2/278220/20410638.gif') no-repeat; padding:0 0 0 16px !important;}

#umailLink {background:url('/userdir/2/7/8/2/278220/20973311.gif') no-repeat; padding:0 0 0 16px !important;}

#myQuotLink {background:url('/userdir/2/7/8/2/278220/20973659.gif') no-repeat; padding:0 0 0 16px !important;}

#myLinksLink {background:url('/userdir/2/7/8/2/278220/20973679.gif') no-repeat; padding:0 0 0 16px !important;}

#myProfileLink {background:url('/userdir/2/7/8/2/278220/20975539.gif') no-repeat; padding:0 0 0 16px !important;}

#optionsLink {background:url('/userdir/2/7/8/2/278220/20975651.gif') no-repeat; padding:0 0 0 16px !important;}

#authorFav {background:url('/userdir/2/7/8/2/278220/20975539.gif') no-repeat; padding:0 0 0 16px !important;}

#authorQuot {background:url('/userdir/2/7/8/2/278220/20973679.gif') no-repeat; padding:0 0 0 16px !important;}

#authorLiks {background:url('/userdir/2/7/8/2/278220/20973659.gif') no-repeat; padding:0 0 0 16px !important;}

#authorAlbum {background:url('/userdir/2/7/8/2/278220/20410638.gif') no-repeat; padding:0 0 0 16px !important;}

#authorStats {background:url('/userdir/2/7/8/2/278220/20973311.gif') no-repeat; padding:0 0 0 16px !important;}

#authorRSS {background:url('/userdir/2/7/8/2/278220/20410462.gif') no-repeat; padding:0 0 0 16px !important;}

body{ background-attachment:fixed; }

.countFirstDate {text-align:center;}

.countSecondDate {text-align:center;}

.atMusic SPAN {display:block; width:60px; height:12px; line-height:500px; float:left; overflow:hidden; background: #ECD6FC url('/userdir/2/7/8/2/278220/20982519.gif') 2px 4px no-repeat;}

.atMood SPAN {display:block; width:60px; height:13px; line-height:500px; float:left; overflow:hidden; background: #ECD6FC url('/userdir/2/7/8/2/278220/20983059.gif') 2px 4px no-repeat;}

.addToQuote {background: url('/userdir/2/7/8/2/278220/20985239.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:25px; }

.singlePost {background-image: url("/userdir/2/7/8/2/278220/20485342.jpg") !important;}

.menuSection {background-image: url("/userdir/2/7/8/2/278220/20485342.jpg") !important;}

.header span{color:#000000}

#mainpageLink a{font-weight: bold}

#albumLink {display:none}

#mainpageLink {display:none}

#tagslistlink {display:none}

a:hover{ FILTER: Alpha(Opacity=70, FinishOpacity=6=2); COLOR: #ffffff; HEIGHT: 10px; TEXT-DECORATION: none;}

a{color:#333333; text-decoration:none; }

.singleComment .postContent { padding-left:140px; }

.singleComment .postInner { margin-left:-150px; padding-left:150px; }

.singleComment .commentAuthor { float:left; width:130px; overflow:visible; margin-left:-140px !important; margin-left:-65px; max-width: 130px; }

.commentAuthor .avatar { margin:0px 0 10px; width:auto; max-width: 140px; }

.avatar, .avatarNew{ float:left; background: url('/userdir/2/7/8/2/278220/20498598.png') no-repeat bottom right !important; background: no-repeat bottom right; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}

.avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}

.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #898989; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }

div#globalLinks,div#myDiaryLinks,div#thisDiaryInfo, div.pageBar, .calnd { background: #d7c6af; border-width:1px; border-color:#000000; border-style:solid; padding:7px;}

#thisDiaryOwner{display:none}

#YaSearch{display:none}

#pchs{display:none}

.singlePost{ border-color:#000000; border:none;}

.borderTop { border-color:#000000; border:none;}

.bordered { background:#; border-color:#000000; border:none;}



Вот скрин с пометками:

Comments

[MF]

Ну не получается у мну, чтобы все, что помечено красным, было обведено в рамочку.

Чтобы там просто линия рамки была? Или как? о_0

[Katia Nightmaar]

Incomprensible

Собсно, http://htmlbook.ru/css/border.html

Пишешь элемент, например div.menuSection, уж с этим разберешься, дальше по ссылке и так все пнятно, пользуйся поиском, элемент { border-width:1px; border-color:#цвет; border-style:стиль рамки, опять же по ссылке; } Первое - это толщина рамки

[Сабико]

элемент { border-width:1px; border-color:#цвет; border-style:стиль рамки, опять же по ссылке; }

это извращение. когда я вижу штуки вроде border-bottom-style, я зверею.

пишется просто:

селектор {border:1px solid red;}



где red - заменяем на нужный цвет, а solid - на нужный тип рамки.

border - это для всей рамки, со всех сторон. но можно и для одной определённой:

border-bottom

border-top

border-left

border-right