Back to top

Autore Topic: diminuizione margine superiore header e centramento  (Letto 1905 volte)

Offline Astra83

  • Esploratore
  • **
  • Post: 119
    • Mostra profilo
diminuizione margine superiore header e centramento
« il: 29 Set 2013, 16:42:53 »
Ciao a tutti,vorrei diminuire lo spazio tra l'heander e il margine superiore e centrarla,template Sunnystyle e centrare ,qualcuno può aiutarmi


www.meteocanepina.it
« Ultima modifica: 29 Set 2013, 17:33:03 da Astra83 »

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:diminuizione margine superiore header e centramento
« Risposta #1 il: 29 Set 2013, 19:04:45 »
Quella distanza sopra la slideshow è determinata da questa regola a riga 20 del template.css
Codice: [Seleziona]
#section-top {
  height: 130px;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
}
Regola a piacere l'height.

Per la centratura (ma è brutta, realizza la slideshow della stessa larghezza del template, piuttosto) aggiungi
text-align: center;
a questa regola di riga 95
Codice: [Seleziona]
#top-gallery {
  height: 462px;
  margin-top: 0 !important;
  overflow: hidden;
  position: relative;
   top: 30px;
  width: 100%;
}
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Astra83

  • Esploratore
  • **
  • Post: 119
    • Mostra profilo
Re:diminuizione margine superiore header e centramento
« Risposta #2 il: 29 Set 2013, 20:40:50 »
Ho ridimensionato l'immagine, ma se provo ad allungarla per farla arrivare alla fine della linea grigia la ritaglia,io vorrei che l'immagine si vedesse completa e arrivasse fino al pari della linea grigia sotto

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:diminuizione margine superiore header e centramento
« Risposta #3 il: 29 Set 2013, 22:09:13 »
Chi la ritaglia? L'immagine che c'è adesso è larga 1050px Se guardi il sito con una  risoluzione a 1024 px si vede solo una parte della stessa essendo che il sito si ridimensiona al 70% della larghezza del monitor.
Se guardi il sito con  altre risoluzioni maggiori l'immagine si vede completamenmte solo oltre i 1500px.
Senza contare che nei piccoli dispositivi portatili non ha molto senso far occupare al sito solo il 70 per cento del monitor. Hai provato a guardare il sito con un tablet o un cellulare?
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Astra83

  • Esploratore
  • **
  • Post: 119
    • Mostra profilo
Re:diminuizione margine superiore header e centramento
« Risposta #4 il: 29 Set 2013, 22:11:08 »
io la vedo con uno schermo 22 pollici e l'immagine non arriva alla fine della linea grigia

Offline Astra83

  • Esploratore
  • **
  • Post: 119
    • Mostra profilo
Re:diminuizione margine superiore header e centramento
« Risposta #5 il: 29 Set 2013, 22:18:53 »
ho cambiato risoluzione allo schermo,anche a me risultava tagliata,e sinceramente è bruttissima,cosa mi consigli di fare?

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:diminuizione margine superiore header e centramento
« Risposta #6 il: 29 Set 2013, 23:19:08 »
Ti consiglio di usare un template realmente responsivo...
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

 



Web Design Bolzano Kreatif