Come adattare le pagine web alla risoluzione?

16-04-2003, 14.14.05

Ciao ragazzi, come da oggetto la mia domanda sembra essere chiara, ho dei problemi nella visualizzazione di una homepage con differenti risoluzioni, ci sarebbe un modo per farsi ke sia la pagina ad adattarsi alla risoluzione?

16-04-2003, 19.35.00

Creare un listato javascript che legge la risoluzione e reindirizza a pagine appositamente create ti fa tanto schifo?

In html classico non si può fare

16-04-2003, 19.48.59

Usando tabelle con valori espressi in percenti e non in valori assoluti come i pixel, però questo crea problemi con le immagini, a volte basta un pixel per sballare tutto.
Con tabelle espresse in pixel, cioè valori assoluti.
Però non sono molto apprezzati questi siti, in pratica si appoggia il sito a sinistra, si arriva con la tabella ad un punto visibile sia per 800x600 che ad altre risoluzioni, solitamente non si fa una tabella più larga di 740pixel.
Il brutto è che sti siti sono brutti, vedi il mio, anche se non uso tabelle ma layer, il layout del sito è realizzato con quest'ottica.

16-04-2003, 20.02.39

Grazie per le risposte, la soluzione di numero uno è molto carina, ma nn so come fare per il java.
Per la seconda soluzione, è quella ke in parte ho già utilizzato, xkè mettendo le percentuali ho risolto il problema del titolo, ma ciò ke non va con diverse risoluzioni ora è la barra del menù sinistra, se volete dargli un occhiata www.polisportivasantantimo.it, ve ne sarei molto grato se mi aiutaste a risolvere tale problema.
Grazie ancora

16-04-2003, 20.40.57

Il tuo primo problema è FrontPage2002, usa notepad e almeno capirai qualcosa di quello che stai facendo.
Il menù a sinistra, premetto che come ho provato a guardare il codice, ho chiuso subito la finestra, mi sono venuti i brividi, troppo incasinato, ti do invece qualche dritta qua e là.
Per poter vedre un menù a destra ed uno a sinistra con una zona centrale libera per altri usi, già lo sai, devi realizzare una tabella e tre colonne.
Per far si che nulla sballi la tabella, devi dare dimensioni fisse alla cella, ovvero, la tabella avrà un width espresso in percenti, ma la cella no!
E' l'unico modo per evitare quello che accade al tuo sito.
Un'altra cosa, di stile, Java è un linguagio di programmazione prodotto e sviluppato da Sun, Javascript no, non confondiamo le due cose, perchè l'uno non ha nulla a che vedere con il secondo.

16-04-2003, 22.07.18

Grazie ancora sugandbibi, il mio vero problema hai ragione è frontpage, infatto volevo provare il dreamweaver ke mi hanno detto esser miglior.
Tornando al mio problema, io ho eseguito i tuoi consigli, ho espresso le celle in pixel e le tabelle in %, ma il problema ancora non si è risolto, ma non ti nascondo ke è leggermente migliorato :) , se puoi dargli nuovamente un'occhiata fammi sapere cos'altro posso fare.
Hai ragione sulla differenza del java/javascript sono stato molto superficiale.
Grazie

16-04-2003, 23.43.41

Non preoccuparti.
Allora qualcosa la puoi fare anche tu, ma devi mettere mano al codice, quindi non aprirlo con FP, ma con notepad.

Originalmente inviato da pezzi del tuo codice

</script>
<script language="Javascript">
newwindow=window.open('preferiti.htm', '', 'width=300,height=270,scrollbars=no')
window.opener=self
</script>

Ciò che ho evidenziato qui, fa parte delle estensioni di FP. Buttale via!
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">

Attento una notarella, qui siamo su server montato su GNU/Linux, qui i nomi dei file, sono case sensitive, cioè W è diverso w, ma non solo, il server Apache, mal digerisce i nomi con spazi, quindi impara uno stile anche se domani sarai su server M$ molto meglio sarebbe: <bgsound src="we_will_rock_you.mid" loop="1"> è anche più corto ;) ovvio che devi rinominare anche il file sul server e non solo nel link

