[Pro] Backdraft twoLeft , twoRight

Having problems getting WOW slider and a graphic to play nice.
On the left is a graphic in an HTML div (twoLeft)
On the right I have a WOW slider in a div (twoRight)

They don’t resize at the same time. Not sure what I’m doing wrong here. The twoRight begins sizing before the twoLeft.

I would like them to size equally and at the same time.

Billy

http://smartytest.com/Greek/index.php


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Billy,

This might take some tweaking of the values, but should get you started:

  1. In the inspector, set the width of twoLeft to 41%.
  2. Set the width of twoRight to 58%.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hey Caleb,
So I tried your suggestion but that still didn’t do the job. Perhaps the image in the twoLeft should have the same exact dimensions? When I resized the width of the photo, it disappears because the two left div is to small now. However if you look at the site now, the Wow Slider is behaving perfectly. Maybe you could look at the file itself. I think I missing fundamental. here.

Billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hey Caleb,
So I was able to mess around with the percentages and also I applied the Flexible Image Action to the Image on the left. This allowed me to have the image scale above the original size. However I don’t know how to tell the Wow slider to do the same. Possible I need to recreate a new slider with my images much larger to get that to happen.

Any advice is helpful.

Billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Billy,

You’re almost there - just try giving twoLeft a max-width of 590px. This will keep it from scaling larger than the WOW Slider and also from looking pixelated on large displays.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Caleb that worked.
How did you decide on 590px?

Billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Also,
Is there a way to keep the WOW slider stuck to the right side of the Browser window no matter how far someone may open their window?

Billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

How did you decide on 590px?

Safari’s web inspector. I just tweaked the numbers until it looked right, and 590px was that point.

Is there a way to keep the WOW slider stuck to the right side of the Browser window no matter how far someone may open their window?

  1. In the menubar, go to Page > HTML Markup… > Before

  2. Paste this in:

     <style type="text/css">
         #wowslider-container1 {
             float: left;
         }
     </style>
    

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Whoops, sorry, that should be…

float: right;

not…

float: left;

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options