dmertz11Hi - total noob here, this is the first wordpress site I've ever worked on, and I'm no wizard of php/css/html either. Any help is greatly appreciated.
Site - http://www.pnwraptors.com/newsite/
Theme - Twenty Eleven
Plugin - CIMY Header Image Rotator
Trying to get a rotating header image set up. I've tried several plugins for this. Many don't work, others seem to have really restricted options.
This Cimy one seems ok, except one problem - if I don't leave it floating left, it creates some arbitrary space between the images and the menu. I have fiddled with the code and asked a friend for help, and he can't figure it out either. I've loaded it in 3 different browsers and it acts the same in each. If I leave it floating left, there is no gap, but obviously the images don't align with the rest of the theme.
Here's the header image rotator code - the plugin generates it for you, all I've done is change the float from left to mid.
<div id="cimy_div_id_0">Loading images...</div>
<div class="cimy_div_id_0_caption"></div>
<style type="text/css">
#cimy_div_id_0 {
float: left;
margin: 1em auto;
border: 0px solid #000000;
width: 1000px;
height: 288px;
}
div.cimy_div_id_0_caption {
position: absolute;
margin-top: 175px;
margin-left: -75px;
width: 150px;
text-align: center;
left: 50%;
padding: 5px 10px;
background: black;
color: white;
font-family: sans-serif;
border-radius: 10px;
display: none;
z-index: 2;
}
</style>
<noscript>
<div id="cimy_div_id_0_nojs">
<img id="cimy_img_id" src="http://www.pnwraptors.com/newsite/wp-content/Cimy_Header_Images/0/20120125_6-1000x288.jpg" alt="" />
</div>
</noscript>Again, really appreciate any advice on this.
