HTML. Domande da principianti

asablanda · 11 Nov 2011

Buongiorno a tutti,
da poco ho iniziato ad esplorare il mondo del WEB inteso come sviluppatore di siti. Sono alle prese con un semplice sito formato da 3 zone:
– La prima zona il menu principale in testa
– la seconda il sottomenu a sinistra
– la terza zona la pagina vera e propria.
Il sito deve avere le seguenti caratteristiche:
– Centrato risspetto al video (quindi con il,menu principale sempre visibile anche se si scorre il sito)
– Il menu di sinistra sempre visibile anche lui, cioe' non deve scorrere quando scorro le pagine del sito.

Il problema qual e'? Che non riesco a centrare tutti l'insieme. Mi spiego, riesco a centrare il menu in testa, quello principale, ma non riesco a fare in modo che il gruppo menu laterale+pagine siano centrati. Li ho disassati.
Spero di essere stato chiaro. Qualcuno di voi ha gia' affrontato e risolto questo problema?

Ciao
Andrea (TO)

borgo italia · 11 Nov 2011

ciao
guarda questi link, forse possono servirti

https://www.mrw.it/css/articoli/creare-box-liquido-centrato-verticalmente_704.html
https://www.mrw.it/css/articoli/posizionare-elementi-sito-css_540.html
https://www.mrw.it/css/articoli/paginazione-colonne-table-less-css_507.html

asablanda · 17 Nov 2011

Borgo Italia,
intanto grazie per avermi risposto.

Purtroppo il mio grado di conoscenza del mondo WEB non mi consente di capire, ma peggio ancora, usare i codici contenuti nei link che mi hai mandato. Ogni esempio e' comporto da 2 parti. Come vanno "mischiate", incollate, gestite fra loro?

Per semplificare il tutto allego, se si puo', 2 schermate per farti capire cosa voglio. Come potrai notare (se riesco a caricare le screen) ho bisogni di realizzare una struttura molto semplice:
– un menu in alto SEMPRE presente in ogni pagina e che, ovviiamente, non deve mai sparire quando scorro la pagina
– un menu laterale SEMPRE presente in ogni pagina e che, ovviiamente, non deve mai sparire quando scorro la pagina
– la parte "centrale a destra" che conterra' il succo del mio sito: immagini, testo etc. Ovviamente questa parte scorribile.
Tutto questo blocco deve automaticamente centrarsi nel bel mezzo del monitor. Cioe' il bianco a sinistra deve essere uguale a quello a destra e non ci devono essere pezzi che fuori escono navigando qua e la per il video.

Spero di essere stato chiaro.
Ciao
Andrea

borgo italia · 17 Nov 2011

ciao
ti invio un piccolo esempio completo

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>esempio testo centrato vert e horiz</title>
<style type="text/css">
#Box_Liquido
{
    position: Absolute;
    top: 50%;
    left: 50%;
    background-color: #FFCC00;
    width: 800px;
    height: 250px;
    margin: -125px 0px 0px -400px;
	
}
</style>
</head>
<body>
<div id="Box_Liquido">
Il contenuto di questo box verrà visualizzato al centro della
pagina a prescindere dalla risoluzione video dell'utente!
</div>
</body>
</html>

Come vanno "mischiate", incollate, gestite fra loro?

ma se fai questa domanda penso che dovresti studiarti qualche manuale di html e css.
sul forum (come dice giustamente alex) non possiamo fare lavori per altri, ma solo eventualmente correggere e consigliare. quindi butta giù qualcosa ch , eventualmente, da li si può partire

asablanda · 17 Nov 2011

ok. Vi allego un esempio.
Il sito e' strutturato con le tabelle classiche (altrimenti non avrei chiamato la discussione "HTML. Domande da principianti").
Come potete notare le pagine occupano l'intero schermo. OK?
Ecco quel che voglio sapere se e' possibile fare... e ' poter centrare tutto il gruppo, cosi' com'e'l al fine di avere una colonna bianca a sinistra (di sfondo) uguale alla colonan bianca (di sfondo) a destra. In parole pivere poter definire una largnezza FISSA del gruppo e centrare tale gruppo nel video.

Spero di essere stato chiaro.
Ciao e grazie
Andrea

PS
************
---Quote---
Come vanno "mischiate", incollate, gestite fra loro?
---End Quote---
ma se fai questa domanda penso che dovresti studiarti qualche manuale di html e css.
sul forum (come dice giustamente alex) non possiamo fare lavori per altri, ma solo eventualmente correggere e consigliare. quindi butta giù qualcosa ch , eventualmente, da li si può partire
************

Non vi ho chiesto di farmi il sito.
Ma solo se alcune situazioni sono realizzabili. Giusto per non imbattermi nella relizzazione di una cosa IRREALIZZABILE

Altrimenti non avrei scritto nell'argomento della discussione "HTML. Domande da principianti"

borgo italia · 17 Nov 2011

ciao
certo che si può fare quello che dici (orami per il layout le tabelle non si usano più - o quasi)
parti dall'idea che ti ho dato. in pretica devi costruire qualcosa del genere

HTML:

