[SOLVED] Browser ignoring CSS Position: property - help me rule out ATA or WP please
Hello,
I want to use a simple image fader on this WP site with ATA theme - http://bit.ly/KNT3rl Chrome and firebug tell me that the relevant CSS is being read but the browser is ignoring the positioning property Consequently the images float under each other rather than being absolutely positioned and shuffled due to z index I have given imgs coloured 6px borders to show what is going on For reference here is another site I built where the effect works as it should QUESTION: is there something about either WP or ATA which would cause the position propery to be ignored/overidden PS - it still gets ignored if I use !important; CSS - Code:
.post div#slideshow IMG { |
where are you adding the jscript?
|
At the moment - and as a planned temp measure - it is hard coded into header.php - (see extract below)
But - I started off pasting it into ATO HTML/CSS inserts - Header Section The script seems to execute by virtue of the opacity fading and 'class' appendages to each image (as evidenced by the border color changes) Just the positioning doesnt' do its thing.. Code:
... |
Depending on what the script does, I seen jscripts ignore CSS positioning. This is one of the issues with the fade in/out code Atahualpa uses (CrossSlide jQuery plugin by Tobia Conforto). It ignores the CSS positioning and puts things at position 0,0
without access to the script/plugin I can't tell you much - have you asked the author about it? |
Thanks JD -
It may have to go in the 'weird' pile then... FWIW here is the script and the CSS - and as per the OP my site where it executes as it should Code:
<script type="text/javascript"> Code:
.post div#slideshow { |
ummm...so...just where did you put that css?
|
A ha ! - SOLVED
Well I had put it in an external CSS file (and obviously provided a link to this file at the top of ATO HTML/CSS inserts) This caused the CSS border and width properties to be displayed but not the position property. Bizarre - but as you say js scripts sometimes do this HOWEVER when I added the CSS directly to ATO (using HTML/CSS inserts) the position property is executed. (using this ATO feature cause the CSS to be added directly to the <head> of the page (right?) in addition to all the other CSS generated by ATO) My js now works - but I wonder why it was ignoring one part of a range of CSS properties when they were in an external file.? So what I have here is my JS hardcoded into header.php and the CSS effectively in the <head> of the same page. As it works I am going to 'let sleeping dogs lie' and just make a note to remember to update header.php if/when I upgrade ATA for this site Thanks JD |
All times are GMT -6. The time now is 01:55 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.