Log In · Register

 
 
Closed TopicStart new topic
Friends Page Problem--Margins
cgraves07
post Apr 25 2008, 01:56 PM
Post #1


Newbie
*

Group: Member
Posts: 1
Joined: Apr 2008
Member No: 644,002



Hey, hopefully someone can help me with this.

I'm working on a new layout for my journal. Things look okay for the main page and everything, except for the friends page. Can someone help me out in fixing the margins so the text actually fits?

Edit: I also notice that it looks okay on IE, but not on Firefox (which is what I use). Also notice that some things on the main page don't work on IE, whereas they do on Firefox.

Friends Page

CODE
/* PAGE */

  body {
     font-family: arial;
     margin: 0px;
     padding: 0px;
     background: url(http://i94.photobucket.com/albums/l104/cgraves07/Graphics/hisdarkmaterials.jpg);
    }
  a {
     color: #dbd59a;
     font-weight: 8px;
    text-decoration: none;
     }
  a:visited {
     color: #dbd59a;
     font-weight: 8px;
     text-decoration: none;
     }
  a:hover {
     color: #a2ae56;
     font-weight: 8px;
     text-decoration: none;
     }

  .pageblock{
     width:646px;
     margin: 0 auto;
     background-color:black;
     background-repeat: repeat-y;
     margin-top: -1px;
     }
  .pagefooterblock{
     background-color: transparent;
     color: #dcc276;
     padding-top: 0x;
     margin-top: 0px;
     text-align: center;
     font-size: 7pt;
     height: 72px;
     text-transform: uppercase;
     background-image: url();
     background-repeat: no-repeat;
     background-position: bottom;
     margin-left: -4px;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #000000;
     }

/* HEADER */

  .pageheaderblock {
     text-align: center;
     background-image: url(http://i94.photobucket.com/albums/l104/cgraves07/Graphics/lyraiorek.jpg);
     background-repeat: no-repeat;
     width: 600px;
     height: 412px;
     border-top: 0px;
     margin-left: 60px;
     }

  .header-title {
     display: none;
     }
  .header-subtitle {
     display: none;
     }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;

     }
  .header-menu {
          padding: 0px;
     background-color: transparent;
     font-family: arial;
     font-size: 12px;
     text-transform: none;
     text-align: center;
     padding-left: 0px;
     position:absolute;
     top:420px;
     width: 600px;
     border-top: 0px;
    
     }
  .header-menu a, .header-menu a:visited {
     white-space: nowrap;
     text-align: left;
     padding: 2px;
     color: #dbd59a;
     text-decoration: none;
     background-color: transparent;
     margin: 3px;
     font-weight: bold;
     }
  .header-menu a:hover {
     color: #a2ae56;
     background-color: transparent;
     border-bottom: 1px solid;
     }
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }

/* BODY */

  .bodyblock {
     margin-left: 0px;
     border-top: 0px;
     margin-right: 0px;
     margin-top: 32px;
     padding-left: 42px;
     padding-right: 41x;
     margin-left: -2px;
     }
  .bodyheaderblock {
     display: none;
     border-top: 0px;
     }
  .bodynavblock {
     background-color: transparent;
     color: #000;
     margin: 0px 0px 4px 0px;
     padding: 4px;
     border-top: 0px;
     text-align: center;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #fc94b9;
     text-align: center;
     }
  .body-title {
     display: none;
     }
  .body-midtitle {
     display: none;
     }

/*ENTRIES*/
  .entryHolder {
     color: #fdf3e7;
     background-color: transparent;
     font-family: arial;
     font-size: 11px;
     text-align: justify;
     border-top: 0px;
     padding: 0px;
     margin-left: 5px;
     }
  .entryUserinfo {
     text-align: center;
     margin: 2px;
     background-color: transparent;
     border: 0px
     }
  .entryUserinfo-usericon img {
     padding: 2px;
     border: 0px;
     }
  .entryText {
     padding: 3px;
     }
  .entryHeader {
     background-color: #2c1600;
     font-family: arial;
     text-align:center;
     font-weight: normal;
     text-transform: uppercase;
     line-height: 19px;
     }
  .entryHeader a{
     color: #dbd59a;
     }
  .entryHeaderSubject {
     font-weight: bold;
     color:#9db963;
     padding-bottom: 2px;
     font-size: 11px;
     padding: 3px;
     margin-top: 3px;
     }
  .entryHeaderDate a {
     color: #fc94b9;
     text-decoration : none;
     }
  .entryHeaderDate {
     color: #9db963;
     text-decoration : none;
     font-size: 11px;
     padding: 2px;
     font-weight: bold
     }
  .entryHeaderDate a:hover {
     color: #fc94b9;
     text-decoration : underline;
     }
  .entryMetadata {
     padding-left: 0px;
     }
  .entryMetadata ul {
     margin: 0px;
     padding: 0px;
     }
  .entryMetadata li {
     list-style: none;
     display: inline;
     padding-right: 10px;
     display: block;
     background-color: #2c1600;
     padding: 2px;
     margin-right: 0px;
     }
  .entryMetadata-label {
     font-weight: bold;
     padding-right: 4px;
     }
  .entryLinkbar {
     font-family: arial;
     font-size: 10px;
     text-align: center;
     padding: 4px 0px 4px 0px;
     background-color: #403407;
     margin-bottom: 3px;
     }
  .entryLinkbar a:link, a:visited{
     color: #dbd59a;
     text-transform: normal;
     font-weight: bold;
     }
  .entryLinkbar a:hover{
     color: #a2ae56;
     background-color: #000000;
     padding: 4px 0px 4px 0px;
     }
  .entryLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .entryLinkbar li {
     padding: 0px 2px 0px 2px;
     margin: 0px;    
     display: inline;
     }
