Immagine background menù fondo pagina
Author: Pasquale D.Buon giorno, vi chiedo una cosa che avevo già fatto, solo che non mi riesce più......
Se guardate l'immagine allegata forse riesco a spiegarmi, non ho il sito in line.
Intanto ho questo codice :
<style>
#imPgMn
{
position: fixed;
margin-left:810px;
pdding:0px;
top:270px;
}
#imBtMn a, #imBtMn a:visited, #imBtMn a:hover, #imBtMn a:active {color: #000000; }
#imBtMn a
{
font-family: Arial;
font-size: 9pt;
text-align: center;
color: #b1afa5;
}
#imBtMn a.highlight
{
font-size: 9pt;
text-align: center;
color: #b1afa5;
font-weight: bold;
text-decoration: underline;
}
#imBtMn
{
font-family: Arial;
font-size: 9pt;
text-align: center;
height:30px;
color: #b1afa5;
background-image:url('images/back-white-shaders-footer.jpg');
background-repeat:repeat-x;
}
#imFooter
{
top:-30px;
}
</style>
In pratica debbo inserire un immagine di fondo (un filo d'ombra) al menù di fondo pagina, che si ripete in orizzontale. Ci sono riuscito, solo che il filo d'ombra mi attraversa il menù di fondo pagina.
Quindi dovrei cercare di spostare 10/15 pixel il testo del menù.
Potete aiutarmi?
Grazie!
Ciao, dovresti risolvere cosi.. con i margini a zero, sinistra e destra, che tra l'atro si puo impostare anche andando in STILI E MODELLI, E IMPOSTARE I MARGINI A ZERO.
Spero di avere capito quello che ti serviva. ciao
#imBtMn
{
font-family: Arial;
font-size: 9pt;
text-align: center;
height:30px;
margin-left: 0;
margin-right: 0;
color: #b1afa5;
background-image:url('images/back-white-shaders-footer.jpg');
background-repeat:repeat-x;
}
Author
grazie per avermi risposto, ho già i margini a zero.
Provo come mi hai detto, non capisco però cosa c'entrano i margini dx e sx quando il problema sussiste in top e bootom del menù a fondo pagina.
Eventualmente posto un immagine di come lo vorrei per essere più chiaro.
Author
Eccomi, come supponevo, non è cambiato nulla.
In allegato un immagine di quello che vorrei realizzare e un immagine di quello che ho ottenuto. In pratica si tratta di muovere verticalmente il menù di fondo pagina(il testo), fino a centrarlo in un'altezza di 30 pixel. Sono intervenuto con vari codici : top, bottom, margin, padding etc; ma il risultato che ottengo è che il menù di fondo pagina (il testo), si muove insieme all'immagine di fondo(la fascia con il bordo superiore con l'ombra) e non si "stacca" dal bordo superiore di questa immagine di fondo.
E' più chiaro? Mi ero spiegato male?
Riuscite ad aiutarmi?
Grazie!
C......O e imposibile veramnete ho provato anche io in tutti i modi, niente da fare.
e pure lo avevo gia fatto una volta se non sbaglio mahhhhh. mi sta facendo davero incazzare..
invece l'unico modo e copiare il codice html del footer inserirlo manualmente in modifica modello pié di pagina. Ativare in menu footer originale e nasconderlo. e cominciare a lavorare con il menu manualmente una volta inserito il codice HTML nel pié di pagina.
Author
macchinoso, vedo se quella riga di ombra la posso inserire al termine del body, mediante codice. Intanto grazie!
Forse non ho capito bene ma intendi una roba del genere?
http://lemonsong.altervista.org/test_imBtMn_v_align/
Se sì, trovi tutto in HEAD
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
si questo, a prescindere dal filo d'ombra, che è un caso specifico, potrei metterci qualsiasi immagine, solo che il bordo superiore dell'immagine, mi attraversa il testo del menù di fondo pagina.
Provo e ti dico, nel tuo codice c0è il padding, che avevo già provato e non mi funzionava.
Riproviamo. Grazie!
off topic, non è che hai uno script per l'altra mia discussione? (quella con i link sul pecorso della pagina o menù di pagina orizzontale.
Grazie!
Author
Allora funziona, ho integrato anche qualche altro codice, ma a monte ho un problemino, sempre avuto. Vediamo se riusciamo a risolverlo.
Per capirci, guardate l'allegato, ho dato un colore al body per evidenziare il problema. In pratica tra il menù di fondo pagina e il body c'è un imFooPad, alto 0px, ma visivamente è alto 3 pixel circa. Vorrei eliminarlo, o portarlo effettivamente a 0 px di altezza.
C'è la possibilità?
Grazie!
Azz ma e questo che volevi, ma quello era facile, io stavo lavorando solamente sul menu. non avevo capito porca miseria. mi ha fatto diventare matto.... hihihihi
Il margine basso della pagina è già a 0...?
Author
si, è già zero. Ma mi succede sempre.
Ho dimenticato di direm che il problemasussiste anche al top del body.
Ci sono sempre quei 2/3 pixel.
Ho provato con questo :
#imContent
{ margin-bottom: 0px;
padding-bottom:0px;
border-bottom-width:0px;}
ma ho capito che non c'entra nulla
Grazie!
Author
mi correggo, quello superiore, l'ho risolto con padding-top, però il filo d'ombra non si sovrappone al contenuto.
Invece, per la parte inferiore, non ho ancora risolto.
Author
falso allarme, non ho risolto :)
Author
Ecco vedete? (guardate l'allegato)
il filo d'ombra orizzontale e verticale, una volta finito, mostra il background del body che è bianco, se ci mettessi un colore sarebbe più visibile.
Mentre invece, l'ombra non si sovrappone all'immagine(o il contenuto del body), pur agendo sul padding.
ecco il codice :
#imContent
{
background-image:url('images/ombra-menu.png');
background-repeat:repeat-x;
border-width: 0px;
z-index:0;
}
#imPgTitle
{
position: relative;
margin-left:;
padding:0px;
top:-30px;
font-weight: bold;
}
#imPgMn
{
position: fixed;
margin-left:820px;
padding:0px;
top:270px;
}
#imBtMn a, #imBtMn a:visited, #imBtMn a:hover, #imBtMn a:active {color: #000000; }
#imBtMn a
{
font-family: Arial;
font-size: 9pt;
text-align: center;
color: #b1afa5;
}
#imBtMn a.highlight
{
font-size: 9pt;
text-align: center;
color: #b1afa5;
font-weight: bold;
text-decoration: underline;
}
#imBtMn
{
font-family: Arial;
font-size: 9pt;
text-align: center;
height:30px;
color: #b1afa5;
padding-top: 10px;
padding:0px,0;
background-image:url('images/ombra-footer.png');
background-repeat:repeat-x;
border-width: 0px;
}
#imFooter
{
top:-12px;
}
margin-left:;
padding:0px,0;
Questi sopra sono errori.
Anche se non c'entrano niente con il tuo "problema" è bene farteli notare.
Se metti un link con un esempio, forse è meglio.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
Grazie, è mia abitudine mettere i link, solo che non lo avevo ancora online .
Ora è pubblicato.
Eccolo :
http://www.associatistudio.com/temp/contatti.html
Author
Scusate, eravamo rimasti che pubblicavo il link per farvi capire meglio.
Premesso che è l'ultimo o penultimo sito in wsx5, poi ci vediamo su wp, riuscite ad aiutarmi per risolvere questo?
Riepilogo : in pratica ho un filo d'ombra in png, vorrei che il body sia sotto questo filo d'ombra.
Riuscite ad aiutarmi?
Grazie!
Dopo questa premessa devi trovare proprio un buon samaritano... magari mi sbaglio eh
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
dovrebbe esserci in giro un unofficialwp..
Author
si, ma riesci ad aiutarmi per questo?
Premesse:
Dopo le premesse, se hai sfruttato tutte le impostazioni che WS mette a disposizione e se ho capito bene a cosa ti riferisci, puoi provare con questo CSS:
#imObjectMap_1{
margin-bottom: -3px;
}
P.S.
Ah, dimenticavo: facci sapere quale forum frequenterai
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
Ciao Lemonsong, non ho provato, la pagina che ho linkato è solo un esempio, ma in realtà il problema si pone in tutto il sito, e quindi non solo con la mappa di google, quindi suppongo che dovrei utilizzare #imContent al posto di #imObjectMap_1
Provo e ti dico, intanto grazie!
p.s.
ma dimmi piuttosto quelli che frequentate voi, così facciamo prima
Author
Ho provato, ma stranamente non cambia nulla, ovviamente ho provato con diversi valori e anche con incontentgraoics.....
probabilmente non mi sono spiegato bene cosa volevo ottenere.
Provo a postare un immagine, forse riesco a spiegarmi meglio
Author
Ecco, credevo di voler realizzare una cosa semplice : un body, che nel top e nel bottom, abbia una fascia bianca che proietta un ombra sul body.(nell'immagine l'ombra c'è solo sul top)