Visualizzazione dei risultati da 1 a 8 su 8
  1. #1

    [Phpbb+IE7 e Css] Problema: testo e topic allineati "autonomamente" al centro

    Salve, ho un forum phpbb moddato, un mio utente mi ha detto che provando il nuovo browser ie7 i topic ed il testo si vedono giustificati al centro. Dopo una verifica, pare che la medesima cosa accada con Opera.
    Il problema è sorto adesso con queste verifiche (di fatto è da tanti mesi che non modifico nulla nel codice), dal momento che con Ie6 e Firefox invece è tutto normale e i topic ed il testo è correttamente allineato a sinistra (come un pò in tutti i forum).
    Quale può essere il problema? cosa devo verificare? i css? è una cosa un pò anomala...sapete aiutarmi?

    ps: penso sia la sezione giusta, se ho sbagliato spostate pure

  2. #2
    Utente di HTML.it L'avatar di LA VALE
    Registrato dal
    Sep 2003
    Messaggi
    667
    Beh così è un po' difficile aiutarti...
    Bisognerebbe vedere la pagina, e soprattutto il codice html e css relativo all'impaginazione del testo....


  3. #3
    il codice del css è il seguente:

    /* The content of the posts (body of text) */

    body{background:#ecf0f6;color:#000000;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;

    scrollbar-3dlight-color:#d1d7dc;

    scrollbar-arrow-color:#006699;

    scrollbar-darkshadow-color:#98aab1;

    scrollbar-face-color:#dee3e7;

    scrollbar-highlight-color:#ffffff;

    scrollbar-shadow-color:#dee3e7;

    scrollbar-track-color:#efefef;
    text-align: left;}



    /* General font families for common tags */

    font,th,td,p{font:12px Verdana,Arial,Helvetica,sans-serif}



    /* General text */

    .gensmall{font-size:10px}

    td.genmed,.genmed{font-size:11px}

    .explaintitle{font-size:11px;font-weight:bold;color:#5c81b1}



    /* General page style */

    a:link,a:active,a:visited,a.postlink{color:#006699 ;text-decoration:none}

    a:hover{color:#dd6900}



    /* titles for the topics:could specify viewed link colour too */

    .topictitle{font-size:11px;font-weight:bold}

    a.topictitle:visited{color:#5493b4}

    a.topictitle:hover{color:#dd6900}



    /* Name of poster in viewmsg.php and viewtopic.php and other places */

    .name{font-size:11px;font-weight: bold}



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



    /* Category gradients*/

    td.cat{font-weight:bold;letter-spacing:1px;background:#d9e2ec url(images/cellpic1.gif);

    height:29px;text-indent:4px}



    /* Main table cell colours and backgrounds */

    .row1{background:#eaedf4}

    .row2,.helpline{background:#d9e2ec}

    .row3{background:#cedcec}

    td.spacerow{background:#cad9ea}



    /* This is for the table cell above the Topics,Post & Last posts on the index.php */

    td.rowpic{background:url(images/cellpic2.jpg) #ffffff repeat-y}



    /* Table Header cells */

    th{background:#005eb2 url(images/cellpic3.gif);color:#deeef3;font-size:11px;

    font-weight:bold;height:27px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}



    /* This is the border line & background colour round the entire page */

    .bodyline{background:#ffffff;border:1px solid #98aab1}



    /* This is the outline round the main forum tables */

    .forumline{background:#ffffff;border:1px solid #006699}



    /* The largest text used in the index page title and toptic title etc. */

    .maintitle,h1{

    font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#5c81b1}



    .subtitle,h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;

    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}

    .postbody{font-size:12px;line-height:125%}



    /* Location,number of posts,post date etc */

    .postdetails{font-size:10px;color:#00396a}



    /* Quote blocks */

    .quote{background:#fafafa;border:1px solid #d1d7dc;color:#444444;

    font-size:11px;line-height:125%}



    /* Code blocks */

    .code{background:#fafafa;border:1px solid #d1d7dc;color:#006600;

    font:12px Courier,"Courier New",sans-serif;padding:5px}



    /* This is for the error messages that pop up */

    .errorline{background:#add8e6;border:1px solid #006699}



    /* Form elements */

    form{display:inline}



    input{font:11px Verdana,Arial,Helvetica,sans-serif}



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



    input.post,textarea.post{background:#ffffff;border :1px solid #000000;

    font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}



    input.button,input.liteoption,.fakebut{border:1px solid #000000;background:#fafafa;font-size:11px}

    input.catbutton{border:1px solid #000000;background:#fafafa;font-size:10px}

    input.mainoption{border:1px solid #000000;background:#fafafa;font-size:11px;font-weight:bold}



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



    /* This is the line in the posting page which shows the rollover

    help line. Colour value in row2 */

    .helpline{border-style:none}



    /* This is the gradient background at the top of the page */

    .topbkg{background: #dbe3ee url(images/cellpic_bkg.jpg) repeat-x}

    .topnav{font-size:10px;background: #e5ebf3 url(images/cellpic_nav.gif) repeat-x;color:#dd6900;

    height:21px;white-space:nowrap;border: 0px solid #91a0ae;border-width: 1px 0px 1px 0px}



    /* 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:#006600}

    a.admin:hover,a.mod:hover{color:#dd6900}



    /* Specify the space around images */

    .imgtopic,.imgicon{margin-left:3px}

    .imgspace{margin-left:1px;margin-right:2px}

    .imgfolder{margin:1px;margin-left:4px;margin-right:4px}



    /* Gets rid of the need for border="0" on hyperlinked images */

    img{border:0}
    Questo è il codice originale del css che sto usando.
    Da notare che altrove mi han suggerito di inserire la voce che ho evidenziato in grassetto, ma il risultato non semrba mutare. Se serve, ti linko l'url in pvt.

  4. #4
    qualche anima pia?

  5. #5
    scusa ma a parte il css.. posta un PEZZETTINO di codice dove c'è il testo allineato male.. cosi si vede che classe richiama e si capisce dove può essere l'errore..

    nn occorre che posti tutto il phpbb..............
    Questa volta, più che un voto.. è favoreggiamento.

  6. #6
    Pensavo fosse sufficiente il css:

    Questo il codice sulla homepage (ricordo che il problema si pone anche nei singoli titoli e nei singoli post):



    <title>---cut--- :: Indice</title>
    <link rel="stylesheet" href="templates/fisubgreen/fisubgreen.css" type="text/css" />
    </head>
    <body>
    <a name="top" id="top"></a>
    <table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">
    <tr>
    <td align="center" valign="top">
    <table class="topbkg" width="100%" cellspacing="0" cellpadding="0" border="0">
    <tr>
    <td>[img]templates/fisubgreen/images/logo1bb.jpg[/img]</td>
    <td align="center" width="100%"></td>
    </tr>
    </table>
    <table width="100%" border="0" cellspacing="0" cellpadding="2">
    <tr>
    <td align="center" class="topnav">FAQ
    CercaIscritti
    Gruppo utenti
    Iscrizione
    Profilo
    Login per controllare i messaggi privati
    StatisticheLogin</td>
    </tr>
    </table>
    <table width="100%" border="0" cellspacing="0" cellpadding="10">
    <tr>
    <td align="center">
    <table width="100%" cellspacing="2" cellpadding="2" border="0">
    <tr>
    <td colspan="2" class="maintitle">Indice del forum</td>
    </tr>
    <tr>
    <td valign="bottom" class="gensmall">
    Data ed ora attuale: Mar Ott 24, 2006 9:38 pm

    Indice del forum</td>
    <td align="right" valign="bottom" class="gensmall">
    Vedi i messaggi senza risposta

    </td>
    </tr>
    </table>
    <table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
    <tr>
    <th colspan="2">Forum</th>
    <th>Argomenti</th>
    <th>Messaggi</th>
    <th>Ultimo messaggio</th>
    </tr>
    <tr>
    <td class="cat" colspan="2">TITOLO FORUM EDIT</td>
    <td class="rowpic" colspan="3">[img]images/spacer.gif[/img]</td>
    </tr>
    <tr>
    <td class="row1" height="45">[img]templates/fisubgreen/images/folder.gif[/img]</td>
    <td class="row1" width="100%">Off Topic

    <span class="genmed">Per parlare un pò di tutto...

    </span><span class="gensmall">Moderatori NICK EDIT, NICK EDIT, NICK EDIT, NICK EDIT</span></td>
    <td class="row2" align="center"><span class="gensmall">397</span></td>
    <td class="row2" align="center"><span class="gensmall">8169</span></td>
    <td class="row2" align="center" nowrap><span class="gensmall">Mar Ott 24, 2006 2:54 pm
    NICK EDIT [img]templates/fisubgreen/images/icon_latest_reply.gif[/img]</span></td>
    </tr>


    </table>

    guarda, ho incollato parte del codice della homepage del forum, cuttando le parti relative ai dati e a varie sezioni..
    Come vedi spuntano vari align center, soprattutto nella parte bassa del codice che riguarda in questo caso le singole sezioni del forum (nei titoli dei thread e dei post si ripete il problema), ma non saprei cosa verificare.
    Sai aiutarmi? Cosa dovrei modificare? come?

  7. #7
    Allora intanto prova a togliere in sequenza gli align: center; che trovi in riga 8 - 14 - 19 - 33

    E verifica cosa succede.. poi fammi sapere..
    Questa volta, più che un voto.. è favoreggiamento.

  8. #8
    Il mio phpbb è anche moddato. Con il phpbb liscio non capita, quindi credo che il problema sia dato non tanto dal css quanto da alcuni file tpl....sapresti suggerirmi qualcosa?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.