Problema include nei responsive
Autor: Fernando N.Buonasera a tutti.
Ho un problema con il sito web che sto sviluppando e che potete visionare qui
Nella sezione delle aziende certificate, ho inserito con un include un vecchio form che avevo già sulla vecchia versione del sito che serve per ricercare le aziende certificate dell'ente.
Nella versione da PC funziona come vuole il committente, mentre se visualizzo questa pagina da cellulari o tablet c'è un problema di visualizzazione, in pratica non si "adatta" ai pixel della versione rispettiva.
La pagina in questione è la seguente:
http://www.accerta.it/prova/aziende-certificate.php
Il codice inserito nella pagina dal nostro X5 è il seguente:
Codice HTML con dentro il seguente codice:
<?
include('inc/mysql.php');
include('inc/func.php');
if($_GET['Submit']) {
include('find.php');
} else {
include('/inc/find.html');
}
?>
In pratica vado ad includere tutti i files relativi in php che servono a fare la ricerca dei certificati sul MYSQL e i relativi risultati.
Non ho idea di come fare ad adattare queste tabelle quando il sito viene visualizzato da cellulare o tablet, qualcuno mi potrebbe aiutare?
Grazie.
Prova così
<?php
echo '<div class=”box”>';
include('inc/mysql.php');
include('inc/func.php');
if($_GET['Submit']) {
include('find.php');
} else {
include('/inc/find.html');
}
echo '</div>';
?>
In esperto
.box {
text-align:come vuoi tu center left o right;
width: 100%;
height: quanto ti serve altopx;
border: 0px;
}
Autor
Ottimo questo codice, quando apro la pagina da cell lo schema è centrato e ridimensionato benissimo, però una volta cliccato su cerca mi da i risultati nella pagina e vanno di nuovo fuori dallo schermo.
In pratica quando si richiama uno dei file contenuti nel find.php, poi perde la formattazione.
Spero ci sia soluzione a questo.
find.php la gestisci tu ? Devi formattare i dati prima che arrivino.
Se posti la pagina find.php possiamo vedere
Inseiriscila pure come allegato in blocconotes se ci sono codici sensibili oscurali con delle xxx
Autor
Find.html, non php.
Lo allego qui
Scusa ho sbagliato a scrivere, il file dovrebbe essere questo func.php che si trova nella cartella inc
In questo file penso ci siano dati sensibili come l'accesso al DB cancellali con xxx nel file che invii qui
E comunque, ora che h rivisto lo script hai anche il file find.php include('find.php'); sesta riga dello script dovrei vedere anche questo se ce li hai, sempre con lo stesso procedimento delle xxx
Anche il file find.txt postato deve essere .PHP in quanto contiene delle istruzioni php
O.T.
questa immagine: "BangkokSitoAccerta.jpg" pesa quasi 6 Mb. Tantissssssimo per il Mobile
Autor
Grazie a tutti per le risposte.
Per Mirko, provvederò a rimpicciolire la foto....non imparo mai a farlo, è un mio scatto fatto questa estate e quindi essendo patito per la fotografia, punto sempre alla qualità, ma in effetti 6mb son tanti per il mobile. Grazie
In allegato il file func.php.
L'ho verificato e non vedo files sensibili, sono solo i criteri per la ricerca nel database
guarda se riesci a trovare anche il find.php pperchè con questo non risolviamo
Autor
Certo, eccolo qua
Allora forse siamo arrivati a capirci qualcosa, il file temp.html che si trova nella cartella inc dovrebbe essere quello che gestisce il layout della tabella, quindi, aprilo e in tutte le righe dove trovi width valoresostituisci il valore con 100%
Non ti assicuro che sia giusto così perchè il programma non l'ho scritto io e vedo che ci sono altri include che potrebbero interferire, comunque fai una copia del file temp.html e prova, poi fammi sapere
Autor
Ok grazie, ho provato a fare come dici tu. Adesso da cell, in landscape va benissimo, se metto il cell invece in verticale, va ancora fuori. ....che sia anche height da modificare??? Forse mettendo altezza fissa delle righe non va?
No l'altezza non crea questi problemi purtroppo, come ti ho detto, il progammino non l'ho scritto io e ci sono molti include concatenati, dovrei rifartelo exnovo nel modo che avevo indicato in un altro tuo post...
Come ho un pò di tempo ci ragiono un attimo e vediamo di risolvere
Controlla bene di aver modificato tutti i width perchè basta uno per non funzionare, specialmente il primo
<tablealign="center" cellpadding="4" cellspacing="0" class="auto-style1" style="width: 815px; height: 584px;">
100% aggiungilo senza px
Autor
Allora Patrizia, ho pensato bene di rifare tutto da 0.
Sto editando il file da 0 ed effettivamente ora da cellulare funziona per bene, si adatta al tipo di supporto che uso.
Il problema è che aggiusto una cosa e ne guasto un'altra
Ora da computer, giustamente, si prende tutta la larghezza della pagina risultando brutto.
Si può ovviare a questo problema???
http://www.accerta.it/prova/aziende-certificate.php?norma=0&azienda=&cf=&citta=&prov=0&ncert=&scopo=&Submit=Cerca
Purtroppo da qui lo vedo con un portatile ed è ristretto, tantè che non vedo il menù ma l'hamburger, comunque non hai modificato tutti i valori width ma solo quello specifico della prima riga
Prova il file allegato al posto di temp.html è da rinominare.
Se su smartphone risulta troppo piccolo devi aumentare
<table align="center" cellpadding="4" cellspacing="0" class="auto-style1" style="width: 60%; height: 584px;">
Per avere una cosa precisa bisognerebbe agire con @media nei css, ma si dovrebbe rifare tutta la struttura ed io non ho i dati per potertelo fare
Autor
Ciao Patrizia, grazie per aver preparato questo file, l'ho caricato ma non va bene, in pratica nella prima pagina è un pò spostato verso sinistra, ma quando apro le pagine successive (2,3,4) si guasta l'impaginazione ed appare diversa ad ogni pagina. Stessa cosa anche sul cellulare, andava meglio prima.
Autor
Update: sto provando ad usare @media nei css come mi hai suggerito, e son riuscito a correggere la visualizzazione da PC impostando il weight di table fissa in questa visualizzazione. L'unica cosa che non funziona è il cellpadding, prima andava bene ma ora non lo prende, non capisco il perchè
Autor
Update2: Ce l'ho fatta!!! Non serviva cellpadding ma solo padding applicato allo stile delle singole celle. Adesso da pc la visualizzazione è come la volevo, resta qualche problema però da cellulare.
La struttura è una tabella che viene replicata 5 volte per pagina ad ogni richiesta.
Il problema è che, in modalità landscape, non capisco perchè, da cellulare, alcune tabelle prendono tutta la larghezza del cellulare, altre invece inspiegabilmente finiscono prima, e crea un problema visivo scorrendo la pagina.
L'altro problema è che, nonostante abbia formattato nell'html in alto
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
i caratteri accentati non funzionano. Come mai???
Son contento, mi sento vicino alla risoluzione finale di questo problema....grazie ancora
Sono contenta che sei vicino la soluzione, purtroppo devi fare tu dei tentativi per vedere cosa capita, considera che i file include non devi farli con vebsite ma inserirli tu sul serve altrimenti il programma ci genera anche i tag htmal, head, body, ecc...
Per il problema degli accenti non è solo quello che imposti tu nella pagina ma, principalmente, come è impostato il server dove è appoggiato il dominio, è li che deve essere impostato utf-8
... quale sarebbe il LINK da controllare...?...
(... l'ultimo che hai postato vedo che contiene ancora diversi errori segnalati in precedenza...)
.
Autor
Ciao KolAsim, il link da controllare è il seguente:
http://www.accerta.it/aziende-certificate.php
Ero riuscito a trovare la quadra qualche giorno fa, avevo pubblicato ed era tutto ok anche da cellulare, a parte che nei risultati della ricerca alcune tabelle (me ne mostra 5 in ogni pagina) non prendevano tutta la larghezza come le altre.
Stamattina un collega mi fa notare che da cellulare non mostra più la tabella per la ricerca.....funziona solo in modalità landscape....cosa può essere successo???
... ci sono diversi errori che alterano il layout della pagina...
... devi correggere i codici PHP che includi...
...!... non devono esserci tag <HTML></HTML><HEAD></HEAD><BODY></BODY>
...
.
Detto e ridetto
Anche in un altro post
Autor
Edit: Avevo rimosso la visualizzazione per cellulari ecc dai responsive!
Il solito sbadato.
Autor
Grazie per la pazienza che avete con me!
Per quanto riguarda il layout, nonostante ci siano tanti errori che sicuramente avete rilevato, sembra andare tutto bene ora quindi lo lascio così :-)
Gli unici problemi che non riesco a risolvere sono i caratteri accentati e queste tabelle che cambiano la larghezza (solo da tablet o cellulare landscape).
... dovresti per prima cosa correggere gli errori nei files PHP, non è difficile seguendo quanto detto, e nel caso formattare correttamente le tabelle in questi stessi files...
... quando la pagina sarà regolare, allora poi si potrà valutare...
... altrimenti se hai tante difficoltà, e sempre se possa andar bene, potresti usare gli IFRAME, realizzando a monte una struttura PHP esterna che funzioni...
.