<div id="contenitore">
   <div id="testata">qui quello che ti serve per la testata posta in alto</div>
   <div id="menu">qui quello che ti serve per il menu a sx</div>
   <div id="contenuti">qui quello che ti serve per i contenuti(con barra laterale di scorrimento)</div>
</div>

quindi (il contenitore) l'hai di già (post precedente chiamato boxliquido) eventualmente modifica le misure sino a che non ti soddisfa, poi costruisci il resto.

p.s.
post l'immagine non lo zip dell'immagine

danlupo · 17 Nov 2011

Io quoto la risposta di borgo italia; Se guardi alcuni manuale, specie pubblicati recentemente, ti faranno vedere un layout del tipo Header Aside Section Nav Footer. Come idea mia ti consiglio di restare su quello che ti ha detto borgo perchè specie il browser di casa microsoft ha ancora problemi di compatibilità con quel tipo di sintassi specie nelle versioni più vecchie..

Web Italia · 17 Nov 2011

Forse non ho capito bene la domanda, ma per centrare tutto il contenuto del sito non basta inserire tutto in un div e impostargli come proprietà css una larghezza e margin:0px auto?

borgo italia · 17 Nov 2011

ciao
@web italia
http://www.borgo-italia.it/transito/div_centrato.jpg

asablanda · 19 Dic 2011

Sempre piu' complicato

Buongiorno,
il sito MOLTO semplice che mi avevano chiesto all'inizio ora sta diventando un Titanic. In pratica tempo addietro mi richiedevano una Panda ed ora vogliono una Ferrari. Cosa devo fare. Devo fare in modo che cliccando su una miniatura questa venga ingrandita e venga proposta anche una breve descrizione e devo poter andare alal precedente o successiva senza chiudere l'immagine.

Vedi esempio

http://www.audiograffiti.com/le-nostre-realizzazioni_lit_45_173.asp

Altra cosa. Il totale delle immagini che devo inserire e' circa 200. Quindi deduco non si tratti non di un lavoro da fare in 4 e 4 otto.

Avete per cortesia qualche link da consultare.

Grazie
Andrea

borgo italia · 22 Dic 2011

ciao
per le gallerie tipo quella guarda questo link, ne trovi diverse
http://www.dynamicdrive.com/dynamicindex14/index.html
poi quarda anche sul blog

ricardati che al "cliente" l'appetito vien mangiando... ma la voglia di pagare no!

asablanda · 22 Dic 2011

Grazie Borgo

Grazie Borgo. Si al cliente l'appetito vien mangiando. Lo so. Mi occupo anche di database e riscontro continuamente che l'appetito vien mangiando. Grazie ancora.
Ciao
Andrea

metalgemini · 27 Dic 2011

asablanda ha scritto:
Buongiorno,
il sito MOLTO semplice che mi avevano chiesto all'inizio ora sta diventando un Titanic. In pratica tempo addietro mi richiedevano una Panda ed ora vogliono una Ferrari. Cosa devo fare. Devo fare in modo che cliccando su una miniatura questa venga ingrandita e venga proposta anche una breve descrizione e devo poter andare alal precedente o successiva senza chiudere l'immagine.

Vedi esempio

http://www.audiograffiti.com/le-nostre-realizzazioni_lit_45_173.asp

Altra cosa. Il totale delle immagini che devo inserire e' circa 200. Quindi deduco non si tratti non di un lavoro da fare in 4 e 4 otto.

Avete per cortesia qualche link da consultare.

Grazie
Andrea

Semplicemente dovresti dire al tuo committente che non sei capace a farlo. O per lo meno accettare un compromesso tra la richiesta e le tue conoscienze.

asablanda · 27 Dic 2011

Rispondo a metalgemini

