| Precedente :: Successivo |
| Autore |
Messaggio |
ibrahimovic
Mortale devoto
Registrato: 21/10/06 00:47
Messaggi: 12
|
 Inviato: 21 Ott 2006 00:55 Oggetto: [PHPBB-IE7-css?] Problema: testo/topic allineati 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  |
|
| Top |
|
 |
kimer[a]
Dio maturo
Registrato: 20/07/05 07:40
Messaggi: 1966
Residenza: Ancona
|
| Inviato: 21 Ott 2006 08:31 Oggetto: |
|
|
no no la sezione è giusta scusa ma io nn mi intendoi molto di php quindi nn so cosa potrebbe essere di preciso hai visto percaso sdu google se il problema è capitato anche ad altre persone  |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 21 Ott 2006 10:39 Oggetto: |
|
|
| probabile che manchi un text-align: left da qualche parte, ma e' dura senza vedere il codice: hai modo di postarci il link? |
|
| Top |
|
|
ibrahimovic
Mortale devoto
Registrato: 21/10/06 00:47
Messaggi: 12
|
| Inviato: 21 Ott 2006 12:46 Oggetto: |
|
|
preferirei inoltrarlo in pvt se possibile
cmq con ie6 e firefox non succede, con ie7 (ed ho scoperto, anche con opera9) si...ed ovviamente vorrei che si vedesse bene con tutti i browser indistintamente. |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 21 Ott 2006 13:26 Oggetto: |
|
|
nel css che stai usando non e' segnato da nessuna parte text-align: left, mentre c'e' un text-align: center nel table header cells
o il browser non trovando nient'altro prende quello come buono dappertutto, oppure il foglio di stile precaricato ha come comando text-align: center percio' se non vai a sovrascrivere il comando ti prende quello per buono, centrando tutto quello che non e' allineato diversamente
aggiungi text-align: left a body oppure alla classe bodyline: dovresti risolvere 
p.s. secondo me avresti potuto tranquillamente postare il link qua dentro |
|
| Top |
|
|
ibrahimovic
Mortale devoto
Registrato: 21/10/06 00:47
Messaggi: 12
|
| Inviato: 21 Ott 2006 13:56 Oggetto: |
|
|
Come ti spieghi che con IE6 e Firefox si vede tutto normalmente allineato a sinistra?
| rebelia ha scritto: | nel css che stai usando non e' segnato da nessuna parte text-align: left, mentre c'e' un text-align: center nel table header cells
|
quindi?
| rebelia ha scritto: |
o il browser non trovando nient'altro prende quello come buono dappertutto, oppure il foglio di stile precaricato ha come comando text-align: center percio' se non vai a sovrascrivere il comando ti prende quello per buono, centrando tutto quello che non e' allineato diversamente
aggiungi text-align: left a body oppure alla classe bodyline: dovresti risolvere
|
non sono espertissimo di css....potresti "guidarmi" ?
in sostanza (primo quote) mi consigli di indicargli "left" al posto di center? o quello per ora non lo tocco?
| rebelia ha scritto: | aggiungi text-align: left a body oppure alla classe bodyline: dovresti risolvere
|
devo modificare quindi questa voce? body e bodyline sono 2 voci diverse? devo mettere left per entrambi modificando il css?
ps: grazie sin d'ora per l'aiuto |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 21 Ott 2006 14:12 Oggetto: |
|
|
apri il file fisubgreen.css col blocco note e aggiungi questa parte che ti metto staccata dalle altre:
| Codice: |
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;
}
|
attenzione!
dopo scrollbar-track-color:#efefef assicurati che CI SIA il puntoevirgola
dopo text-align: left pure
assicurati anche che la parentesi graffa chiuda SOLO dopo text-align: left
ovviamente non e' necessario staccare tra scroll-track-color/text-align/parentesi graffa, io ho staccato solo perche' sia piu' evidente il comando da aggiungere
salva e ripubblica il file e controlla se l'allineamento a sinistra ti va bene dappertutto, casomai aggiungiamo qualche altro comando |
|
| Top |
|
|
ibrahimovic
Mortale devoto
Registrato: 21/10/06 00:47
Messaggi: 12
|
| Inviato: 21 Ott 2006 15:31 Oggetto: |
|
|
| rebelia ha scritto: | apri il file fisubgreen.css col blocco note e aggiungi questa parte che ti metto staccata dalle altre:
| Codice: |
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;
}
|
|
ad inizio css ho questo:
--------------------------------------------------------------------------------
/* 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}
-------------------------------------------------------------------------------
lo sostituisco col tuo o aggiungo il tuo alla fine di tutto il codice dell'intero css? nel "mio" css non vedo in effetti alcun riferimento ad allineamenti a sinistra, come in quello fatto da te.
Disponibile eventualmente a copiarti anche l'intero css.
Sostituisco semplicemente? o aggiungo in calce?
EDIT: i codici praticamente sono identici, mi rendo conto che manca solo l'align text che mi hai indicato....
Stasera appena torno a casa provo e ti dico, spero che il problema sia proprio l'align text left che manca!
Preciso cmq che non ho MAI modificato il css in questione, quindi è davvero strano questo caso! (è cmq un css di terze parti, magari il codice non è perfetto?)
PS: mi sai dire perchè con IE6 e Firefox si vedono cmq allineati a sinistra, nonostante tutto? |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 21 Ott 2006 16:13 Oggetto: |
|
|
| ibrahimovic ha scritto: |
EDIT: i codici praticamente sono identici, mi rendo conto che manca solo l'align text che mi hai indicato.... |
e quello e basta devi aggiungere
| Citazione: |
PS: mi sai dire perchè con IE6 e Firefox si vedono cmq allineati a sinistra, nonostante tutto? |
probabilmente per la cosa che ti dicevo prima: forse il css precaricato del browser (quella visualizzazione che per noi *sembra* SENZA css) ha come predefinito l'allineamento al centro
considera che ogni browser ha il suo, puo' essere "che la nuova moda" dei browser imponga l'allineamento centrato di default, quando finora quello di default e' stato l'allineamento a sinistra: ovviamente le mie sono solo supposizioni, puo' anche essere che ci sia addirittura una regola ad imporlo, non ho idea |
|
| Top |
|
|
ibrahimovic
Mortale devoto
Registrato: 21/10/06 00:47
Messaggi: 12
|
| Inviato: 23 Ott 2006 20:00 Oggetto: |
|
|
ho provato, non sembra andare, rimane tutto come prima (ho appena provato con opera non avendo su questo pc IE7).
Incollo il codice dell'intero css:
| Citazione: |
/* 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}
|
ho anche tentato altre prove mettendo anche altrove l'align-text left ma il risultato non muta...possibile non ci sia una soluzione? a questo punto posso cominciare a cercare qualche mago voodoo o ancora ho speranze? |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 25 Ott 2006 00:09 Oggetto: |
|
|
ho riguardato il codice e mi sono accorta che c'e' una quantita' assurda di align="center" direttamente nei tag e quelli evidentemente soverchiano i css (almeno in alcuni browsers) creandoti problemi
purtroppo l'unico modo che mi viene in mente per risolvere il problema e' editare i files sorgente del forum e togliere pazientemente gli align="center" che danno fastidio uno per uno e ormai che editi sarebbe comodo mettere una classe alla tabella che contiene il corpo della pagina
questo il codice:
| Codice: |
<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">
|
di align="center" ce n'e' a josa, ma qualcuno lo puoi pure lasciare, ad esempio quelli che allineano il numero dei post:
| Codice: |
<td class="row2" align="center"><span class="gensmall">397</span></td>
|
devi eliminare solo quelli che fanno riferimento alle celle che non vuoi allineate al centro |
|
| Top |
|
|
ibrahimovic
Mortale devoto
Registrato: 21/10/06 00:47
Messaggi: 12
|
| Inviato: 25 Ott 2006 00:27 Oggetto: |
|
|
| se non ho capito male quindi lascio il css e vado a modificare in left i file tpl? quali in tal caso? (indexbody, viewtopic ecc) |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 25 Ott 2006 11:00 Oggetto: |
|
|
| ibrahimovic ha scritto: | | se non ho capito male quindi lascio il css e vado a modificare in left i file tpl? quali in tal caso? (indexbody, viewtopic ecc) |
non te lo so dire: quel che vedo io e' il codice prodotto, non i files sorgente  |
|
| Top |
|
|
ibrahimovic
Mortale devoto
Registrato: 21/10/06 00:47
Messaggi: 12
|
| Inviato: 25 Ott 2006 14:10 Oggetto: |
|
|
ho caricato un overallheader di un template simile e sembra funzionare con IE7 senza dover modificare altro.
L'unica cosa che mi sballa è in basso.....
http://img138.imageshack.us/img138/7826/clipboard01xm5.jpg
dove tutto viene allineato a sinistra (prima quelle scritte e icone erano a sinistra)
Probabilmente c'è anche un perchè.....nel "nuovo" header manca il comando: <td align="center"> .....difatti se lo tolgo, tutto si vede correttamente allineato a sinistra (e quindi anche la parte bassa con la scritta e le iconcine, come da foto).
Inserendo il tag invece si accentra tutto, compreso testo, topic ecc.....e quindi sballa.
Bene, abbiamo modo di dare comando di accentrare SOLO le iconcine e il testo finale (quest'ultimo presente poi nell'overall footer, ma per quello basta un tag <center> per sistemarlo). ???
Direi che siamo cmq a buon punto, ma manca la ciliegina sulla torta (che vorrei mettere).... |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 25 Ott 2006 14:50 Oggetto: |
|
|
| ibrahimovic ha scritto: |
Bene, abbiamo modo di dare comando di accentrare SOLO le iconcine e il testo finale (quest'ultimo presente poi nell'overall footer, ma per quello basta un tag <center> per sistemarlo). ??? |
dunque: se vuoi farti tutto l'ambaradan devi TOGLIERE di torno la formattazione in linea e SOSTITUIRLA con degli id e/o delle classi che poi formatterai via css
mi spiego:
| Codice: |
<table>
<tr>
<td>
<table>
<tr>
<td align="center">bla bla bla</td>
<td align="center">bla bla bla</td>
</tr>
</table>
</td>
<td>bla bla bla</td>
<td align="center">bla bla bla</td>
</tr>
</table>
|
deve diventare cosi':
| Codice: |
<table>
<tr>
<td>
<table id="tabella_interna">
<tr>
<td>bla bla bla</td>
<td>bla bla bla</td>
</tr>
</table>
</td>
<td>bla bla bla</td>
<td class="centrato">bla bla bla</td>
</tr>
</table>
|
e nel css:
| Codice: |
#tabella_interna td {text-align: center;}
.centrato {text-align: center;}
|
nel senso: a seconda dei casi usi per la formattazione l'id oppure la classe |
|
| Top |
|
|
ibrahimovic
Mortale devoto
Registrato: 21/10/06 00:47
Messaggi: 12
|
| Inviato: 25 Ott 2006 15:13 Oggetto: |
|
|
guarda, prima di leggere la tua risposta ho provveduto a centrare l'ultima scritta con i tag center.....
mi rimangono di fatto solo le iconcine da sistemare. Quello che suggerisci tu è senz'altro giusto tecnicamente parlando per fare un lavoro del tutto pulito, ma onestamente (anche non essendo molto pratico sui questi linguaggi (sono autodidatta-amatore) avendo adesso quasi tutto perfetto (sembra che tutto funzioni a dovere), preferirei inserire qualche comando ad hoc solo per le iconcine (vedi immagine) senza toccare più nient'altro visto che ormai il più è fatto.
Mi resta da capire solo dove agire per centrarle!  |
|
| Top |
|
|
ibrahimovic
Mortale devoto
Registrato: 21/10/06 00:47
Messaggi: 12
|
| Inviato: 25 Ott 2006 16:11 Oggetto: |
|
|
per ogni evenienza pubblico il codice dell'header attuale:
| Citazione: | <?xml version="1.0" encoding="{S_CONTENT_ENCODING}"?>
<!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" dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/fisubgreen/{T_HEAD_STYLESHEET}" type="text/css" />
<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body>
<a name="top" id="top"></a>
<table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table class="topbkg" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><a href="{U_INDEX}"><img src="templates/fisubgreen/images/logo1bb.jpg" border="0" alt="{L_INDEX}" title="{L_INDEX}" width="265" height="110" /></a></td>
<td width="100%"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td align="center" class="topnav"> <a href="{U_FAQ}">{L_FAQ}</a> • <a href="{U_SEARCH}">{L_SEARCH}</a>
• <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> •
<a href="{U_GROUP_CP}">{L_USERGROUPS}</a>
<!-- BEGIN switch_user_logged_out -->
• <a href="{U_REGISTER}">{L_REGISTER}</a>
<!-- END switch_user_logged_out -->
• <a href="{U_PROFILE}">{L_PROFILE}</a> • <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
• <a href="statistics.php">Statistiche</a> • <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr> |
chiudeva il codice una riga di <td align="center"> che mi centrava tutto (vedi inizio topic). Togliendolo ora sono nella situazione poc'anzi descritta: tutto perfetto salvo quelle iconcine. |
|
| Top |
|
|
ibrahimovic
Mortale devoto
Registrato: 21/10/06 00:47
Messaggi: 12
|
| Inviato: 25 Ott 2006 17:55 Oggetto: |
|
|
Ho risolto anche l'ultimo problema.....ho inserito un tag <center> in calce all'index body nella parte relativa alle iconcine e adesso è tutto perfetto
Volevo ringraziarti cmq per le dritte ed il costante supporto! 
Tnx |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 25 Ott 2006 18:27 Oggetto: |
 |
|
prego, contenta che tu abbia risolto
 |
|
| Top |
|
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
