помогите css править..

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем XXXDIVONXXX, 04.12.2009.

  1. XXXDIVONXXX
    Offline

    XXXDIVONXXX Недавно здесь

    Регистрация:
    18.10.2009
    Сообщения:
    34
    Симпатии:
    2
    Пол:
    Мужской
    полдня мучаюсь не могу форму коментов до ума довести, ну такие они топорные..
    здесь можно глянуть как они выглядят

    Код (PHP):
    1. #comment img {
    2.     border: 0px;
    3.     display: inline;
    4. }
    5. #comment .item {
    6.     padding: 5px;
    7. }
    8. #comment .hide {
    9.     color: #AAAAAA;
    10. }
    11. #comment #CommentMenu {
    12.     margin-top: 10px;
    13.     margin-bottom: 5px;
    14. }
    15. #comment #CommentMenu .label {
    16.     padding-left: 5px;
    17.     color: white;
    18. }
    19. #comment #CommentMenu .buttons {
    20. }
    21. #comment #CommentMenu .button{
    22.     border-left: white solid 1px;
    23.     padding-left: 2px;
    24.     padding-right: 2px;
    25. }
    26. #comment #CommentMenu .button a{
    27.     color: white;
    28.     padding-left: 5px;
    29.     padding-right: 5px;
    30. /* AGE */
    31.     background: url(../images/sectiontableheadergreen.png);
    32. /******/
    33. }
    34. #comment #CommentMenu .button a:hover {
    35.     background: #006E20;
    36. }
    37. #comment .sectiontableheader {
    38.     height: 15px;
    39.     line-height: 15px;
    40.     color: white;
    41.     padding: 2px;
    42.     background: url(../images/sectiontableheadergreen.png);
    43.     border: none;
    44. }
    45. #comment .sectiontableentry1 {
    46.     background: #FBFBF5;
    47.     margin: 0px;
    48.     padding: 0px;
    49. }
    50. #comment .sectiontableentry2 {
    51.     background: #F5F5F5;
    52.     margin: 0px;
    53.     padding: 0px;
    54. }
    55. #comment .postcontainer{
    56.     margin-bottom: 5px;
    57. }
    58. #comment .post {
    59.     border: 1px #ccc solid;
    60.     margin-botton: 15px;
    61. }
    62. #comment .postheader {
    63.     color: white;
    64.     background: url(../images/headgreen.png);
    65.     padding: 2px;
    66. }
    67. #comment .postheader td {
    68.     color: white;
    69.     height: 15px;
    70.     line-height: 15px;
    71. }
    72. #comment .postusername {
    73.     background-image: url(../images/user2.png);
    74.     background-repeat: no-repeat;
    75.     background-position: 2px -2px;
    76.     padding-left: 21px;
    77. }
    78. #comment .postusername a {
    79.     color: white;
    80. }
    81. #comment .postusername a:hover {
    82.     text-decoration: underline;
    83. }
    84. #comment .posttitle {
    85.     font-weight: bold;
    86. }
    87. #comment a.postwebsite:link,  #comment a.postwebsite:visited, #comment a.postwebsite:hover {
    88.     background: url(../images/html.png) no-repeat;
    89.     background-position: 2px -2px;
    90.     padding-left: 16px;
    91.     font-weight: normal;
    92.     white-space: nowrap;
    93. }
    94.  
    95. #comment .postnotify1 {
    96.     background-image: url(../images/mailgreen.jpg);
    97.     background-repeat: no-repeat;
    98.     padding-left: 16px;
    99. }
    100.  
    101. #comment .postnotify0 {
    102.     background-image: url(../images/mailred.jpg);
    103.     background-repeat: no-repeat;
    104.     padding-left: 16px;
    105. }
    106. #comment .postusertype {
    107.     text-transform: capitalize;
    108. }
    109. #comment .avatarcontainer {
    110.     background-image: url(../images/dotv.gif);
    111.     background-repeat: repeat-y;
    112.     background-position: right top;
    113. }
    114. #comment .avatar {
    115.     border: 1px silver solid;
    116.     margin-right: 1px;
    117. }
    118. #comment .administrator {
    119.     font-weight: bold;
    120.     color: white;
    121. }
    122. #comment .postbody td {
    123.     color: #505367;
    124.     padding: 8px;
    125.     text-align: justify;
    126.     vertical-align: top;
    127. }
    128. #comment .sectiontableentry1 .postbody {
    129.     background: url(../images/body1.gif) repeat-x;
    130. }
    131. #comment .sectiontableentry2 .postbody {
    132.     background: url(../images/body2.gif) repeat-x;
    133. }
    134. #comment .createdate {
    135.     display: inline; /* AGE */
    136.     color: white;
    137. }
    138. #comment .postfooter {
    139.     padding-top: 2px;
    140.     padding-bottom: 2px;
    141.     padding-left: 5px;
    142.     padding-right: 5px;
    143.     background-image: url(../images/dot.gif);
    144.     background-repeat: repeat-x;
    145.     background-position: 0px 0px;
    146. }
    147. #comment .form {
    148.     width: 100%;
    149.     border: 1px #15C843 solid;
    150.     padding: 1px;
    151. }
    152. #comment #CommentFormTitle {
    153.     color: white;
    154. }
    155. #comment .postbody table {
    156.     border: 0px;
    157.     padding: 2px;
    158. }
    159. #comment .quote {
    160.     text-align: center;
    161.     margin-bottom: 8px;
    162.     margin-left: 8px;
    163.     margin-right: 8px;
    164. }
    165. #comment .genmed {
    166.     color: #505367;
    167.     text-align: left;
    168.     padding-left: 8px;
    169.     padding-bottom: 1px;
    170. }
    171. #comment .quotebody {
    172.     color: #505367;
    173.     border: 1px #CCCCCC solid;
    174.     background: white;
    175.     text-align: justify;
    176.     padding: 8px;
    177. }
    178. #comment .code .genmed{
    179.     padding-left: 29px;
    180. }
    181. #comment .emoticoncontainer {
    182.     padding: 5px;
    183. }
    184. #comment .emoticonseparator {
    185.     padding: 3px;
    186. }
    187. #comment .emoticon {
    188. }
    189. #comment .buttoncontainer {
    190.     float: left;
    191.     padding: 8px 5px 5px 5px;
    192. }
    193. #comment .button {
    194. }
    195. #comment .inputbox {
    196.  margin: 0px;
    197. }
    198. #comment .select {
    199.     width: 82px;
    200. }
    201. #comment .onlyregistered {
    202.     padding: 5px;
    203.     text-align: center;
    204.     font-size: 1.1em;
    205.     color: red;
    206.     font-weight: bold;
    207.     border-top: 1px black solid;
    208.     border-bottom: 1px black solid;
    209.     background: white;
    210. }
    211. #comment a.voting_yes:link, #comment a.voting_yes:visited {
    212.     color: #3C922F;
    213.     font-weight: normal;
    214.     background: url(../images/voting_yes.png) #EEF9EB no-repeat;
    215.     border: 1px outset #3C922F;
    216.     padding: 2px 4px 2px 20px;
    217.     white-space: nowrap;
    218.     float: left;
    219.     line-height: 10px;
    220.     text-decoration: none;
    221. }
    222. #comment a.voting_yes:hover {
    223.     color: #3C922F;
    224.     font-weight: normal;
    225.     background: url(../images/voting_yes.png) #FFFFFF no-repeat;
    226.     border: 1px outset #3C922F;
    227.     padding: 2px 4px 2px 20px;
    228.     white-space: nowrap;
    229.     float: left;
    230.     line-height: 10px;
    231.     text-decoration: none;
    232. }
    233. #comment a.voting_no:link, #comment a.voting_no:visited {
    234.     color: #AE3738;
    235.     font-weight: normal;
    236.     background: url(../images/voting_no.png) #F9EBEB no-repeat;
    237.     border: 1px outset #AE3738;
    238.     padding: 2px 4px 2px 20px;
    239.     white-space: nowrap;
    240.     float: left;
    241.     line-height: 10px;
    242.     text-decoration: none;
    243. }
    244. #comment a.voting_no:hover {
    245.     color: #AE3738;
    246.     font-weight: normal;
    247.     background: url(../images/voting_no.png) #FFFFFF no-repeat;
    248.     border: 1px outset #AE3738;
    249.     padding: 2px 4px 2px 20px;
    250.     white-space: nowrap;
    251.     float: left;
    252.     line-height: 10px;
    253.     text-decoration: none;
    254. }
    255. #comment .captchacontainer{
    256.     float: left;
    257.     padding: 5px;
    258. }
    259. #comment .captchainput{
    260.     float: left;
    261.     margin-top: 1px;
    262. }
    263. #comment #captcha{
    264.     border: 1px solid silver;
    265.     float: left;
    266.     margin-left: 5px;
    267. }
    268. #comment #busy{
    269.     padding-left: 5px;
    270. }
    271. #comment #SearchResults a:link, #comment #SearchResults a:visited {
    272.     color: #505367;
    273. }
    274. #comment #SearchResults a:hover {
    275.     color: black;
    276. }
    277. #comment #SearchResults span {
    278.     background: #ffc;
    279.     font-weight: bold;
    280.     border: 1px solid gray;
    281. }
    282. .comment_preview_container {
    283.     border: 1px #677791 solid;
    284.     margin: 8px;
    285. }
    286. .comment_preview {
    287.     padding: 4px;
    288.     text-align: left;
    289.     border: 1px #CCCCCC solid;
    290.     font-size: 0.9em;
    291.     background-color: #F5F5F5;
    292.     cursor: hand;
    293. }
    294. .comment_preview:hover {
    295.     background-color: white;
    296. }
    297. .comment_preview div {
    298.     color: #505367;
    299.     padding-left: 4px;
    300.     padding-right: 4px;
    301.     padding-top: 1px;
    302.     padding-bottom: 1px;
    303. }
    304. .comment_preview div:hover {
    305.     color: white;
    306.     background-color: #253F67;
    307. }


    это код.
    если кто может помогите..:'(
     
  2.  
  3. agruts
    Offline

    agruts Russian Joomla! Team

    Регистрация:
    01.03.2006
    Сообщения:
    612
    Симпатии:
    21
    Пол:
    Мужской
    XXXDIVONXXX, до ума довести не проблема.
    как именно ты хотел бы их видеть? надо поконкретнее ставить вопрос.

    http://www.htmlbook.ru/css/
    http://ru.html.net/tutorials/css/
    советую ознакомиться, может быть после изучения все вопросы и отпадут
     
    XXXDIVONXXX нравится это.
  4. XXXDIVONXXX
    Offline

    XXXDIVONXXX Недавно здесь

    Регистрация:
    18.10.2009
    Сообщения:
    34
    Симпатии:
    2
    Пол:
    Мужской
    ДА ХОТЕЛОСЬ БЫ ЧТО БЫ ОНИ БЫЛИ БОЛЕЕ СКРОМНЕЕ, А ТО куча рамок напрягает, да и липнут они друг к другу..
     
  5. Offline

    joomzone Недавно здесь

    Регистрация:
    04.12.2009
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Дейстительно, рамка на рамке и рамкой погоняет. Еще в смайликах разбег на целую страницу.
     
  6. XXXDIVONXXX
    Offline

    XXXDIVONXXX Недавно здесь

    Регистрация:
    18.10.2009
    Сообщения:
    34
    Симпатии:
    2
    Пол:
    Мужской
    что собственно и бесит..
     
  7. agruts
    Offline

    agruts Russian Joomla! Team

    Регистрация:
    01.03.2006
    Сообщения:
    612
    Симпатии:
    21
    Пол:
    Мужской
  8. XXXDIVONXXX
    Offline

    XXXDIVONXXX Недавно здесь

    Регистрация:
    18.10.2009
    Сообщения:
    34
    Симпатии:
    2
    Пол:
    Мужской
    я даже не пойму откуда ноги растут, удалял стиль вообще, а рамки оставались...
     
  9. agruts
    Offline

    agruts Russian Joomla! Team

    Регистрация:
    01.03.2006
    Сообщения:
    612
    Симпатии:
    21
    Пол:
    Мужской
    поиск в файлах по названию класса, который присвоен таблице комментов
     

Поделиться этой страницей

Загрузка...