<bgsound src="We%20will%20rock%20you.mid" loop="1">

<style fprolloverstyle>A:hover {color: #0000FF; font-weight: bold}
</style>



<script language="JavaScript">
document.oncontextmenu = nocontextmenu;

Ma non è tutto, questo riguardava solo l'efficienza del codice, ora veniamo al tuo problema:

Originalmente inviato da pezzi della tua pagina

<body background="Image/Parquay.jpg" vlink="#0000FF">

se usi i layer e li centri (div) è inutile poi mettere il tag <center>, so che lo FP per conto suo, per questo ti dico di buttarlo, ma visto che lo fa lui, tu togline uno, ti consiglio <center> e </center> tanto per provare.
Se non va, fai presto a ripristinarli e magari togliere il <div></div>
<div align="center">
<center>
<table border="0" cellspacing="0" width="100%" id="AutoNumber1" height="1091" style="border-collapse: collapse" bordercolor="#111111">
<tr>

la tabella fa uso dei fogli di stile in linea, ma solo per l'attributo collapse, vuoi un consiglio? sostituiscila con questo:
<table id="AutoNumber1" style="width: 100%; border-collapse: collapse; border: 3px double #111111"> è tutto, ho tolto volontariamente l'attributo height ed ho deciso di dargli un bordo doppio, anche se tu avevi scritto border=0, se la vedi ci lavori meglio, poi dopo lo togli se non ti piace.

Ancora:
<td width="100%" colspan="3" background="TitoloBarralat/titoloLogoAss.gif" height="125" style="vertical-align: medium">
Sostituisci i tag paragrafo <P> con <span> altrimenti browser come mozilla ti manda la riga a capo, togli tutti quesgli spazi (&nbsp;), lavori più pulito.
Il tuo problema è che con FP lavori in modalità WYSIWIG, quindi nonostante ciò che vuol dire quella siglia, tu non vedi affatto ciò che fai, ma fai in modo che FP lavori per te, interpretando il tuo pensiero a modo suo, ecco perchè è meglio un editor puro.
<p align="center">&nbsp;&nbsp;&nbsp;&a mp;nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&a mp;nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&a mp;nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&a mp;nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&a mp;nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&a mp;nbsp;
<img border="0" src="TitoloBarralat/titolo.jpg" width="464" height="110" align="center"></td>

Ancora FP in azione :(
<tr>
<td width="150" height="100" rowspan="19" background="TitoloBarralat/barralatbig1.gif" style="vertical-align: top">
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp; <font face="Comic Sans MS" size="4">

secondo te a che servono? A nulla, ovvero a creare delle righe in bianco, infatti dei paragrafi, anche giustificati, ma senza testo non hanno senso, ma se li togli, il tuo testo sale di tre o 4 righe, prova a trovare un modo alternativo per realizzare lo stesso effetto, un'altra cosa (assurda) l'HTML 4.01 è uscito nel '99, FP2002 un po di tempo dopo :D nonostante il W3C sconsiglia l'uso dei tag <font> FP ne fa un uso intensivo, sporcando il codice di tag ridondanti e quindi inutili, questo comporta pagine molto pesanti, molto meglio un foglio di stile che implementi una volta per tutte il carattere del testo. Non solo, comic è un carattere per windows, Mac e Linux non lo vedono. per non dire del font "Forte" che io non so cosa sia.

Non so se tutto ciò ti serva per questo sito, spero di sì, ma sopratutto spero di averti aperto gli occhi su Microsoft e perchè molti la considerano alla stregua dei borg di star trek.
Ciao.

18-04-2003, 10.05.04

Davvero grazie di tutto! Ho fatto i tentativi consiglatomi ma nn ho ottenuto l'effeto sperato, però nn voglio infastidirti +, visto la skifezza di FP, appena ho un pò di tempo rifaccio l'home da capo così vediamo ki vince grazie mille!!

Discussione: Come adattare le pagine web alla risoluzione?

LinkBack

Strumenti discussione

Display

Regole di scrittura