Back to top

Autore Topic: Template beez: aggiungere una posizione top-image accanto al logo [risolto]  (Letto 10422 volte)

Offline queengab

  • Esploratore
  • **
  • Post: 125
    • Mostra profilo
Re:Template beez: aggiungere una posizione top-image accanto al logo
« Risposta #20 il: 21 Giu 2009, 17:03:36 »
Non va... l'altro div l'ho usato prorpio per contenere solo logo e immagine così da tenere separate la parte centrale con tutto l'header... Come mi hai suggerito la bara blu viene sparata in alto... e pure se aumento l'height... lo spazio non aumenta...

Comuqneu dai non ti vorrei farti perdere una giornata dietro un mio problema. Spero di rosolvere e di postare poi... Lo so che ho scelto la strada più complicata ma mi sembra la più netta...

Puoi spararmi una prova del tuo sito da qualche parte. Tieni presente che il css l'ho cambiato molto quindi sicuramente come mi dici tu è giusto però trovo difficoltà.

Grazie sei davvero prezioso! Se stai a Roma hai un cena assicurata!

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Template beez: aggiungere una posizione top-image accanto al logo
« Risposta #21 il: 21 Giu 2009, 17:08:23 »
te lo mandato in posta
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline queengab

  • Esploratore
  • **
  • Post: 125
    • Mostra profilo
Re:Template beez: aggiungere una posizione top-image accanto al logo
« Risposta #22 il: 21 Giu 2009, 18:41:01 »
Ti ringrazio mille. La tua soluzione è ottima però comunque dovevo provare a vedere se alla fine riuscivo a rimettere tutto apposto con la mia versione... e penso di avercela fatta. Ho scaricato un emulatore di ie ea desso sia col 6 che col 7 si vede bene... Bisognava semplicemente (mica tanto c'ho mesos 2 ore a capirlo) spostare il div top image fuori dall'h1 altrimenti ie leggeva male l'istruzione. Oltretutto in questa maniera ho potuto dare margin-top positivo all'immagine (prima era -180 non si può vedere).

Ora è perfetto!

Grazie davvero... adesso penso di poter scrivere risolto!

Buona domenica
Gabriele

Offline JohnBi

  • Nuovo arrivato
  • *
  • Post: 8
    • Mostra profilo
Re:Template beez: aggiungere una posizione top-image accanto al logo
« Risposta #23 il: 22 Giu 2009, 10:14:53 »
Un ciao a tutti,
mi inserisco nella discussione in quanto sto tentando anch'io una cosa simile, ma senza ottenere l'effetto desiderato. Prendendo spunto dai Vs suggerimenti:

Nel file index.php ho aggiunto:
<body>
   <div id="all">
      <div id="header">
      
      <div id="logo1">
        <img width="300" height="97" border="0" alt="Logo Beez, Three little Bees" src="/templates/beez/images/logoCopia.gif"/>
        </div>
      
   <h1 id="logo">
   <img src="<?php echo $this->baseurl ?>/templates/beez/images/logo.gif" border="0" alt="<?php echo JText::_('Logo Beez, Three little Bees'); ?>" width="300" height="97" />

Poi nel file layout.css
#logo1{
   font-size:1em !important;
   font-weight:bold !important;
   position:relative;
   text-align:left;
   text-transform:none !important;
   z-index:0;
   margin-top:1em;
   fload:left;
}
Il risultato è:
#logo1 in alto a dx
#logo sotto a logo1 ma in basso a sx. Ma non affiancati come vorrei ottenere.

Mi potete dare qualche ulteriore indicazione in quanto sono proprio new new new...
Ciao e grazie
John

Offline queengab

  • Esploratore
  • **
  • Post: 125
    • Mostra profilo
prova a dare a logo1 un display block e vedi se affianca i due div... poi dai un text-align: left e dovresti avere l'immagine a sinistra... usi firebug e webdeveloper toolbar?

Se vuoi prova a fare come ho fatto io...
Io però ho creato un altro div che contiene logo e immagine a destra in maniera tale da tenere più ordinato.

Ognuno opta per una strada... hai visto qui? http://gabweb.homepc.it/Joomla_risvolti

vai con la webdeveloper toolbar e copia il codice...


Gabriele
« Ultima modifica: 22 Giu 2009, 18:40:46 da queengab »

 



Web Design Bolzano Kreatif