Navbar in un layout liquido

[pietro67]

Ciao,

dovrei impostare delle pagine con un layout liquido.

Per ora sono costruite con tabelle una sotto l'altra, che hanno una larghezza in pixel corrispondente alla risoluzione dello schermo, ma devo reimpostare questa larghezza in percentuale, in modo da farle adattare a tutte le risoluzioni.

Il mio problema è la prima tabella, che contiene la barra di navigazione. Essa è composta da una diecina di colonne, che contengono ciascuna una gif linkata che ha un effetto di rollover onmouseover.

Poiché questa tabella è costruita in modo da corrispondere alle dimensioni della navbar (ogni colonna ha la stessa larghezza e lunghezza di una gif), come la gestisco in percentuale? che accade se, una volta impostate le colonne in percentuale di larghezza, la navbar si allarga ad una risoluzione maggiore di quella standard? come affronto il problema degli spazi vuoti che rimarrebbero attorno alle gif? Esistono esempi online di soluzioni a questo problema?

Ciao, :tongue:

Pietro

[Pablit]

forse non ho capito bene il problema, ma pechè devi per forza fare una tabella con tante colonne? Non è meglio una senza ? Con l'allineamento per le gif a sinistra o destra?

[pietro67]

Non dici mica male, solo che un'unica riga di tabella contenente le gif delle aree del sito una a fianco all'altra da sinistra a destra ha un problema di compatibilità... se la tabella è infatti impostata in layout liquido (width="100%") succede che... su Netscape, anche la versione 7... ad una risoluzione di schermo inferiore a quella scelta come standard Netscape prende l'iniziativa di spezzare la riga contenente le gif in più righe in modo da far entrare tutto in una schermata evitando lo scrolling orizzontale... così, in questo caso, il layout della pagina va a farsi benedire

Per quanto riguarda la questione che ponevo, essa è:

creando una tabella navbar con gif che si succedono in orizzontale, come affronto la questione di uno schermo più grande rispetto a quello su cui ho costruito la navbar, qualora intendo creare una risoluzione liquida?

L'unica soluzione è quella di allineare le gif a sinistra e impostare un colore di sfondo per la tabella, in modo che, quando questa si allarga, il colore di sfondo copra tutto lo schermo verso destra? Oppure esistono altre soluzioni???

[Pablit]

Non so se sia la soluzione: la butto là. Utilizzi dreamweaver? Non ho ieda di che compatibilità abbia con Netscape il codice generato! . Sulla palette degli oggetti Comuni c'è navigation bar che forse può essere utile, ( si può impostare in orrizzontale il menu ) Sappimi dire. Ciao.

[Haro]

Non riesci a postare un link con una prova o un esempio per capire meglio com'è il tuo layout, Pietro?

[miao]

ciao, guarda che potresti lasciare la navigationbar di dimensioni fisse (nowrap) ed il resto in percentuale. Questo permette anche a risoluzioni diverse di avere la barra sempre in ordine.
Potrebbe essere che la barra sia troppo grande ad 800*600 e piccola a risoluzioni maggiori. A questo punto potresti usare uno script che ti carica una barra di certe dimensioni sotto una certa risoluzione ed un'altra per risoluzioni maggiori.

Altrimenti potresti inserire le gif in percentuale, lasciando al browser il compito di scalarle di volta in volta, rischi però, in alcune situazioni, di avere immagini sgranate o deformate.