Accedi per seguire   
Seguaci 0
spiug

Menù Fisso

21 messaggi in questa discussione

Volevo inserire in un sito un menù che rimaneva fisso, anche quando scorro giù con la barra di scorrimento...

con i CSS l'ho reso absolute

<style type="text/css">
<!--
#ma {position : absolute;
 top : 30 %;
 left : 10 px; 
 zindex : 1;}
-->
</style>

, ma questo lo stacca dal resto del corpo ma non lo tiene fisso...

si può con le immagini

<head>
<style>
body{
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom right;
}
</style>
</head>
<body background="sole.gif" bgcolor="#e1e1d2"font size=3 vLink=#ff6633> 

ma non riesco con il table...sigh, infatti il menù l'ho conficcato dentro una tabella..

:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

...em...tra l'inglese e la mia incompetenza in materia non ci capisco molto....riusciresti a mettermi in risalto il codice giusto da mettere nell'head, e poi sono a posto perchè basterebbe mettere la tabella tra i tag div....o no?!

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Metti tutto in un DIV con ID header:

<div id="header">Qui il contenuto</div>

Poi nel CSS questo:

div#header
{
overflow: auto;
width: 100%;
height: 6em;
position: absolute;
top: 0;
left: 0;
}

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

...stesera provo...GRAZIE BUG!! :up1:

:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
...stesera provo...GRAZIE BUG!! :up1:

:)

Di niente, facci sapere come va :P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Di niente, facci sapere come va :)

... :sigh: , il risulatato non è per niente quello sperato...anzi, non sono progredito di un passo da quanto avevo fatto io...

...forse con il CSS non è possibile...forse con il Javascript...ora provo a cercare meglio in rete...(e se magari ritrovo quel sito con il menù che scorreva in parte tornando sempre alla solita posizione magari darò una bella sbirciatina al suo codice!!)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

http://lau.csi.it/realizzare/accessibilita...shtml#menufisso

...ecco la soluzione con i css!! :up1:

...però a me viene un casino...chissà cosa avrò sbagliato (mi si vede solo il menù e non la parte a fianco che scorre :sigh: ...vedremo di sistemare...

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
http://lau.csi.it/realizzare/accessibilita...shtml#menufisso

...ecco la soluzione con i css!! :up1:

...però a me viene un casino...chissà cosa avrò sbagliato (mi si vede solo il menù e non la parte a fianco che scorre :sigh: ...vedremo di sistemare...

Prova a postare il codice HTML e il codice CSS. :P:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Mi piace il tuo monologo :dia: :P

GRAZIE.... :P

Beh...vedi, siccome qualcosa capisco vado a tentativi e dopo ripetute ricerche e cambiamenti di codice trovo la soluzione (o quasi)...

...per stasera mi sono rotto...ho sistemato quasi tutto!! :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

GRAZIE.... :P

Beh...vedi, siccome qualcosa capisco vado a tentativi e dopo ripetute ricerche e cambiamenti di codice trovo la soluzione (o quasi)...

...per stasera mi sono rotto...ho sistemato quasi tutto!! :)

:up1: :up1: :up1:

In fin dei conti un buon programmatore è prima di tutto un gran smanettone ;-)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Inviato (modificato)

...se avete voglia...quà c'è tutto:

- il codice HTML index.htm

- il css esterno è questo boxfisso.css

...l'unico problema è che nella parte scorrevole non riesco ad arrivare a vedere fino alla fine (mi taglia la parte sotto), e se unifico i due file (mettendo i css all'interno dell'html) mi viene a fianco un'altra barra scorrevole (come si faceva a togliere?? sò che è semplice ma non mi và di cercare ancora tra le guide...

Modificato da Spiug

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Credo sia per il fatto che dai a contenitore altezza 100% non considerando anche la parte in alto fissa

#contenitore
{
height: 100%;
overflow: auto;
}

Prova a dare di meno :up1:

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Credo sia per il fatto che dai a contenitore altezza 100% non considerando anche la parte in alto fissa

#contenitore
{
height: 100%;
overflow: auto;
}

Prova a dare di meno :up1:

Ok!! Ho messo tutt'uno, così c'è solo un file...index.htm

...comunque esiste una funzione da applicare al body per impedire lo scrolling?

Le barre di scorrimento (scrollbars) che puoi vedere possono essere specificate come YES, NO o AUTO. YES significa che saranno messe le scrollbars- sia che siano necessarie o meno. NO significa che non ci saranno scrollbars, anche se il contenuto del frame è grande come il New Jersey... il browser semplicemente mostrerà tutto quello che può. AUTO è il default. Se le scrollbars sono necessarie appariranno, se non sono necessarie non verrano mostrate. Impostiamo dunque le nostre scrollbars.
...però funzionano solo per i frames, vero?? (ho provato a mettere l'attributo nel tag body e non funzia <_< )

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Già, è possibile solo per i frames :) per il resto niente da fare :P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

...altro problemino...

nella parte del corpo che cambia in parte al menù fisso rimane una parte vuota prima che comincino le scritte...come mai?? :)

...inoltre come diavolo si fà a mettere sulla stessa riga una parola tutta a siistra e una tutta a destra?? (sotto la parola crack :regole: )

Vi posto qui il file aggiornato (così intanto sfrutto WI da ripostiglio per farmi un backup in caso di problemi col file quì a casa :P ) tes.zip

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Lo spazio ti si crea perchè di default inserisce il testo centrato verticalmente, per ovviare al problema setta la proprità valign a top:

<td valign="top">Ho realizzato...

Per il resto due pezzi di testo, uno a destra ed uno a sinistra, sulla stessa riga non ci possono stare, devi dividere in due la cella :up1:

:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Per il resto due pezzi di testo, uno a destra ed uno a sinistra, sulla stessa riga non ci possono stare, devi dividere in due la cella

...giusto...non bisogna mai complicarsi la vita con i css, non ci avevo pensato... :)

GRAZIE :omaggi:

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Di niente ;-)

P.S.: Ogno tanto è bene complicarsi la vita :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Crea un account o accedi per lasciare un commento

Devi essere un utente registrato per partecipare

Crea un account

Iscriviti per un nuovo account nella nostra community. È facile!


Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.


Accedi Ora
Accedi per seguire   
Seguaci 0