Dici bene tu.... perche' per mille motivi non ho potuto e voluto spiegare tutta la dinamica della vicenda. Ti sembrera' strano ma tutto e' nato perche' il cliente voleva una cosa SEMPLICE anzi no... SEMPLICISSIMA. Quindi ha dovuto scartare alcuni WebMaster "professionali" in quanto non riuscivano ad accontentarlo. Proponevano soluzioni troppo "arzigogolate". In tutto questo (dopo piu' di un anno) coloro (dalla parte del cliente) che seguivano all'inizio il sito SI SONO RITIRATI ed hanno passato la patata bollente ad una terza persona che non conosceva i vari retroscena. Io all'inizio avevo specificato a caratteri CUBITALI quanto tu hai scritto "dire al tuo committente che non sei capace a farlo" peccato che strada facendo sono accadute diverse cose. Ora, dopo piu' di un anno, se non vi dispiace vorrei almeno finire il lavoro e prendere i soldi...
Tutto qua.
Spero che questo forum sia unluogo dove scambiare e chiedere opinioni e non un luogo dove solo auto-lodarsi.

Ciao

borgo italia · 27 Dic 2011

ciao
due cose:
una: calma ragazzi... siamo ancora sotto natale e dobbiamo fare i buoni.
due: un consiglio per asablanda: prima di proseguire (comunque poi sempre chiedere la collaborazione di qualche tuo conoscente) fai "scucire" qualcosa al tuo cliente che, da quello che dici, si evidenzia che neanche lui sa quello che vuole (salvo forse un bel sito...gratis)

metalgemini · 27 Dic 2011

asablanda ha scritto:
Dici bene tu.... perche' per mille motivi non ho potuto e voluto spiegare tutta la dinamica della vicenda. Ti sembrera' strano ma tutto e' nato perche' il cliente voleva una cosa SEMPLICE anzi no... SEMPLICISSIMA. Quindi ha dovuto scartare alcuni WebMaster "professionali" in quanto non riuscivano ad accontentarlo. Proponevano soluzioni troppo "arzigogolate". In tutto questo (dopo piu' di un anno) coloro (dalla parte del cliente) che seguivano all'inizio il sito SI SONO RITIRATI ed hanno passato la patata bollente ad una terza persona che non conosceva i vari retroscena. Io all'inizio avevo specificato a caratteri CUBITALI quanto tu hai scritto "dire al tuo committente che non sei capace a farlo" peccato che strada facendo sono accadute diverse cose. Ora, dopo piu' di un anno, se non vi dispiace vorrei almeno finire il lavoro e prendere i soldi...
Tutto qua.
Spero che questo forum sia unluogo dove scambiare e chiedere opinioni e non un luogo dove solo auto-lodarsi.

Ciao

Scusa se sono stato troppo duro, quello che vorrei farti capire è che non si fanno siti internet se non si è capaci di farlo no? Su questo pensao che siamo d'accordo, quindi io fossi in te abbandonerei il progetto (a meno che non arrivi al compromesso tra richiesta del cliente e competenza)

asablanda · 17 Gen 2012

Risposta a metagelmini

metalgemini ha scritto:
Scusa se sono stato troppo duro, quello che vorrei farti capire è che non si fanno siti internet se non si è capaci di farlo no? Su questo pensao che siamo d'accordo, quindi io fossi in te abbandonerei il progetto (a meno che non arrivi al compromesso tra richiesta del cliente e competenza)

Ciao Metagelmini,

tranquillo non mi sono ne offesso ne "arrabbiato". Diciamo che mi trovo tra incudine e martello. Purtroppo non mi sono potuto tirare indietro per un semplice motivo: la cosa e' nata soft..... e di colpo (dopo piu' di un anno di silenzio) e' diventata hard. E' un po' come se di punto in bianco ti trovassi catapultato in un'altra dimensione e devi venirne fuori. E' diverso dal sapere a priori dove verrai catapultato. Comunque a parte i chiarimenti dovuto. Ho raggiunto il "famoso compromesso".
Questo e' cio' che piace...

http://javascript.html.it/demo/javascript/6090/demo_index.html

con una variante. Vogliono la dida in alto e non i basso (se fai/fate clic su una miniatura si apre le versione grande dell'immagine con dida al piede) e se possibile sotto ogni miniatura vorrebbero una riga di testo. Giusto per farci stare "Xyz, 123456".

Tu o i validi colleghi presenti in questo forum, riuscite per caso ad aiutarmi e cioe' ad apportare la modifica che mi permetta di avere la dida in alto e se possibile una breve descrizione per ogni miniatura.

Ringrazio in anticipo per la disponibilita' e pazienza e vi auguro un buon anno (un po' in ritardo).

Ciao
Andrea

PS. Quando tu scrivi "vorrei farti capire è che non si fanno siti internet se non si è capaci di farlo no" ti confermo che concordo il principio di base. Io mi occupo di impaginazione e database e spesso e volentieri mi imbatto in improvvisati (quale appaio io in questo caso). La differenza fra la mia improvisazione e gli altri sta nel fatto che io a suo tempo avevo messo le mani avanti e del frattempo e' accaduto l'impossibile ed ora non mi va di rinunciare al guadagno.

borgo italia · 17 Gen 2012

ciao
dovresti indicare dove è il dowload o postare il codice anche se credo che la sezione js sarebbe più appropriata.
li potresti trovare qualcuno che sa metterci le mani, anche se credo non sia una cosa facilissima

asablanda · 17 Gen 2012

scusate, dimenticavo il link per scaricare i codici

Nel precedente messaggio ho chiesto se qualcuno e' in grado di modificare il codice scaricabile da qquesto link...

http://javascript.html.it/script/download/6090/galleria-con-effetto-lightbox/

per fare in modo che la didascalia nell'immagine venga visualizzata in testa ad essa e non in basso.

Attenzione nella demo non tutte el immagini presentano una dida. Forse la 3 o 4 foto.

Grazie ancora.
Ciao
Andrea

HTML. Domande da principianti

Nuovo Utente

Super Moderatore

Nuovo Utente

Allegati

Super Moderatore

Nuovo Utente

Allegati

Super Moderatore

Utente Attivo

Utente Attivo

Super Moderatore

Allegati

Nuovo Utente

Super Moderatore

Nuovo Utente

Utente Attivo

Nuovo Utente

Super Moderatore

Utente Attivo

Nuovo Utente

Super Moderatore

Nuovo Utente

Discussioni simili