Benvenuto nella nostra community, registra un account gratuito ADESSO!
Oltre 7000 persone hanno già registrato il loro account. Chiedi aiuto, conversa con aziende ed esperti del settore webhosting italiano.
Iscriviti subito! In meno di 2 minuti!




Risultati da 1 a 5 di 5
  1. #1
    usu
    usu non è collegato
    Utente Moderatore L'avatar di usu
    Data Registrazione
    Apr 2006
    Località
    Milano
    Messaggi
    1,769

    Centrare layout tramite CSS

    Mi rivolgo a voi per un problema che mi (ci) sta logorando
    In pratica stiamo approntando la nuova versione di itasa e abbiamo incontrato un problemuccio, abbiamo adattato un layout di joomla per i 1024x768 però questo risulta spostato completamente a sinistra, l'intenzione sarebbe quella di centrarlo tipo quello di hostingtalk per intenderci, vi posto qua il CSS e l'index del template, magari riuscite a darci una mano

    CSS
    Codice:
    body{
        font-family        : Arial,sans-serif;
        color            : #333333;
        line-height        : 1.166;    
        margin            : 0px;
        padding            : 0px;
        color           : #FFFFFF;
        position        : absolute;
        left            : 20px;
    }
    td, tr, p {
        font-family        : Arial, Helvetica, sans-serif;
        font-size        : 12px;
        color            : #666666;
    }
    hr {
        color            : #DADDD0;
        height            : 1px;
        width            : 90%;
    }
    h1{
        font            : bold 120% Arial,sans-serif;
        color            : #334d55;
        margin            : 0px;
        padding            : 0px;
    }
    h2{
        font            : bold 114% Arial,sans-serif;
        color            : #006699;
        margin            : 0px;
        padding            : 0px;
    }
    h3{
        font            : bold 100% Arial,sans-serif;
        color            : #334d55;
        margin            : 0px;
        padding            : 0px;
    }
    h4{
        font            : 100% Arial,sans-serif;
        color            : #333333;
        margin            : 0px;
        padding            : 0px;
    }
    h5{
        font            : 100% Arial,sans-serif;
        color            : #334d55;
        margin            : 0px;
        padding            : 0px;
    }
    .main { 
        float            : left; 
        width            : 100%;
        margin            : 0px; 
        padding            : 0px;
    }
    .contentdescription { 
        width            : auto !important;
        display            : block;
    } 
    table.moduletable {
      width                : 100%;
      table-layout        : auto;
    }
    table.moduletable th {
      font-size         : 12px;
      font-weight       : bold;
      text-transform    : uppercase;
      text-align        : left;
      height            : 22px;
      line-height       : 22px;
      text-indent       : 0px;
      letter-spacing    : 1px;
      color             : #666666;
      border-bottom     : 1px solid #EEEEEE;
    }
    table.moduletable td {
      padding-left      : 0px;
      padding-right     : 0px;
      padding-top        : 0px;
      padding- bottom   : 0px;
      margin            : 4px;
    }
    .back_button {
      color             : #996600;
      font-family       : Tahoma, Verdana, Arial, Helvetica, sans-serif;
      font-size         : 11px;
      white-space       : normal;
      font-weight       : normal;
      border            : 1px solid #DADDD0;
      padding-bottom    : 4px;
      padding-left      : 10px;
      padding-right     : 10px;
      padding-top       : 4px;
      margin-right      : 4px;
      margin-bottom        : 10px;
      float             : right;
      line-height       : 10px;
      text-decoration   : none; 
    }
    .button {
      font-size         : 11px;
      color             : #666666;
      background-color    : #FFF;
      border            : 1px solid #DADDD0;
      margin-bottom     : 5px;
      padding           : 1px;
     }
    .inputbox {
      border            : 1px solid #CCCCCC;
      background-color  : #FBFBFB;
      padding            : 2px;
      margin-bottom     : 5px;
      color                : #666666;
    }
    .sectiontableheader {
      font-size         : 12px;
      font-weight       : bold;
      text-transform    : uppercase;
      letter-spacing    : 1px;
      color             : #666666;
      padding           : 3px;
      border-bottom        : 1px solid #EEEEEE;
      border-top        : 1px solid #EEEEEE;
    }
    .sectiontableentry1 {
      padding           : 3px;
      margin            : 3px;
      background        : #FBFBFB;
      border-top        : 1px solid #FFFFFF;
      border-bottom     : 1px solid #DADDD0;
    }
    .sectiontableentry2 {
      padding           : 3px;
      margin            : 3px;
      border-top        : 1px solid #FFFFFF;
      border-bottom     : 1px solid #DADDD0;
    }
    a.mainlevel {
      margin-top        : 1px;
      padding-top       : 0px;
      font-size         : 12px;
      width             : 150px;
      text-indent       : 10px;
    }
    a.mainlevel:link {
      padding           : 0px 0px 0px 0px;
      font-size         : 12px;
      width             : 150px;
      text-indent       : 10px;
    }
    a.mainlevel:link, a.mainlevel:visited {
      display           : block;
      font-size         : 12px;
      font-weight       : normal;
      padding           : 2px 0px 2px 0px;
      color             : #1A4A88;
      width             : 150px;
      text-indent       : 10px;
      background-color  : #F5F5F5;
    }
    a.mainlevel:hover {
      font-size         : 12px;
      background-color  : #FBFBFB ;  
      color             : #000000;
      font-weight       : normal;
      text-decoration   : none;
      text-indent       : 10px;
    }
    #active_menu {
      color             : #003366;
      font-weight       : bold;
      background-color  : #FBFBFB;
    }
    a#active_menu:hover {
      color             : #0066FF;
      background-color  : #FBFBF9;
    }
    a.sublevel:link, a.sublevel:visited {
      font-size            : 12px;
      font-weight        : normal;
      padding           : 2px 0px 2px 0px;
      color                : #666666;
      text-align        : left;
      width             : 100%;
      text-indent       : 10px;
      background-color  : #FBFBFB;
      display: block;  
    }
    a.sublevel:hover {
      color                : #0066FF;
      background-color  : #FFFFFF;
      text-decoration    : none;
    }
    a:link, a:visited {
      font-size         : 12px;
      color             : #0066FF;
      text-decoration   : none;
    }
    a:hover {
      font-size         : 12px;
      color             : #0066FF;
      text-decoration   : underline;
    }
    a.category:link, a.category:visited {
      font-weight       : bold;
    }
    a.readon:link, a.readon:visited {
      color             : #666666;
      font-family       : Tahoma, Verdana, Arial, Helvetica, sans-serif;
      font-size         : 11px;
      background        : url(../images/more.png);
      background-repeat : no-repeat;
      white-space       : normal;
      font-weight       : bold;
      padding-bottom    : 3px;
      padding-left      : 20px;
      padding-right     : 4px;
      padding-top       : 3px;
      float             : left;
      line-height       : 10px;
      text-decoration   : none; 
    }
    a.readon:hover {
      color             : #003366;
      font-family       : Tahoma, Verdana, Arial, Helvetica, sans-serif;
      font-size         : 11px;
      background        : url(../images/more2.png);
      background-repeat : no-repeat;
      white-space       : normal;
      font-weight       : bold;
      padding-bottom    : 3px;
      padding-left      : 20px;
      padding-right     : 4px;
      padding-top       : 3px;
      float             : left;
      line-height       : 10px;
      text-decoration   : none; 
    }
    ul {
      margin            : 2px;
      padding-left      : 10px;
      list-style        : none;
    }
    
    table.contenttoc {
      border            : 1px solid #FFF;
      padding            : 2px;
      margin-left        : 2px;
      margin-bottom        : 2px;
    }
    
    table.contenttoc td {
      padding            : 2px;
    }
    
    table.contenttoc th {
        color            : #666666;
        text-align        : left;
        padding-top        : 2px;
        padding-left    : 4px;
        height            : 21px;
        font-weight        : bold;
        font-size        : 10px;
        text-transform  : uppercase;
    }
    .pagenavcounter {
      font-size         : 10px;
      color             : #666666;
    }
    .pagenavbar {
      border-top        : 1px solid #999999;
      padding           : 2px;
    }
    .pagenav {
      font-weight       : bold;
      color             : #0066CC;
    }
    a.pagenav:link, a.pagenav:visited {
      text-decoration   : none;
    }
    a.pagenav:hover {
      text-decoration   : none;
    }
    .date {
      font-size         : 10px;
      color             : #8BACDA;
      padding-top        : 1px;
    }
    .small {
      font-size         : 10px;
      color             : #666666;
    }
    .postedby {
      font-size         : 10px;
      color             : #CCCCCC;
    }
    .smalldark {
      font-size         : 10px;
      color             : #666666;
    }
    .createdate, .modifydate {
      font-size         : 10px;
      color             : #CCCCCC;
    }
    .content_vote {
      font-size         : 10px;
      height            : 22px;
      padding-top       : 2px;
      padding-bottom    : 2px;
    }
    .content_rating {
      font-size         : 10px;
      color             : #666666;
      
    }
    .pathway {
      font-size         : 10px;
      color             : #999999;
      height            : 10px;
    
    }
    a.pathway:link, a.pathway:visited {
      font-size         : 10px;
      color                : #FF9900;
      height            : 10px;
    
    }
    a.pathway:hover {
      font-size         : 10px;
      color             : #FFCC00;
      height            : 10px;
    }
    table.content{
      width             : 100%;
      padding           : 5px;
      border-collapse   : collapse;
      border-spacing    : 0px;
      margin-bottom     : 10px;
    }
    table.contentpane {
      width             : 100%;
      padding             : 5px;
      border-spacing    : 0px;
      margin-bottom     : 5px;
    }
    table.contentpaneopen {
      width             : 100%;
      padding-left      : 5px;
      padding-right     : 5px;
      border-spacing    : 0px;
      margin-bottom     : 5px;
    }
    .contentpane {
      margin            : 5px;
      }
    .pollstableborder{
      border-color      : #666666;
    }
    .contentheading {
      font-family       : Arial, Helvetica, sans-serif;
      font-size         : 16px;
      font-weight       : bold;
      font-style        : inherit;
      text-transform    : uppercase;
      text-align        : left;
      color             : #1A4A88;
      width             : 100%;
    }
    .componentheading {
      font-family       : Arial, Helvetica, sans-serif;
      font-size         : 16px;
      font-weight       : bold;
      text-transform    : uppercase;
      text-align        : left;
      line-height       : 21px;
      color             : #1A4A88;
      width             : 100%;
    }
    .contentpagetitle {
      font-family       : Arial, Helvetica, sans-serif;
      font-size         : 16px;
      font-weight       : bold;
      text-transform    : uppercase;
      text-align        : left;
      color             : #1A4A88;
      width             : 100%;
      }
    a.contentpagetitle:link, a.contentpagetitle:visited {
      font-size         : 16px;
      color             : #1A4A88;
      text-decoration   : none;
      font-weight       : bold;
    }
    a.contentpagetitle:hover {
      font-size         : 16px;
      color             : #0066FF;
      text-decoration   : none;
      font-weight       : bold;
    }
    .title {
      font-family       : Arial, Verdana, Geneva,  Helvetica, sans-serif;
      font-weight       : bold;
      text-transform    : uppercase;
      font-size         : 20px;
      text-align        : left;
      color             : #FFFFFF;
    }
    .footer {
      font-family       : Verdana, Geneva, Arial, Helvetica, sans-serif;
      color             : #888888;
      font-size         : 12px;
      font-weight       : normal;
    }
    .footer a:link, .footer a:visited {
      font-size         : 12px;
      color             : #888888;
      text-decoration   : none;
      font-weight       : normal;
    }
    .footer a:hover {
      font-size         : 12px;
      color             : #FFF;
      text-decoration   : none;
      font-weight       : normal;
    }
    .search{
        position        : absolute;
        top                : 5px;
        right            : 55px;
        z-index            : 101;
    }
    #mod_search_searchword {
        font-size        : 10px;
        margin            : 1px;
        width            : 80px;
        border            : 1px solid #3588c3;
        background-color:#f2ffff;
        }
    #mod_search_searchword .inputbox {
        font-size        : 10px;
        padding            : 4px;
        height            : 10px;
        }
    .highlight {
      background-color    : #FFFF00;
    }
    div.mosimage {
      border            : 1px solid #ccc;
    }
    .mosimage {
      border            : 1px solid #cccccc;
      margin            : 5px
    }
    .mosimage_caption {
      margin-top        : 2px;
      background        : #efefef;
      padding            : 1px 2px;
      color                : #666;
      text-transform    : normal;
      font-size            : 10px;
      border-top        : 1px solid #cccccc;
    }
    #pagecell1{
        position        :absolute;
        top                : 216px;
        left            : 2%;
        right            : 2%;
        width            : 95.6%;
        min-width        : 964px;
        background-color: #FFFFFF;
        background-image: url(../images/cell_back.jpg);
        background-repeat: repeat-x;
        border-left        : 1px solid #EEEEEE;
        border-right    : 1px solid #EEEEEE;
    }
    #tl {
        position        : absolute;
        top                : -1px;
        left            : -1px;
        margin            : 0px;
        padding            : 0px;
        z-index            : 100;
    }
    #tr {
        position        : absolute;
        top                : -1px;
        right            : -1px;
        margin            : 0px;
        padding            : 0px;
        z-index            : 100;
    }
    #masthead{
        position        : absolute;
        top                : 0px;
        left            : 2%;
        right            : 2%;
        width            : 95.6%;
    }
    #content{
        padding            : 0px 10px 0px 0px;
        margin            : 0px 198px 0px 0px;
        border-right    : 1px solid #EEEEEE;
    }
    #siteName{
        margin            : 0px;
        padding            : 16px 0px 8px 0px;
        color            : #ffffff;
        font-weight        : normal;
    }
    #utility{
        position        : absolute;
        float            : right;
        top                : 16px;
        right            : 0px;
        color            : #919999;
    }
    #pageName h2{
        font            : bold 175% Arial,sans-serif;
        color            : #000000;
        margin            : 0px;
        padding            : 0px;
    }
    #pageName img{
        position        : absolute;
        top                : 0px;
        right            : 6px;
        padding            : 0px;
        margin            : 0px;
    
    }
    #globalHead {
        position        : relative;
        width            : 100%;
        min-width        : 964px;
        height            : 149px;
        color            : #0066CC;
        padding            : 0px;
        margin            : 0px;
        background-image: url(../images/head_background.jpg);
    }
    #globalGrey{
        position        : absolute;
        height            : 149px;
        width            : 500px;
        padding            : 0px;
        margin            : 0px;
        left            : 7px;
        z-index            : 100;
        background-image: url(../images/logo.jpg);
    }
    #globalInfo{
        position        : relative;
        width            : 100%;
        min-width        : 964px;
        height            : 20px;
        color            : #0066CC;
        padding            : 0px;
        margin            : 0px;
    }
    #globalPath{
        font-size        : 10px;
        position        : absolute;
        line-height        : 20px;
        height            : 20px;
        width            : 600px;
        left            : 60px;
        z-index            : 100;
    }
    #globalDate{
        font-size        : 10px;
        line-height        : 20px;
        height            : 20px;
        position        : absolute;
        top                : 0px;
        right            : 60px;
        z-index            : 101;
    }
    #yourImage{
        position        : absolute;
        top                : 0px;
        right            : 10px;
        z-index            : 101;
    }
    #navBar{
        float            : left;
        width            : 20%;
        margin            : 0px;
        padding            : 0px;
        background-color: #eeeeee;
        border-right    : 1px solid #cccccc;
        border-bottom    : 1px solid #cccccc;
    }
    #globalNav{
        position        : relative;
        width            : 100%;
        min-width        : 964px;
        height            : 32px;
        color            : #FFFFFF;
        padding            : 0px 0px 0px 0px;
        margin            : 0px;
        background-image: url(../images/gblnav_background.jpg);
    
    }
    #globalNav img{
        margin-bottom    : -4px;
        padding            : 0px 0px 0px 0px;
    }
    #gnl {
        position        : absolute;
        top                : 0px;
        left            : 0px;
    }
    #gnr {
        position        : absolute;
        top                : 0px;
        right            : 0px;
    }
    #globalLink{
        position        : absolute;
        top                : 1px;
        height            : 30px;
        min-width        : 760px;
        padding            : 0px 0px 0px 50px;
        margin            : 0px;
        left            : 10px;
        z-index            : 100;
    }
    .story {
        padding            : 10px 0px 0px 10px;
    }
    .story p {
        padding            : 0px 0px 10px 0px;
    }
    td.storyLeft{
        padding-right    : 12px;
    }
    #siteInfo{
        font-size        : 10px;
        clear            : both;
        border-top        : 1px solid #EEEEEE;
        color            : #FFffff;
        padding            : 10px 10px 10px 10px;
        margin-top        : 0px;
    }
    #siteTop{
        position        : absolute;
        right            : 10px;
        bottom            : 10px;
        margin-top        : 0px;
    }
    ul#mainlevel-nav {
      float                : right;
      list-style        : none;
      padding            : 0;
      margin            : 0;
      font-size            : 11px;
      font-weight         : normal;
    }
    ul#mainlevel-nav li {
      background-image    : none;
      padding-left        : 0px;
      padding-right        : 0px;
      float                : right;
      margin            : 0;
      font-size            : 11px;
      line-height        : 18px;
      white-space        : nowrap;
      border-right        : 1px solid #999999;
      font-weight         : normal;
    
    }
    ul#mainlevel-nav li a {
      display            : block;
      padding-left        : 15px;
      padding-right        : 15px;
      text-decoration    : none;
      color                : #666666;
      background        : transparent;
      font-weight         : normal;
    
    }
    ul#mainlevel-nav li a:hover {
      color                : #FF9900;
    }
    #navcontainer {
      font-family       : Arial, Helvetica, sans-serif;
      font-size         : 12px;
      margin            : 0px 0px 0px 0px;
      padding           : 0px 0px 0px 0px;
      width             : auto;
      height            : 30px;
    }
    #navlist {
      margin            : 0px;
      padding           : 0px 0px 0px 0px;
    }
    #navlist ul, #navlist li {
      display           : inline;
      list-style-type   : none;
    }
    #navlist a:link, #navlist a:visited {
      border-right      : 1px solid #EEEEEE;
      padding           : 5px 10px 5px 10px;
      float             : left;
      font-weight       : bold;
      line-height       : 19px;
      margin            : 0px;
      text-decoration   : none;
      color             : #ffffff;
    }
    #navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
      color             : #e20007;
    }
    #navlist a:hover {
      color             : #00c700;
    }
    #subbox {
      font-family       : Arial, Helvetica, sans-serif;
      font-size         : 11px;
      height            : 25px;
      width             : auto;
    }
    #subnavlist {
      margin            : 0px;
      padding           : 0px;
    }
    #subnavlist ul, #subnavlist li {
      margin            : 0px;
      padding           : 0px;
      display           : inline;
      list-style-type    : none;
    }
    #subnavlist a:link, #subnavlist a:visited {
      float             : left;
      font-weight       : normal;
      line-height       : 16px;
      padding           : 0px 0px 0px 18px;
      text-decoration   : none;
      color             : #666666;
      background        : url(../images/line.gif) no-repeat 9px 3px;
    }
    #subnavlist a:link#subcurrent, #subnavlist a:visited#subcurrent, #subnavlist a:hover {
      color             : #0066FF;
    }
    index.php
    Codice:
    <?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    
    <?php mosShowHead(); ?>
    <meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
    <?php if ( $my->id ) { initEditor(); } ?>
    <?php include($GLOBALS['mosConfig_absolute_path']."/templates/247clean/splitmenu.php"); ?>
    <?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/<?php echo $mosConfig_live_site;?>/templates/247clean/images/favicon.ico\" />" ; ?>
    <link rel="alternate" title="<?php echo $mosConfig_sitename; ?>" href="<?php echo $GLOBALS['mosConfig_live_site']; ?>/index2.php?option=com_rss&no_html=1" type="application/rss+xml" />
    
    <?PHP
    // Image Changer 
    // image and site ID`s 
    //$image1 = array(1,2,3,8,9,10,15,18,19);
    //$image2 = array(4,5,6,7,11,12,13,14,20,21);
    //$image3 = array(17,22,23,24,25,26,27,28,29,30);
    // $image4 = array(17,22,23,24,25,26,27,28,29,30);
    // $image5 = array(17,22,23,24,25,26,27,28,29,30);
    // $image6 = array(17,22,23,24,25,26,27,28,29,30);
    // $image7 = array(17,22,23,24,25,26,27,28,29,30);
    // etc.
    
    srand((float) microtime() * 10000000);
    
    for($i=1;$i<=90;$i++){  
      $image[$i]='random_header/'.$i.'.jpg';
      }
      $rn = array_rand($image);
    
    $header= $image[$rn];  
    
     
       //$i=date("w");
       //if($i=="0"){
       //$header="4400.jpg";
        //$j = date("H");
            /*switch($j){ 
                case 19:
                    $header="head01.jpg";
                    break;
                case 20:
                    $header="head02.jpg";
                    break;
             }*/
       //}
    
    // looking for images
    //$header="head.jpg";
    //if (in_array($Itemid, $image1)) $header="head.jpg";
    //if (in_array($Itemid, $image2)) $header="head01.jpg";
    //if (in_array($Itemid, $image3)) $header="head02.jpg";
    // if (in_array($Itemid, $image4)) $header="head04.jpg";
    // if (in_array($Itemid, $image5)) $header="head05.jpg";
    // if (in_array($Itemid, $image6)) $header="head06.jpg";
    // if (in_array($Itemid, $image7)) $header="head07.jpg";
    // etc.
    ?>
    
    <?php
    if($my->gid < 2){
    ?>
    <script language="Javascript" src="<?php echo $mosConfig_live_site;?>/includes/js/overlib_mini.js"></script>
    <div id="overDiv" style="position:absolute; visibility:hidden; z-index:10000;"></div>
    <?php
    }
    ?>
    </head>
    
      <h1 id="siteName" class="title"> </h1>
      <body background="<?php echo $mosConfig_live_site;?>/templates/247clean/images/bg_grad.jpg" style="background-repeat:repeat-x;" >
      <div id="container">
    <div id="masthead">
    
    <div id="globalHead"> <img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/head_left.jpg" height="149" width="9" id="gnl" /> <img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/head_right.jpg" height="149" width="9" id="gnr" />
        <div id="globalGrey"><a href="index.php"><img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/logo.jpg" height="149" width="500"/></a></div>
        <div id="yourImage">   
          <?PHP echo ("<img src=".$mosConfig_live_site."/templates/247clean/images/".$header.">")?></div>
      </div>
     <div id="utility"><?php mosLoadModules ( 'top' ); ?></div>
      <div id="globalNav"> <img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/gblnav_left.jpg" height="32" width="55" id="gnl" /> <img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/gblnav_right.jpg" height="32" width="80" id="gnr" />
        <div id="globalLink"><?php echo $mycssPSPLITmenu_content; ?></div>
          <?php if (mosCountModules('user4')) { ?><div id="search">
          <?php mosLoadModules ( 'user4' ); ?>                  
        </div><?php } ?>
      </div>
      <div id="globalInfo"> <img src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/space.gif" alt="" name="gnl" width="7" height="20" id="gnl" /> <img src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/space.gif" alt="" name="gnr" width="7" height="20" id="gnr" />
      <div id="globalPath"><?php mosPathWay(); ?></div>
        <div id="globalDate"><?php echo mosCurrentDate(); ?></div>
      </div>
    
      
      
    </div>
    <div id="pagecell1">
      <img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/tr_curve_white.gif" height="6" width="6" id="tr" />
      <div id="pageTop">
        <table width="100%"  border="0" cellspacing="0" cellpadding="0" style="padding-left: 0px; padding-right: 0px;">
          <tr>
            <td><table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td valign="top" style="border-right: 1px solid #EEEEEE;"><?php if (mosCountModules('left')) { ?>
                      <table width="145"  border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td style="padding:3px;"><?php mosLoadModules ( 'left' ); ?></td>
                        </tr>
                      </table>
                    <?php } ?></td>
                  <td style="padding-left: 5px; padding-right: 5px; padding-top:5px; border-left: 1px solid #FFF; border-right: 1px solid #FFF;" width="100%" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                      <tr valign="top">
                        <?php if (mosCountModules('newsflash')) { ?>
                        <td colspan="3"><div>
                          <?php mosLoadModules ( 'newsflash' ); ?>
                        </div></td>
                        <?php } ?>
                      </tr>
                      <tr>
                        <?php if (mosCountModules('user2')) { ?>
                        <td valign="top"><div style="padding-bottom: 5px;">
                            <?php mosLoadModules ( 'user2' ); ?>
                        </div></td>
                        <td width="2" valign="top"><?php } ?>
                            <?php if (mosCountModules('user3')) { ?>                    </td>
                        <td valign="top"><div style="padding-bottom: 5px;">
                            <?php mosLoadModules ( 'user3' ); ?>
                        </div></td>
                        <?php } ?>
                      </tr>
                      <tr>
                        <td height="4" colspan="3"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td><img src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/space.gif"  width="100" height="4" /></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr align="left" valign="top">
                        <td colspan="3"><?php mosMainBody(); ?></td>
                      </tr>
                      <tr>
                        <td colspan="3"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td><img src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/space.gif"  width="100" height="4" /></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr valign="top">
                        <?php if (mosCountModules('bottom')) { ?>
                        <td colspan="3"><div>
                            <?php mosLoadModules ( 'bottom' ); ?>
                        </div></td>
                        <?php } ?>
                      </tr>
                  </table></td>
                  <td valign="top" style="border-left: 1px solid #EEEEEE;"><?php if (mosCountModules('right')) { ?>
                      <table width="145"  border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td style="padding: 5px;"><?php mosLoadModules ( 'right' ); ?></td>
                        </tr>
                      </table>
                    <?php } ?></td>
                </tr>
            </table></td>
          </tr>
        </table>
      </div>
    <div id="siteInfo"><a href="http://www.mamboteam.com" target="_blank" style="font-size:10px; color:#CCCCCC;"> Umsetzung Mamboteam.com</a> | <a href="http://www.mambopixel.com" target="_blank" style="font-size:10px; color:#CCCCCC;">Powered by Mambopixel.com </a> |
      <div id="siteTop"><a href="#">Top</a></div>
    </div>
    </div>
    </div>
    </body>
    </html>
    Il sito è questo: http://www.italiansubs.net/joomla/joomla/



  2. #2
    Webbologo L'avatar di emmedi
    Data Registrazione
    Jul 2006
    Località
    Pozzomaggiore (SS)
    Messaggi
    232

    Re: Centrare layout tramite CSS

    Nelle propriet&#224; del body va inserito
    text-align:center;

    mentre nelle sezioni tipo header, footer, corpo, etc.
    text-align:left;
    margin:auto;

    Prova cos&#236;...

    ciao

  3. #3
    Webhosting Guru
    Data Registrazione
    Apr 2006
    Messaggi
    1,383

    Re: Centrare layout tramite CSS

    Una soluzione semplicissima &#232; includere tutto il template in un div chiamato centratodiv in questo caso, se non lo &#232; gi&#224; e inserire questo:
    Codice:
     #centratodiv{
     width:890px; 
    margin:0 auto;
    }
    e al body mettere
    Codice:
    body{
     margin: 0px;
     padding: 0px;
    }
    -

  4. #4
    usu
    usu non è collegato
    Utente Moderatore L'avatar di usu
    Data Registrazione
    Apr 2006
    Località
    Milano
    Messaggi
    1,769

    Re: Centrare layout tramite CSS

    uhm la soluzione di emmedi non ha dato buoni risultati purtroppo, grazie lo stesso
    domani provo la tua, walm che adesso sto fuso

  5. #5
    Webhosting Guru
    Data Registrazione
    Apr 2006
    Messaggi
    1,383

    Re: Centrare layout tramite CSS

    la mia &#232; 100&#37; guaranteed
    -

Discussioni Simili

  1. PHP GD - Centrare Testi
    Di GrG nel forum Io Programmo
    Risposte: 3
    Ultimo Messaggio: 08-05-2010, 21:10
  2. Redirect tramite DNS
    Di Silvio nel forum Pannelli di controllo e Hosting software
    Risposte: 7
    Ultimo Messaggio: 09-11-2009, 13:58
  3. Codici per modificare layout myspace music
    Di harm019 nel forum Io Programmo
    Risposte: 1
    Ultimo Messaggio: 05-07-2009, 23:57
  4. Layout Myspace Music
    Di onedrum nel forum Io Programmo
    Risposte: 0
    Ultimo Messaggio: 09-01-2008, 01:04
  5. CMSoft2 Smartclient UI Layout: pareri e consigli
    Di daniele_dll nel forum L'OTInformatico
    Risposte: 43
    Ultimo Messaggio: 14-08-2007, 15:28

Informazioni Discussione

Utenti che Stanno Visualizzando Questa Discussione

Ci sono attualmente 1 utenti che stanno visualizzando questa discussione. (0 utenti e 1 ospiti)

Tag per Questa Discussione

Segnalibri

Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •