Wordpress - Αλλαγές σε css δεν φαίνονται!

[jmallen3]

Προσπαθώ να προσθέσω καποια banner σε ενα wordpress site και ενω εχω δημιουργησει τη class και στο syles.css δεν μπορεί να συνδεθει με το αρχείο php που την εχω βάλει με αποτέλεσμα να μην μπορώ να βαλω εκει που θελω τα banners. 

 

Μπορει καποιος να βοηθησει?? Πρώτη φορά μου συμβαίνει αυτό...

 

εχω βάλει:

<div class="bannersnew"><img src="images/banners/OLPA logo web.jpg" /></div>

 

και στο styles.css:

 

.bannersnew {

border: none;

color: #000000 !important;

text-decoration: none;

margin: 0px 0 0 0;

position: absolute;

left: 20px;

top: 880px;

}

 

 

[jmallen3]

Τελικά βρήκα τη λύση στο παραπάνω, αλλα μπορεί κάποιος να μου πει πως μπορώ να κάνω τα bannerakia αυτα να μενουν στην θεση τους και να μην καλυπτουν αλλα στοιχεια της σελιδας οταν καποιος εχει μικροτερη οθονη απο τη δικια μου ή κάνει zoom? 

 

Γιατι αν κανει καποιος zoom τωρα πανε σε τελειως αλλη θεση και καλυπτουν αλλα πραγματα της σελιδας...

[SlackulatoR]

Δοκίμασε το παρακάτω με τα margin. Σε αυτό που λες ότι μετακινείται ευθύνεται το absolute position οπότε δοκίμασε και relative.

.bannersnew {
border: none;
color: #000000 !important;
text-decoration: none;
margin: 0px 0 0 0;
position: absolute;
margin-left: 20px;
margin-top: 880px;
}

[jmallen3]

Το δοκίμασα και αυτό αλλά πάλι δεν φαίνονται καλά στις μικρότερες αναλύσεις.

 

Κοιτάξτε εδώ εαν βοηθάει: https://quirktools.com/screenfly/#u=http%3A//www.sana.gr/&w=1920&h=1080&a=1

[SlackulatoR]

Με relative position δοκίμασες; Και στο αριστερό αλλά και στο δεξί div.

Δοκίμασε και τον κώδικα παρακάτω με τον οποίο τοποθετείς ένα div δίπλα σε άλλο:

#wrapper {
width: 500px;
border: 1px solid black;
overflow: hidden; /* will contain if #first is longer than #second */
}
#first {
width: 300px;
float:left; /* add this */
border: 1px solid red;
}
#second {
border: 1px solid green;
overflow: hidden; /* if you don't want #second to wrap below #first */
}

[jmallen3]

 

Με relative position δοκίμασες; Και στο αριστερό αλλά και στο δεξί div.

Δοκίμασε και τον κώδικα παρακάτω με τον οποίο τοποθετείς ένα div δίπλα σε άλλο:

#wrapper {
width: 500px;
border: 1px solid black;
overflow: hidden; /* will contain if #first is longer than #second */
}
#first {
width: 300px;
float:left; /* add this */
border: 1px solid red;
}
#second {
border: 1px solid green;
overflow: hidden; /* if you don't want #second to wrap below #first */
}

 

Το δειχνει ωραια ο κωδικας αυτος σε 2 στηλες αλλά οχι στη θέση που θελω, δηλαδή στα δεξια.

Πως να το παω εκει?

[SlackulatoR]

Θα βάλεις margin-left στο #wrapper.

[jmallen3]

Εβαλα αλλά δεν γίνεται τίποτα...

[SlackulatoR]

Καταρχάς για να δουλέψει τα divs με τα banners πρέπει να τα βάλεις μέσα στο table του κυρίως περιεχομένου η στο ανάλογο column του table στα δεξιά. Εφόσον έχεις φτιάξει table δεν θα χρειάζεται να πειράξεις το css απλά βάλε ένα column για τα banners.