ΠΡΟΣΘΗΚΗ ΕΙΚΟΝΑΣ ΣΤΟ FOOTER

Καλημέρα σε όλους,
Λίγη βοήθεια από τους experts παρακαλώ..??
Θέλω να βάλω το logo του paypal αριστερά στο footer (αντίθετα από το powered) και κάνω τα εξής:

1. Ανεβάζω την paypal.png (225χ40)στο ../theme/default/image

2. Ανοίγω το css και προσθέτω κάτω από το powered αυτό:

#footer .paypal {
top: 5px;
left: 0px;
background: url('../image/paypal.png') no-repeat;
width: 225px;
height: 40px;
}

3. Ανοίγω το ../template/common/footer.tpl και προσθέτω ένα div ακριβώς κάτω από το powered και γίνεται έτσι:

<div id="powered"><?php echo $powered; ?></div>
<div class="paypal"></div>

Κοντεύει να με τρελάνει γιατί έκανα το ίδιο στο header με άλλη εικόνα κάτω από το 'αναζήτηση' και το κατάφερα μια χαρά. Στο footer δεν καταλαβαίνω τι φταίει.
Αν έχει κάποιος την καλοσύνη να με βοηθήσει, θα ήθελα πολύ να μάθω το γιατί στο header δούλεψε και όχι στο footer.

Ευχαριστώ εκ των προτέρων,
Αλέξανδρος

Γιατί το #footer .paypal αναφέρεται σε ότι βρίσκεται μέσα στο <div id="footer"> ... </div> και εσύ έχεις τοποθετήσει το <div class="paypal"></div> από κάτω ...

Opencart-Hellas wrote:Γιατί το #footer .paypal αναφέρεται σε ότι βρίσκεται μέσα στο <div id="footer"> ... </div> και εσύ έχεις τοποθετήσει το <div class="paypal"></div> από κάτω ...

Κατ' αρχήν ευχαριστώ πολύ για την απάντηση!

Δεν μου είπες όμως πως πρέπει να το κάνω... ίσως φταίω εγώ που δεν είπα οτι δεν έχω ιδέα προγραμματισμού.. πειράματα κάνω!
Μου λες δηλαδή οτι φταίει η διάταξη?
Θα έπρεπε το <div class="paypal"></div> να βρίσκεται πάνω από το <div id="footer">?
Αν είναι αυτό, το έκανα ήδη και δεν δουλεύει...
Θα μου πεις πως ακριβώς πρέπει να το κάνω?

Ευχαριστώ

Αν δε μου πεις που ακριβώς θέλεις να φαίνεται δε μπορώ να σου πω περισσότερα ...

Όταν λέω μέσα μέσα στο <div id="footer"> ... </div> εννοώ ...
<div id="footer"><div class="paypal"></div></div>

Αλλά και όπως το είχες αρχικά μπορεί να το κάνεις να εμφανίζεται αν το γράψεις έτσι ...
.paypal {
background: url('../image/paypal.png') no-repeat;
width: 225px;
height: 40px;
}

Ευχαριστώ και πάλι..
Έγραψα όμως που θα το ήθελα να φαίνεται.. επισυνάπτω και φωτο.

Θέλω να βάλω το logo του paypal αριστερά στο footer (αντίθετα από το powered) και κάνω τα εξής:

Τελικά δεν δουλεύει ούτε με τον ένα ούτε με τον άλλο τρόπο. Την 'paypal.png' την έχω στο path .../catalog/view/theme/default/image ...σωστά?

Με το 1ο τρόπο γράφω στο css:
.paypal {
top: 0px;
left: 0px;
background: url('../image/paypal.png') no-repeat;
width: 225px;
height: 40px;
}
και στο footer.tpl γράφω:
<div class="paypal"></div>
<div id="powered"><?php echo $powered; ?></div>
---------------------------------------------------------
Με το 2ο τρόπο γράφω στο css:

#footer .paypal {
top: 0px;
left: 0px;
background: url('../image/paypal.png') no-repeat;
width: 225px;
height: 40px;
}

και στο footer.tpl γράφω:

<div id="footer"><div class="paypal"></div></div>
<div id="powered"><?php echo $powered; ?></div>
----------------------------------------------------------
Δεν ξέρω αν και πάλι κάνω κάποιο λάθος...
Υπάρχει άλλη εναλλακτική?

Ευχαριστώ

Σωστά ... δεν το είχα προσέξει ...

Λοιπόν, ναι το path της εικόνας είναι σωστό

Εφόσον το θές κάτω κάτω αριστερά βάλτο μέσα στο powered div ... css
πρίν από το κάνε paste αυτό παίξε με τα margins / για να τοποθετήσεις την εικόνα όπως θες. Αν πάλι δεν δεις εικόνα, έλεγξε αν το αρχείο της εικόνας έχει σωστά permissions (644) στο server και αν οι διαστάσεις είναι έως 300 χ 100px.

Και διάβασε και κάνα βιβλίο css, θα σου φάει το πολύ μία εβδομάδα για να μάθεις ότι χρειάζεσαι και θα γλυτώσεις πολύ κόπο από το να κάνεις αλλαγές στα τυφλά ... διότι όποιος βαριέται να ζυμώσει ... παθαίνει τενοντίτιδα από τα πολλά refresh στις δοκιμές css

Χίλια ευχαριστώ Opencart-Hellas..!!!

Δούλεψε τελικά ακολουθώντας ότι μου υπέδειξες... τα permissions και οι διαστάσεις της εικόνας ήταν σωστά και δεν χρειάστηκε να τα αλλάξω.

Δες το και στην επισύναψη.

Ευχαριστώ πολύ!
Αλέξανδρος.