Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : Osiride 09 May 2012, 10:51:18
-
Ciao a tutti. Sono una novizia smanettona con qualche nozione confusa di un po' di tutto.
Ora mi sto scontrando con i css per joomla e vorrei capire bene questa cosa: con quale attributo stabilisco quale oggetto deve spostarsi quando qualcuno fa il resize alla pagina web e quale deve rimanere fisso, anche a costo di sparire?
Grazie.
Osiris
-
Hola
Non ho capito tanto bene:
... quale oggetto deve spostarsi quando qualcuno fa il resize alla pagina web e quale deve rimanere fisso, anche a costo di sparire?...
chi sarebbe il qualcuno e perche motivo c'è un resize?
-
Ciao e grazie.
Sì mi rendo conto di essere stata sibillina.
Faccio un esempio concreto:
Off line sto facendo delle prove con un template.
Il menu (verticale in basso a sinistra) se ridimensiono la pagina web (tipo se la guardo in un tablet, con una diversa risoluzione, oppure semplicemente con il tastino dei due quadratini della pagina web, prendo e riduco la pagina) si sposta e mantiene la sua posizione nell'angolo in basso a sinistra.
Il modulo contatti fox, invece, sta fermo lì, a diverse risoluzioni rischia anche di uscire dalla pagina e se ridimensiono la pagina sparisce completamente.
Entrambe le posizioni sui css, nav per il menu e .foxcontainer per il modulo foxform, sono definite con position: fixed.
Allora perchè una segue il ridimensionamento pagina e l'altra no? Ho provato con gli attributi 'relative' o 'absolute' ma nulla mi cambia.
La stessa problematica, facendo esperimenti, ce l'ho con un sacco di cose.
Per esempio ho messo pagina se ne stanno lì ferme fino a sparire e non seguono il ridimensionamento o la diversa risoluzione.
Cosa devo cambiare? la posizione dello spazio nella tabella, nel css? e con quale attributo?
Ecco la mia necessità è un po' di capire queste cose... altrimenti credo che un sito non potrà venire proprio come dico io...
Mi sono spiegataaaaaaaaaaaa????
Grassie ::)
-
Hola
Qui secondo me ci sono diversi discorsi
Il width della pagina: se hai il contenitore di un template con un widrh di 1300 px si vedrá uguale negli schermi di 1.366 pixel e superiori ma verrá "reinterpretato" dal browser negli schermi di 1280px, 1024, 800, ecc...
Con il position: fixed il div "occupa" uno spazio a una distanza x e y (di default 0) dal bordo dello schermo, indipendentemente della risoluzione dello schermo stesso, i position: relative e absolute si adeguano al flusso della pagina.
-
E allora perchè non me lo fa?
il nav del menu è un fixed ma si sposta.
il .foxcontainer è un fixed ma sta fermi lì.
Dove sbaglio?
Per quanto riguarda la risoluzione ho ben capito il problema, ma ci sarà un modo per dire ad una foto di piazzarsi in un punto che, a qualsiasi risoluzione, si possa vedere senza rischiare che ne venga tagliata metà?
Aiutamiiiii, sono stufa e sto schiumando su sta cosa!!!
-
Hola guapa
come ben dice il moderatore dei templates del forum: se possibile postare il link x risolvere al meglio il problema grazie
-
Sto lavorando offline... e più che la risoluzione di una cosa in particolare, è la voglia di capire bene la logica che c'è sotto.
Spero che tu possa illuminarmi lo stesso, se no qui esco di senno.
Grazie :'( :'( :'(
-
Hola guapa
Qualche teoria la posso spiegare i problemi specifici non li posso risolvere se non li conosco.
-
Appunto.... vuoi fare un riassuntino teorico alla tua piccola Osiride?
sii?
mi basta anche un link ad un tutorial specifico, se proprio proprio non ne hai voglia.
Grazie.
;D
-
ciao Osiride,
eccoti una teoria concentrata per il posizionamento di elementi (http://css.html.it/guide/lezione/40/posizionamento-degli-elementi/) all'interno di una pagina.
-
Oltre alla guida soprastante, quando hai capito come posizionare bene i vari oggetti, puoi far si che il tuo template si adatti alle varie risoluzioni, per questo ti consiglio di utilizzare le media queries (magari per farti anche una versione mobile del tuo sito) leggi questi articoli:
articolo 1 (http://coding.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/)
articolo 2 (http://css.html.it/guide/lezione/5147/css-media-queries-le-basi/)
-
Grazie ragazziiiiiiiiiiii!!!
Mi metto subito alla lettura, faccio i miei test da imbranatasmanettona e poi metto un risolto qui.
Resto comunque aperta ad ulteriori info.
Siete magici! ;D