God knows what I am
Я недавно начала использовать css, посмотрите, пожалуйста, может что-нибудь подправить нужно? мой дневник
вот если что много моих кодов#side{position:fixed}
#side{font-family:Garamond,"Comic Sans MS"; }
.offtop {font-family:Garamond,"Comic Sans MS"; }
#postsArea, #commentsArea {font-family:Garamond,"Comic Sans MS"; }
#side{position:fixed}
body{ background-attachment:fixed; }
#pchs { float:left; visibility:hidden; }
#pchs a { float:left; clear:both; width:100%; */ visibility:visible; }
bordered {border-style:groove;}
. .borderTop{border-style:groove;}
.singlePost,.menuSection,.borderTop { border-color:#ffffff;}
.singlePost#epigraph a { text-decoration:underline; }
.singlePost#epigraph a:hover { text-decoration:none; }
.singlePost#GroupOp { border-style:solid; border-width:2px 0 0; background-color:#ffffff; padding:5px 0 0 0; text-align: right; color:#ffcc66; margin-top: 10px; }
h2,.header { color:#ffcc66; font-size:118%; font-style: normal;font-weight: normal;; }
.header a { color:#ffcc66; }
a { color:#33cc66; }
.cbegun { color:#00cc33; font-weight:normal; font-size:92%; }
.cbegun:hover { text-decoration:underline; }
.offtop { color:#ffcc33; }
.calnd td.cal-head { background-color:#99cc00; color:#99cc33; font-style: normal;font-weight: normal; text-align:center; }
.calnd td.cal-mnth { font-style: normal;font-weight: normal;; text-align:center; color:#66ccff; }
.forCheck { float:right; }
.header.calHeader { text-align: left;}
#content { padding: 0px;font-size:13px;background-color:#99cc33;margin-bottom:1 }
.bordered { background:#ffffff; border-color:#ffffff;}
.postLinksBackg {background-color:#99ccff; font-size:83%; padding: 5px;}
.pollLine { background-color:#ff6699; height: 1px; padding:0px; }
.favTagsColor { color:#000; border: none; }
#but {font-size: 86%;}
.TagL {color:#ff6633;}
.TagJIco { background: no-repeat 0%; position:relative; padding-left:16px;}
a:hover{cursor: help;}
a:link {text-decoration: none !important;}
a:hover {color: #ffcc00; background:; text-decoration: none;}
a:visited {text-decoration: none !important;}
a:active {background:#ffffff; text-decoration: none !important;}
#wrapper #postsArea, #commentsArea, #addCommentArea, #side, #wrapper .bordered{line-height:1.1;display:block;-moz-border-radius:0.8em;}
#side{font-family: ; }
#postsArea{font-family: ; }
#commentsArea {font-family: ; }
.TagJIco { background: no-repeat 0%; position:relative; padding-left:16px;}
body{ background-attachment:fixed; }
body.left{padding-left:10px !important;}
.left #wrapper{width:650px;margin: 0 0 0 -325px !important;padding:0 !important;position:relative;left:51%;//left:49.5%;overflow:hidden;}
.left #side{width:140px !important;margin:0 !important;}
.left #page-c{width:500px !important;padding:0 !important;}
body{ background-attachment:fixed; }
#extratop {background: no-repeat; padding-top: 20px !important; background-position:50% 100%}
.left #wrapper{background:#ffffff;overflow:hidden;}
em, .atMusic { text-transform: lowercase;font-size: 9px}
em, .atMood{ text-transform: lowercase;}
em { font-style: normal; }
.header {text-alight: center; }
#myDiaryLink a{color: }
#allDiaryLink a{color: }
div.menuSection, div.pageBar, .calnd { background: ; border-width:1px; border-color:#66ccff; border-style:double; padding:7px;}
h2,.header { text-align:center;}
type="text/" var postW=100; function setSImg(img){ if(img.widthpostW) img.parentNode.className="img_div"; }
function setPostW(obj) { if(postW==100) postW=obj.width; obj.display='none'; obj.visibility='hidden'; }
function swap(num) { var obj=document.getElementById("re"+num); if (obj.visibility=='visible') { obj.display='none'; obj.visibility='hidden'; }
else { obj.display='block'; obj.visibility='visible'; }
}
function ChangeRecordCoutn(value) { var obj=document.getElementById('record_num'); if(value) obj.innerHTML=Number(obj.innerHTML)+1; else obj.innerHTML=Number(obj.innerHTML)-1; }
document.write(""+ " src=//www.diary.ru/statistic/statistic.php?uid=425669... "&rnd="+ Math.random()+ "\/"+ ""); //head body id="JournalComments" class="left" !--[if IE 7] type="text/css".header {position:relative; }
![endif]-- div id="wrapper" div id="extratop"span/span/div div id="page-c" div id="page-t" div class="bordered" id="postsArea" body.left { padding-left: 10px !important; padding-left: 220px; }
body.left { padding-left: 10px !important; padding-left: 250px; }
.left #wrapper { margin:0 !important; margin-left:-240px; padding-left:240px; }
.left #side { width:230px; margin-left:-240px !important; margin-left:-120px; margin-right:-230px; }
.right #page-t { margin-right:240px; }
.right #side { width:230px; margin-left:-230px; }
#side{overflow:hidden}
body.left{padding-left:10px !important;}
.left #wrapper{width:800px;margin: 0 0 0 -390px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side{width:170px !important;margin:0 !important;}
.left #page-c{width:600px !important;padding:0 !important;}
#postTitle {width: 200px }
a:link,a:visited{text-decoration:none !important;}
a:hover,a:active{border-bottom:1px dotted #592e10 !important;}
.postLinks {padding: 1px;}
.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: 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: 0px;}
.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #898989; margin: -6px 6px 6px -6px; padding: 0px; }
comments {background: no-repeat; padding:0 0 0 16px !important; line-height:12pt; font size: 0}
может тут какие-нибудь лишние? И еще-у меня не показываются иконки перед логинами. Если Вам не сложно, подскажите, пожалуйста. Заранее большое спасибо.
вот если что много моих кодов#side{position:fixed}
#side{font-family:Garamond,"Comic Sans MS"; }
.offtop {font-family:Garamond,"Comic Sans MS"; }
#postsArea, #commentsArea {font-family:Garamond,"Comic Sans MS"; }
#side{position:fixed}
body{ background-attachment:fixed; }
#pchs { float:left; visibility:hidden; }
#pchs a { float:left; clear:both; width:100%; */ visibility:visible; }
bordered {border-style:groove;}
. .borderTop{border-style:groove;}
.singlePost,.menuSection,.borderTop { border-color:#ffffff;}
.singlePost#epigraph a { text-decoration:underline; }
.singlePost#epigraph a:hover { text-decoration:none; }
.singlePost#GroupOp { border-style:solid; border-width:2px 0 0; background-color:#ffffff; padding:5px 0 0 0; text-align: right; color:#ffcc66; margin-top: 10px; }
h2,.header { color:#ffcc66; font-size:118%; font-style: normal;font-weight: normal;; }
.header a { color:#ffcc66; }
a { color:#33cc66; }
.cbegun { color:#00cc33; font-weight:normal; font-size:92%; }
.cbegun:hover { text-decoration:underline; }
.offtop { color:#ffcc33; }
.calnd td.cal-head { background-color:#99cc00; color:#99cc33; font-style: normal;font-weight: normal; text-align:center; }
.calnd td.cal-mnth { font-style: normal;font-weight: normal;; text-align:center; color:#66ccff; }
.forCheck { float:right; }
.header.calHeader { text-align: left;}
#content { padding: 0px;font-size:13px;background-color:#99cc33;margin-bottom:1 }
.bordered { background:#ffffff; border-color:#ffffff;}
.postLinksBackg {background-color:#99ccff; font-size:83%; padding: 5px;}
.pollLine { background-color:#ff6699; height: 1px; padding:0px; }
.favTagsColor { color:#000; border: none; }
#but {font-size: 86%;}
.TagL {color:#ff6633;}
.TagJIco { background: no-repeat 0%; position:relative; padding-left:16px;}
a:hover{cursor: help;}
a:link {text-decoration: none !important;}
a:hover {color: #ffcc00; background:; text-decoration: none;}
a:visited {text-decoration: none !important;}
a:active {background:#ffffff; text-decoration: none !important;}
#wrapper #postsArea, #commentsArea, #addCommentArea, #side, #wrapper .bordered{line-height:1.1;display:block;-moz-border-radius:0.8em;}
#side{font-family: ; }
#postsArea{font-family: ; }
#commentsArea {font-family: ; }
.TagJIco { background: no-repeat 0%; position:relative; padding-left:16px;}
body{ background-attachment:fixed; }
body.left{padding-left:10px !important;}
.left #wrapper{width:650px;margin: 0 0 0 -325px !important;padding:0 !important;position:relative;left:51%;//left:49.5%;overflow:hidden;}
.left #side{width:140px !important;margin:0 !important;}
.left #page-c{width:500px !important;padding:0 !important;}
body{ background-attachment:fixed; }
#extratop {background: no-repeat; padding-top: 20px !important; background-position:50% 100%}
.left #wrapper{background:#ffffff;overflow:hidden;}
em, .atMusic { text-transform: lowercase;font-size: 9px}
em, .atMood{ text-transform: lowercase;}
em { font-style: normal; }
.header {text-alight: center; }
#myDiaryLink a{color: }
#allDiaryLink a{color: }
div.menuSection, div.pageBar, .calnd { background: ; border-width:1px; border-color:#66ccff; border-style:double; padding:7px;}
h2,.header { text-align:center;}
type="text/" var postW=100; function setSImg(img){ if(img.widthpostW) img.parentNode.className="img_div"; }
function setPostW(obj) { if(postW==100) postW=obj.width; obj.display='none'; obj.visibility='hidden'; }
function swap(num) { var obj=document.getElementById("re"+num); if (obj.visibility=='visible') { obj.display='none'; obj.visibility='hidden'; }
else { obj.display='block'; obj.visibility='visible'; }
}
function ChangeRecordCoutn(value) { var obj=document.getElementById('record_num'); if(value) obj.innerHTML=Number(obj.innerHTML)+1; else obj.innerHTML=Number(obj.innerHTML)-1; }
document.write(""+ " src=//www.diary.ru/statistic/statistic.php?uid=425669... "&rnd="+ Math.random()+ "\/"+ ""); //head body id="JournalComments" class="left" !--[if IE 7] type="text/css".header {position:relative; }
![endif]-- div id="wrapper" div id="extratop"span/span/div div id="page-c" div id="page-t" div class="bordered" id="postsArea" body.left { padding-left: 10px !important; padding-left: 220px; }
body.left { padding-left: 10px !important; padding-left: 250px; }
.left #wrapper { margin:0 !important; margin-left:-240px; padding-left:240px; }
.left #side { width:230px; margin-left:-240px !important; margin-left:-120px; margin-right:-230px; }
.right #page-t { margin-right:240px; }
.right #side { width:230px; margin-left:-230px; }
#side{overflow:hidden}
body.left{padding-left:10px !important;}
.left #wrapper{width:800px;margin: 0 0 0 -390px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side{width:170px !important;margin:0 !important;}
.left #page-c{width:600px !important;padding:0 !important;}
#postTitle {width: 200px }
a:link,a:visited{text-decoration:none !important;}
a:hover,a:active{border-bottom:1px dotted #592e10 !important;}
.postLinks {padding: 1px;}
.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: 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: 0px;}
.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #898989; margin: -6px 6px 6px -6px; padding: 0px; }
comments {background: no-repeat; padding:0 0 0 16px !important; line-height:12pt; font size: 0}
может тут какие-нибудь лишние? И еще-у меня не показываются иконки перед логинами. Если Вам не сложно, подскажите, пожалуйста. Заранее большое спасибо.
-
-
30.05.2007 в 15:45Нет иконок, ибо вот:
.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #898989; margin: -6px 6px 6px -6px; padding: 0px; }
-
-
30.05.2007 в 15:46-
-
30.05.2007 в 15:51Ммм... Убери дисплей: блок. По идее, аватары начнут отображаться)
-
-
30.05.2007 в 15:52-
-
30.05.2007 в 15:54-
-
30.05.2007 в 15:58Части меню не видно. Убери несколько ссылок, или пусть двигается...
-
-
30.05.2007 в 16:01СТОЛЬКО ошибок вперемешку с откровенным бредом я нигде еще не видел.
[Michelle.] а почему вы думаете что display: block скрывает аватары?
-
-
30.05.2007 в 16:01-
-
30.05.2007 в 16:02-
-
30.05.2007 в 16:05Интуиция^^
-
-
30.05.2007 в 16:06поэтому я просто не буду исправлять, а хотя бы тупо уберу синтаксически неправильный код
разбираться в этом мусоре я не буду.
#side{position:fixed;}
#side{font-family:Garamond,"Comic Sans MS"; }
.offtop {font-family:Garamond,"Comic Sans MS"; }
#postsArea, #commentsArea {font-family:Garamond,"Comic Sans MS"; }
body{ background-attachment:fixed; }
#pchs { float:left; visibility:hidden; }
#pchs a { float:left; clear:both; width:100%; */ visibility:visible; }
.bordered {border-style:groove;}
.borderTop{border-style:groove;}
.singlePost,.menuSection,.borderTop { border-color:#ffffff;}
.singlePost#epigraph a { text-decoration:underline; }
.singlePost#epigraph a:hover { text-decoration:none; }
.singlePost#GroupOp { border-style:solid; border-width:2px 0 0; background-color:#ffffff; padding:5px 0 0 0; text-align: right; color:#ffcc66; margin-top: 10px; }
h2,.header { color:#ffcc66; font-size:118%; font-style: normal;font-weight: normal;; }
.header a { color:#ffcc66; }
a { color:#33cc66; }
.cbegun { color:#00cc33; font-weight:normal; font-size:92%; }
.cbegun:hover { text-decoration:underline; }
.offtop { color:#ffcc33; }
.calnd td.cal-head { background-color:#99cc00; color:#99cc33; font-style: normal;font-weight: normal; text-align:center; }
.calnd td.cal-mnth { font-style: normal;font-weight: normal;; text-align:center; color:#66ccff; }
.forCheck { float:right; }
.header.calHeader { text-align: left;}
#content { padding: 0px;font-size:13px;background-color:#99cc33;margin-bottom:1 }
.bordered { background:#ffffff; border-color:#ffffff;}
.postLinksBackg {background-color:#99ccff; font-size:83%; padding: 5px;}
.pollLine { background-color:#ff6699; height: 1px; padding:0px; }
.favTagsColor { color:#000; border: none; }
#but {font-size: 86%;}
.TagL {color:#ff6633;}
.TagJIco { background: no-repeat 0%; position:relative; padding-left:16px;}
a:hover{cursor: help;}
a:link {text-decoration: none !important;}
a:hover {color: #ffcc00; background:; text-decoration: none;}
a:visited {text-decoration: none !important;}
a:active {background:#ffffff; text-decoration: none !important;}
#wrapper #postsArea, #commentsArea, #addCommentArea, #side, #wrapper .bordered{line-height:1.1;display:block;-moz-border-radius:0.8em;}
.TagJIco { background: no-repeat 0%; position:relative; padding-left:16px;}
body{ background-attachment:fixed; }
body.left{padding-left:10px !important;}
.left #wrapper{width:650px;margin: 0 0 0 -325px !important;padding:0 !important;position:relative;left:51%;//left:49.5%;overflow:hidden;}
.left #side{width:140px !important;margin:0 !important;}
.left #page-c{width:500px !important;padding:0 !important;}
#extratop {background: no-repeat; padding-top: 20px !important; background-position:50% 100%}
.left #wrapper{background:#ffffff;overflow:hidden;}
em, .atMusic { text-transform: lowercase;font-size: 9px;}
em, .atMood{ text-transform: lowercase;}
em { font-style: normal; }
.header {text-alight: center; }
div.menuSection, div.pageBar, .calnd { border-width:1px; border-color:#66ccff; border-style:double; padding:7px;}
h2,.header { text-align:center;}
body.left { padding-left: 10px !important; padding-left: 250px; }
.left #wrapper { margin:0 !important; margin-left:-240px; padding-left:240px; }
.left #side { width:230px; margin-left:-240px !important; margin-left:-120px; margin-right:-230px; }
.right #page-t { margin-right:240px; }
.right #side { width:230px; margin-left:-230px; }
#side{overflow:hidden;}
body.left{padding-left:10px !important;}
.left #wrapper{width:800px;margin: 0 0 0 -390px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side{width:170px !important;margin:0 !important;}
.left #page-c{width:600px !important;padding:0 !important;}
#postTitle {width: 200px }
a:link,a:visited{text-decoration:none !important;}
a:hover,a:active{border-bottom:1px dotted #592e10 !important;}
.postLinks {padding: 1px;}
.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: 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: 0px;}
.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #898989; margin: -6px 6px 6px -6px; padding: 0px; }
.comments {background: no-repeat; padding:0 0 0 16px !important; line-height:12pt; font-size: 0pt;}
-
-
30.05.2007 в 16:09-
-
30.05.2007 в 16:11а то суда по вот таким:
background: no-repeat bottom right !important;
вещам в коде вы просто тупо копируете и не читаете инструкции, хотя почти везде написано что ЛЮБЫЕ вставляемые ссылки должны быть ссылками на СВОИ изображения из СВОЕЙ библиотеки изображений.
-
-
30.05.2007 в 16:14у вас там прописан нулевой размер шрифта для этой надписи, но когда из-за ошибок он не работал, то теперь работает!
-
-
30.05.2007 в 16:16-
-
30.05.2007 в 16:20Знаешь, что такое цифры? Во-во. Код надо в первую очередь ПРОЧИТАТЬ.
-
-
30.05.2007 в 16:20это базовые знания - вы должны или обладать ими сами или не браться за дизайн
http://www.htmlbook.ru/