Back to top

Autore Topic: Ridurre spazi bianchi nell'intestazione del sito..  (Letto 1370 volte)

Offline simone79vi

  • Abituale
  • ****
  • Post: 821
    • Mostra profilo
Ridurre spazi bianchi nell'intestazione del sito..
« il: 30 Dic 2010, 18:51:47 »
Ciao, vorrei ridurre gli spazi bianchi nell'intestazione del sito internet www.adoutlet.it.
Qualcuno mi da una dritta su dove devo operare per ridurre lo spazio sia sopra che sotto al logo aziendale?

Grazie
Ciao

adottauncane

  • Visitatore
Re:Ridurre spazi bianchi nell'intestazione del sito..
« Risposta #1 il: 30 Dic 2010, 18:56:34 »
Ciao simone79vi
per il margine superiore qui:
Codice: [Seleziona]
#top_holder {
    height: 50px; <------
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2px;
}
template.css (riga 100)

per quello inferiore qui:
Codice: [Seleziona]
#header {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/headerimg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 260px; <--------
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
    width: 960px;
}
template.css (riga 110)


Offline simone79vi

  • Abituale
  • ****
  • Post: 821
    • Mostra profilo
Re:Ridurre spazi bianchi nell'intestazione del sito..
« Risposta #2 il: 30 Dic 2010, 20:08:58 »
Grazie della risposta,
avevo provato a modificare l'header ma se metto un valore sotto a 260 px mi "salta" tutto il sito..
Come mai?

Ciao
Simone

adottauncane

  • Visitatore
Re:Ridurre spazi bianchi nell'intestazione del sito..
« Risposta #3 il: 31 Dic 2010, 00:30:31 »
Ah, sì, hai ragione, non lo avevo notato. È perché c'è uno spazio per il logo che ha un float:left; che quando fai salire il content lo fa affiancare... visto che non ti serve quello spazio puoi:
Codice: [Seleziona]
.logo {
    float: left; <---- togliere questa riga
    height: 230px; <--- mettere a 0 questa altezza
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 24px;
    width: 562px;
}
template.css (riga 156)

e poi regolare come scritto prima...

 



Web Design Bolzano Kreatif