Menù fondo pagina, prima dei widget 
Autore: Pasquale D.
Visite 972,
Followers 1,
Condiviso 0
buon giorno, vorrei chiedere al forum se è possibile fare una modifica.
Se guardate una pagina del mio sito, noterete che concluso il body ci sono dei widget (che non ho voluto mettere nel footer che tra l'altro è nascosto), e poi inizia il menù di fondo pagina.
Sarebbe possibile invertire l'ordine? Ovvero, concluso il body, inizia il menù di fondo pagina
e poi sotto i widget?
Grazie, vi lasscio un link :
Postato il
Si mettendoli nel Footer, se lo lasci trasparente hai risolto....
Autore
non l'ho voluto mettere nel footer, perchè non c'è il widget dei social, però lo procuro.
Se invece non li vuoi in tutte le pagine, potresti provare ad aumentare il margine superiore dell'oggetto Social Network per "fare posto" al menu di fondo pagina ed alzare il suddetto menu con, per esempio, questo CSS di questo post (vedi allegato):
http://answers.websitex5.com/post/75621#24
Ovviamente il valore va personalizzato.
Non l'ho provato bene quindi prendere tutto con le pinze!
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Copia il codice che ti crea nella pagina e lo incolli nel footer...
Autore
si, si certo........oppure c'è il sito, grazie!
Autore
@Marco, mi sembra più adatta, al mio caso, metterli nel footer, però......
se a un html che sta nel footer, come posso associarci un css?
non so se è chiara la domanda.
Cosa intendi per "associare"?
Puoi inserire i CSS in diversi modi:
Ovviamente nei primi due casi devi assegnare una classe e/o id agli elementi del codice HTML
Queste cose, però, le dovresti già sapere, visto che hai letto il libro che ti ho prestato (e che rivoglio
), quindi mi viene il dubbio di non aver capito cosa intendi...
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Autore
Ciao Marco, mi spiego meglio.
Se guardi ad esempio la mia home,
http://www.pdagrafica.com
o una pagina qualsiasi, ho messo un testo
(Tel, Cell, Via, etc; etyc;)
sfruttando l'oggetto html disponibile per il piè di pagina, dove non c'è la possibilità di allegare file e css.
Se avessi utilizzato l'altro ogetto html, avrei racchiuso il testo con un tag es; <p>
e nella scheda esperto css avrei messo le proprietà che mi servono.
In questo caso, potrei fare un semplice html, senza ricorrere ai css.
Però sarebbe interessante capire come utilizzare i css con questo oggetto html.
non so se è chiaro.
Grazie"!
Allora avevo capito bene.
La risposta ce l'hai scritta sopra, oltre che nel libro.
Per favore leggi con più attenzione.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Autore
In realtà, l'avevo già fatto, solo che non è completo :
http://www.pdagrafica.com/social.html
Mi spiego meglio, Quello che debbo fare è un colore di sfondo del footer diverso per ogni pagina, e mettendo il css nel header, non lo considera perchè quello che prevale è quello del reset di wsx5.
Scusa ma perché non imposti il footer su trasparente e per ogni pagina "scrivi" il tuo colore?
Esempio:
#imFooter {
background-color: red;
}
La prossima volta spiega subito cosa vuoi fare... si risparmierebbe un sacco di tempo.
Sempre se ho capito eh...
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Dimenticavo, anche se OT: questa icona
non corrisponde al doctype della 10 (html5), inoltre ci sono un po' di errori di validazione.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Autore
aspetta, che ti dico
Autore
Allora questo è il mio css, solo che non visualizzo più le icone della convalidazione, i social si sovrappongono al testo e non visualizzo l'ultima rifa di testo (sempre relativamente al footer)
http://www.pdagrafica.com/social.html#.UslS5fTuJDQ
<style>
.autore
{
color: #ffffff;
text-align: center;
font-family: Segoe UI Semilight;
font-size: 8pt;
}
.contact
{
color: #ffffff;
text-align: center;
font-family: Segoe UI Semilight;
font-size: 8pt;
}
#imFooter
{
background-color: aqua;
top: -3px
}
</style>
e questi sono i miei due html :
<div class="autore">
<p>© Copyright 2013 Pasquale De Angelis - All rights reserved</p>
<div class="contact">
<p>Via Alta n°25/E, 30026 Portogruaro (Venezia) - Phone & Fax : +39 0421 20 47 46, Mobile Phone : +39 333 71 44 501</p>
Cosa sbaglio?
Come è il titolo del libro, che mi interessa anche a me???
Parlo sul serio....
Autore
poi te lo dico, nel frattempo mi aiuti a risolvere il nodo di dubbio creato nel leggere il libro?
@Pasquale
Sembra che non hai chiuso un div (in grassetto):
<div class="footer-1">
<p>© Copyright 2013 Pasquale De Angelis - All rights reserved</p></div>
@Mirko
"Come complicarsi la vita in 5 mosse"
Risposta seria: una guida qualsiasi di HTML e CSS
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Hai provato ad alzare di un pò il footer....?
Ok tanks....
Autore
@marco
risolto!
Grazie! Soliti errori di distrazione.
@Mirko
Perchè alzare il footer?
Vado avanti, ho altri due problemini (questioni di pixel), magari apro un altro topic.
Grazie ancora infinitamente.
Aggiungo che la classe adesso è autore, prima non lo era.
Autore
si grazie, l'avevo cambiato, perchè credevo che potesse interferire con #imfooter.
In realtà non c'entra niente.
Vado avanti, se incontro altri problemi vi dico.
Grazie ancora, buon anno.
Autore
Eccomi, allora funziona,
ho sistemato questa pagina, come desideravo e con il vostro prezioso aiuto, ora mi tocca fare la stessa operazione per le restanti pagine che sono molte.
http://www.pdagrafica.com/studio.html#.UsmQbPTuJDQ
Grazie!
Autore
@Lemonsong, gli errori di validazione li sto risolvendo strada facendo tranne uno che proprio non riesco a capire cosa fare, magari se mi segui apro un post sull'altro forum.
Quale sarebbe l'icona del docype della 10? L'icona mi è uscita convalidando la home, qualche giorno fa.
Grazie!
Detto sopra: HTML5
Sicuro che ti è "uscita" quella per XHTML?
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Autore
ecco (v. Allegato)
Scusa, dove dovrei validare : css, html, xhtml e W3c
Magari li ho convalidati nei siti sbagliati.