centrare logo

Started by hollywood9111, April 21, 2014, 09:07:29 PM

Previous topic - Next topic

hollywood9111

ho questo css:
/* LOGO ---------*/
#zt-logo {float: left;width: 240px;margin:10px 0;}
#zt-logo .zt-logo {
margin: 0 10px;
display: block;
}
#zt-logo .zt-logo a {display: block;width: 261px; height: 200px;}
#zt-logo .zt-logo a span {display: none;}

non riesco a centrare il logo al posto di left metto center ma non va

emanuele

http://www.simplemachines.org/community/index.php?action=search2;search=centrare+logo;brd=15
https://www.google.com/search?q=centrare+immagine+css

http://www.w3schools.com/css/css_float.asp
float supporta: left, right, none, inherit e basta.
Per centrarlo devi usare altri trucchetti.
Non so di quale tema si tratti, quindi non posso dare molti altri suggerimenti.


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.


hollywood9111


emanuele

Considerando tutta la roba che c'è sulla destra, cosa significa per te "centro"?


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

hollywood9111


emanuele

Sulla destra del logo c'è il box della ricerca e un menù.
Cosa ne fai di quelli? Spostati in alto?
Spostati in basso?
Lasciati dove sono?

In teoria:
#zt-logo {
/* float: left; */
margin: 10px auto;

è sufficiente (cioè togli il float e metti i margini destro/sinistro auto).
Ma è il risultato che vuoi?


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

hollywood9111

ho fatto come dici te...ma non lo centra
se aumento il margin ingrandisce sia lo spazio di alto che dall'alto

emanuele

In allegato puoi vedere quello che io ottengo facendo le due modifiche qui in locale.
Se non ti viene fuori quello, può essere che hai già cambiato altro e/o fai qualcosa di diverso... non saprei.

Link dove posso vederlo "live"?


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

hollywood9111

dsscrew.info
prova a dirmi che modifica fare e provo

emanuele

Hai tolto la larghezza a #zt-logo, in questo modo il "giochetto" non funziona.
Dovrai aggiungere a #zt-logo la larghezza del logo, qualcosa tipo:
#zt-logo {
margin: 0px auto;
width: 800px;
}


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

hollywood9111

Sscusa io ho questo:
/* LOGO ---------*/
#zt-logo {float: left;width: 240px;margin:10px 0;}
#zt-logo .zt-logo {
margin: 0 10px;
display: block;
}
#zt-logo .zt-logo a {display: block;width: 261px; height: 55px;}
#zt-logo .zt-logo a span {display: none;}


come lo modifico?

emanuele

/* LOGO ---------*/
#zt-logo {float: left;width: 240px;margin:10px 0;}
#zt-logo .zt-logo {
margin: 0px auto;
width: 800px;
display: block;
}
#zt-logo .zt-logo a {display: block;width: 261px; height: 55px;}
#zt-logo .zt-logo a span {display: none;}


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

hollywood9111

siccome il mio logo e 800x300 ho messo cosi:
/* LOGO ---------*/
#zt-logo {float: left;width: 240px;margin:10px 0;}
#zt-logo .zt-logo {
margin: 0px auto;
width: 800px;
display: block;
}
#zt-logo .zt-logo a {display: block;width: 800px; height: 300px;}
#zt-logo .zt-logo a span {display: none;}


ma non funziona

emanuele

Dammit.
/* LOGO ---------*/
#zt-logo {
width: 800px;
margin:10px auto;
}
#zt-logo .zt-logo {
margin: 0 10px;
display: block;
}
#zt-logo .zt-logo a {display: block;width: 261px; height: 200px;}
#zt-logo .zt-logo a span {display: none;}


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

hollywood9111

perfetto funziona grazie mille :)

Advertisement: