asked on

text and icons align to bottom over a footer

Hello I have this code with auto adjust in width the footer:

http://jsbin.com/ayeQOROh/1/edit

But if you see there are text and some icons down of the footer green what code needed to fix or add in that link I gave you to put that text and icons over the green footer?
You must take note that the green footer is auto adjusted in width in navigator and is important not destroy the code of other areas because they have important parts of other elements in page is just put the text and icons down the footer over the footer.

Thank you so much

teodor birca

You mean something like this?

http://jsbin.com/ayeQOROh/2

coerrace

ASKER

If you see there are down in the left centered some icons/pictures that are not shown because I don't include the file but you can see the empty boxes and at the right is the text you put over, but if you see identical that alignment of both text and icons/pictures must be over the green footer for now is just the text and all is not aligned. In other words is like the icons/pictures and text just move the same ammount up until be over the footer.
I have hours trying and I'm lost but you have part could you put with the rest?
the code to move up over the footer is:

<img src="wpimages/wpd558206d_06.png" border="0" width="47" height="47" name="roll_2" alt="" onmouseover="PPImgAction('over','roll_2')" onmouseout="PPImgAction('out','roll_2')" style="position:absolute;left:76px;top:28px;">
			<img src="wpimages/wp2ce72923_06.png" border="0" width="47" height="47" name="roll_1" alt="" onmouseover="PPImgAction('over','roll_1')" onmouseout="PPImgAction('out','roll_1')" style="position:absolute;left:137px;top:28px;">
		  <img src="wpimages/wp2fccadb5_06.png" border="0" width="47" height="47" name="roll_3" alt="" onmouseover="PPImgAction('over','roll_3')" onmouseout="PPImgAction('out','roll_3')" style="position:absolute;left:199px;top:28px;">
      <img src="wpimages/wp2219c97b_06.png" border="0" width="47" height="47" name="roll_4" alt="" onmouseover="PPImgAction('over','roll_4')" onmouseout="PPImgAction('out','roll_4')" style="position:absolute;left:259px;top:28px;">
		
<p class="Body-P"><span class="Body-C">text text text</span></p>
<p class="Body-P"><span class="Body-C">text text text text text text text text text text text text text text text</span></p>
<p class="Body-P"><span class="Body-C">text text text text text text text text text </span></p>

Open in new window

Thank you

teodor birca

if you just want that the images to be inside the footer you just need to remove the style attribute from the images .. position:absolute left, top attributes....

coerrace

ASKER

I did that and are inside the icons but upper the text and the text must be at the right. Can't make it work. If you can put in jsbin the code would be great to check.
Thank you

ASKER CERTIFIED SOLUTION

teodor birca

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

coerrace

ASKER

Thank you

teodor birca

Ur welcome .. happy i could help ...