/*FOOTER*/

  #footer-menu {
     font-size: 11px;
     background-color: transparent;
     }
  #footer-menu a, .footer-menu a:visited {
     color: #dbd59a;
     font-weight: bold;
     white-space: nowrap;
     padding: 20px;
     text-align: center;
     }





/*SIDEBAR*/
  
  .sidebar {
     font-family: arial;
     font-size: 11px;

     width: 100px;
     background-color: transparent;
    
     padding-bottom: 100px;
     }
  .sidebox {
     color: #fdf3e7;
     background-color: fdf3e7;
     margin-right: 0px;
     margin-left: 0px;
     }
  .sideboxTitle {
     background-color: #2c1600;
     color: #9db963;
     font-family: tahoma;
     font-size: 11px;    
     text-align: center;
     text-transform: uppercase;
     font-weight: bold;
     border-top: 0px;
     line-height: 21px;
     }
  .sideboxContent {
     text-align: center;
     padding: 2px 4px 2px 4px;
     }
  .sidebox #profile, .sidebox #latestmonth, .sidebox #search {
     text-align: center;
     }
  .sidebox #tags_sidebox {
     text-align: center;
     }
  .sidebox #systemlinks {
     text-align: center;
     }
  .sidebox #latestmonth table{
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 4px;
     background-color:  transparent;
     padding: 1px;
     color:#eeead6;
     margin-bottom: 4px;
     }
  .sidebox #latestmonth table a{
     background-color: #504a1a;
     padding: 0px;
     color: #dbd59a;
     padding: 1px;
     width: 0px;
     font-weight: bold;
     border-right: 1px solid #614603;
     border-bottom: 1px solid #614603;
     }
  .listtitle {
     font-weight: bold;
     }
  .profile-label {
     font-weight: bold;
     }







/*OTHER PAGES*/

/* COMMENT PAGE */

  .commentHolder {
     color: #fdf3e7;
     background-color: #000;
     font-family: arial;
     font-size: 11px;
     margin: 10px;
     text-align: justify;
     padding: 4px;

     }
  .commentUserinfo {
     text-align: center;
       margin: 5px 6px 3px 5px;
     background-color: transparent;
     }
  .commentUserinfo-usericon img {

     }
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: #2c1600;
     font-family: arial;
     text-align:center;
     font-weight: normal;
     text-transform: uppercase;
     line-height: 19px;
     font-weight: bold;
     color:#9db963;
     font-size: 11px;
  
     }
  .commentHeader a{
     color: #000000;
     }
  .commentHeaderScreened {
     font-family:;
     font-size: 12px;
     background-color: #cccccc;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     font-family: arial;
     font-size: 10px;
     text-align: center;
     padding: 4px 0px 4px 0px;
     background-color: #403407;
     margin-bottom: 3px;
     }
  .commentLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .commentLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;
     display: inline;
     }
  .replyform {
     background-color: transparent;
     color: #000;
     padding-left: 10px;
     }
  #commenttext{
     width:100%;
     }






/*ARCHIVE PAGE*/
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 420px;
     margin: 0px auto;
     margin-top: 15px;
     margin-bottom: 15px;
     background-color: #2c1600;
     }
  .daysubjects {
     color: #fdf3e7;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
  
     background: #3a1b00;
     color: #fdf3e7;
     }
  .day-blank {
     border: 0px solid #8a8a8a;
    }
  .day {
     border: 0px solid #8a8a8a;
     }
  .day-date {
     border-right: 1px solid #8a8a8a;
     border-bottom: 1px solid #8a8a8a;
     color: #fdf3e7;
     width: 50%;
     text-align: center;
     background-color:#3a1b00;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #dbd59a;
     }





/*TAGS PAGE*/

  .tagstable, .tagstable td {
     border: 1px solid #dddddd;
     }
  .tagstable { width: 400px; }
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: