Back to top

Autore Topic: Il logo non si sposta nemmeno ammazzato  (Letto 916 volte)

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Il logo non si sposta nemmeno ammazzato
« il: 05 Mar 2010, 19:11:02 »
che nervi...
quel diavolo di logo che vedete in alto a sinistra non si sposta nemmeno ucciso..
qui il css:

Codice: [Seleziona]
#logo {
float:left;
height:130px;
background: transparent url(../images/top.jpg) top left no-repeat;
width:960px;
}

#logo h1 {

bottom:46px;
left:40px;
  height: 50px; width: 400px; background: url(../images/logo.png)top left no-repeat;
}

qui l'index.php
Codice: [Seleziona]
<div id="logo"><a href="index.php"><img src="templates/<?php echo $this->template ?>/images/logo.png"</a>
<div id="search">
<jdoc:include type="modules" name="user4" />
</div>
        <div class="clr"></div>

L'immagine top.jpg è lo sfondo dell'header dove c'è il logo...
« Ultima modifica: 07 Mar 2010, 20:49:31 da vAmBa »
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline Monty81

  • Nuovo arrivato
  • *
  • Post: 3
    • Mostra profilo
Re:Il logo non si sposta nemmeno ammazzato
« Risposta #1 il: 05 Mar 2010, 20:11:54 »
Ciao!
Ho guardato ai raggi X (con firebug) il tuo sito e in "template.css", dove c'è
img, table
border: medium none;

ho inserito
padding: 1px 0px 0px 1px;
Se giochi su questi valori, farai "muovere" il logo a tuo piacimento.

Ricorda che se lo sposti, dovrai mettere gli stessi valori del padding anche dove c'è
a:hover, altrimenti quando ci passi su con il mouse, torna al punto di partenza.

Saluti.
« Ultima modifica: 05 Mar 2010, 20:19:00 da Monty81 »

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Il logo non si sposta nemmeno ammazzato
« Risposta #2 il: 05 Mar 2010, 23:51:33 »
Ciao!
Ho guardato ai raggi X (con firebug) il tuo sito e in "template.css", dove c'è
img, table
border: medium none;

ho inserito
padding: 1px 0px 0px 1px;
Se giochi su questi valori, farai "muovere" il logo a tuo piacimento.

Ricorda che se lo sposti, dovrai mettere gli stessi valori del padding anche dove c'è
a:hover, altrimenti quando ci passi su con il mouse, torna al punto di partenza.

Saluti.
hey monty intanto grazie mille per l'Niente di importante mi son sbagliato/a...
comunque il logo si sposta ma si è creato un altro problema!
si sposta lo slider di sotto, perchè il browser lo vede come tabella, ma anche tutte le altre tabelle!!
e poi se passi sopra il logo con il mouse ti accorgi che si smuove un pò...! ???
« Ultima modifica: 05 Mar 2010, 23:57:57 da Escomputers »
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Il logo non si sposta nemmeno ammazzato
« Risposta #3 il: 06 Mar 2010, 00:39:20 »
dai si sposta tutto quello che vuoi sensa fare muove di un px quello che lo circonda  al posto del padding
qui su questo css aggiungi quello che vedo in questo modo lo muovi dove vuoi tu
Codice: [Seleziona]
a img {
border:0 none;
margin-left:27px;
margin-top:13px;
}

se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

 



Web Design Bolzano Kreatif