Fork me on GitHub

PN 760 update and text formatting  Bottom

  • Hi everyone

    Hoping some of you experts can help me.

    After the update my text seems to be all aligned to the centre or right.

    You can see my main site here.
    You will see that everything seems to be centre.

    http://www.gamingshark.com/site-pics/indent.jpg

    This effect is more evident in the forums.
    http://www.gamingshark.com/site-pics/forums.jpg

    You can see my CSS file below. Hoping you guys can help me.

    Code

    * The content of the posts (body of text) */
    body{ font-family: Verdana; font-size: 10px; color: #FFFFFF;; background-color: 4A4E65;scrollbar-3dlight-color:#8C9192;
    scrollbar-arrow-color:#ffffff;
    scrollbar-darkshadow-color:#36394A;
    scrollbar-face-color:#4A4E65;
    scrollbar-highlight-color:#929292;
    scrollbar-shadow-color:#000000;
    scrollbar-track-color:#000000;}

    /* General font families for common tags */
    font,th,td,p{font:10px Verdana,Arial,Helvetica,sans-serif;
    color: #ffffff;}
    p{margin-top:2px;margin-bottom:3px}

    /* General text */
    .gensmall{font-size:10px}
    td.genmed,.genmed{font-size:11pxVerdana, Arial, Helvetica, sans-serif; color : #FFFFFF; border-color : #000000; }
    .explaintitle{font-size:11px;text-align:left;font-weight:bold;color: #ffffff}

    /* General page style */
    a:link,a:active,a:visited,a.postlink{color: #FFFFCC ;text-decoration:}
    a:hover{color: #ffdf10}
    a.topictitle:visited{color: #ffffff;}
    a.topictitle:hover{color:#ffdf10}


    /* Name of poster in viewmsg.php and viewtopic.php and other places */
    .name{font-size:11px;font-weight: bold}

    hr{border: 0px solid #000000;border-top-width:1px;height:0px}

    /* Category gradients*/
    td.cat{color: #c0c0c0;font-weight:bold;letter-spacing:1px;background: #4A4E65}

    a.cattitle,a.cattitle:visited{color:#FFFFFF}
    a.cattitle:hover{color:#ffdf10}

    /* Main table cell colours and backgrounds */
    /* Main table cell colours and backgrounds */
    .row1{background: #4F4F4F;}
    .row2{background: #4F4F4F;}
    .row3{background: #4F4F4F;}
    td.spacerow{background:#343434}
    .row1,.row2,.row3,td.spacerow,td.cat,td.rowpic,th,.topnav{
    border:1px solid;border-color:#707070 #000000 #000000 #707070}
    .catrupt{background:#4A4E65;border:1px solid;border-color:#707070 #000000 #000000 #707070}
    /* This is for the table cell above the Topics,Post & Last posts on the index.php */
    td.rowpic{background: #4A4E65 url() repeat-y}

    /* Table Header cells */
    th{background: #4A4E65 url(images/cb_fbr_tex.gif);color: #c0c0c0;font-size:11px;
    font-weight:bold;height:27px;white-space:nowrap;text-align:left;padding-left:8px;padding-right:8px}

    /* This is the border line & background colour round the entire page */
    .bodyline{background:#4A4E65}

    /* This is the outline round the main forum tables */
    .forumline{background: #000000;border-color: #000000 #707070 #707070 #000000}

    /* The largest text used in the index page title and toptic title etc. */
    .maintitle,h1{
    font:bold 20px/120% Verdana;text-decoration:none;color:#767676}

    .subtitle,h2{font:bold 18px/180% Verdana;
    text-decoration:none}

    /* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
    .nav{font-size:11px;font-weight:bold;color: #c0c0c0;}
    .postbody{font-size:11px;line-height:125%}

    /* Location,number of posts,post date etc */
    .postdetails{font-size:10px;color: #c0c0c0;}

    /* Quote blocks */
    .quote{background:#525252;border:1px solid #000000;color:#e7e7e7;
    font-size:11px;line-height:125%}

    /* Code blocks */
    .code{background:#545454;border:1px solid #000000;color:#fff8dc;
    font:11px Courier,"Courier New",sans-serif;padding:5px}

    /* This is for the error messages that pop up */
    .errorline{background:#ff8c00;border:1px solid #000000}

    /* Form elements */
    form{display:inline}

    input{font:11px Verdana, Arial, Helvetica, sans-serif;color:#000000}

    select{background:#e7e7e7;color:#000000;font:11px Verdana, Arial, Helvetica, sans-serif}

    input.post,textarea.post{background: #000000;
    font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px;
    border:1px solid;border-color: #000000 #707070 #707070 #000000;
    color: #ffffff;}
    input.liteoption,.fakebut{background: #4A4E65;color:#e7e7e7;
    border:1px solid; border-color:#707070 #000000 #000000 #707070}
    input.mainoption{background: #4A4E65;font-size:11px;
    border:1px solid; border-color:#707070 #000000 #000000 #707070}
    input.catbutton{background: #4A4E65;
    border:1px solid; border-color:#707070 #000000 #000000 #707070}

    a.but,a.but:hover,a.but:visited{color:#d0a700;text-decoration:none}

    /* This is the line in the posting page which shows the rollover help line. */
    .helpline{background: #FFFFFF;font-size:10px}

    /* This is the gradient background at the top of the page */
    .topbkg{background: #1a1a1a url(images/cellpic_bkg.jpg) repeat-x; font-size:13px;font-weight:bold;color:#000000}
    .headtitle{font:bold 28px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;color: #262626}

    .topnav{font-size:10px;background: #000000;white-space:nowrap}

    /* Admin & Moderator Colours MODification */
    .admin,.mod{font-size:11px;font-weight:bold}
    .admin,a.admin,a.admin:visited{color:#ffa34f}
    .mod,a.mod,a.mod:visited{color:#006699}
    a.mod:hover{color:FFDF10}

    /* Specify the space around images */
    .imgtopic,.imgicon{margin-left:0}
    .imgspace{margin-left:1px;margin-right:2px}
    .imgfolder{margin:1px 4px 1px 4px}

    /* Gets rid of the need for border="0" on hyperlinked images */
    img{border:0 solid}

    /* Background images for tables */
    .tbltop{background:#2e2e2e url(images/tnav_t.gif) repeat-x}
    .tblleft{background:#2e2e2e url(images/tnav_l.gif) repeat-y}
    .tblright{background:#2e2e2e url(images/tnav_r.gif) repeat-y}
    .tblbot{background:#2e2e2e url(images/tnav_b.gif) repeat-x}

    input.button { background:#4A4E65;font-size:11px;color: #ffffff; border-color:#707070 #000000 #000000 #707070 }

    .bodyline { border:0px solid}
    a.admin:hover { color:FFDF10}
  • Fortunately, I took a look at the site and not just the screenshots. Congratulations, it looks like you got it fixed.

    Slugger
  • Hey,

    The weird thing is that, it only breaks with Internet Explorer and not Firefox! I have no clue why this is happening.
  • Are you using AutoTheme? I think there is a problem with the latest version, as my themes do the same thing in some places.
  • Yes I am. I heard there is an update coming. So lets hope this fixes it. Good luck Shelby. If you figure out the problem pls let me know.
  • Will do. I'm using 1.75 right now, supposedly the latest release. Still no go, having centering issues with some modules and blocks not functioning 100%. Also if your using forums, one way you can temporarily fix the centering with pnphpbb is to copy the pnphpbb CSS file in the templates/style folder, and add it to your theme's CSS.
  • :( Updated new AutoTheme and still broken.


    Is there be a file I should pay particular attention to? I don't know why IE is all messed up while Firefox works fine.
  • Set the doctype in AutoTheme admin for your theme to 4.01 Transitional.

    --
    Zikula Themes
  • MMaynard

    Set the doctype in AutoTheme admin for your theme to 4.01 Transitional.

    You got skill, it works now.
  • It's one of my themes. ;)

    --
    Zikula Themes

This list is based on users active over the last 60 minutes.