scripts in footer

[Andy c]

Hi

I am trying to add 3 shop scripts to my footer under common
just above the ip address
but when I do it it seems to add them to the next line down as in steps ... am using <div align="center"> left and right

how can I go about getting them all in a straight line plz

I have removed it from my site
thanks

[JhnStcks]

Are you using a different div for each separate script?

[Andy c]

yeah
I found that by using <div align="left"> <div align="right"> put them where I wanted them to go until I saw the outcome which wasn't much good

[JhnStcks]

If you use only one div to wrap all the code it will keep them together on one line

[seamus]

instead of just using <div align="right"> code here </div>
give the div an id like this
<div id="footer_bit"> (you can call it what ever you want)
code here
</div>
(always remember to close the div)

then add that div to your stylesheet like this:

#footer_bit {
display:inline;
}

and you can use that to control the part of the footer you want to, just play with the styling rules until it does what you need it to

[Andy c]

Hi
OK that worked great but they are now next to each other ...would like it to be left, right  + another for the middle
here is what it looks like now ... had a play around but can't adjust it ,as everytime I do something it goes back to 1 step down as before

thank you

<div id="footer_Ad">
<a href="http://www.shopmania.co.uk/" title="Visit ATS World on ShopMania" onclick="target='_blank'; window.open('http://www.shopmania.co.uk/site/atsworld.co.uk'); return false;" onkeypress="target='_blank'"><img src="https://secure.shopmania.com/img/cert/shopmania-store-uk.gif" style="border: 0;" alt="Visit ATS World on ShopMania" />[/url]
</div>

<div id="footer_Ad">
<a class="tf_upfront_badge" href="http://www.thefind.com/store/about-atsworldcouk" title="TheFind Upfront"><img  border="0" src="//upfront.thefind.com/images/badges/r/77/eb/77eb726abe787bcf4d7745d35ffd1225.png" alt="ATS World is an Upfront Merchant on TheFind. Click for info."/>[/url]
  <script type="text/javascript">
    (function() {
      var upfront = document.createElement('SCRIPT'); upfront.type = "text/javascript"; upfront.async = true;
      upfront.src = document.location.protocol + "//upfront.thefind.com/scripts/main/utils-init-ajaxlib/upfront-badgeinit.js";
      upfront.text = "thefind.upfront.init('tf_upfront_badge', '77eb726abe787bcf4d7745d35ffd1225')";
      document.getElementsByTagName('HEAD')[0].appendChild(upfront);
    })();
  </script>
</div>

&


add right at the bottom

#footer_Ad {
display:inline;
}
 

[seamus]

you've doubled up with the div id

you should have both div's called somthing different if you're using two, or you could wrap the whole lot in one single div

call the second div "footer_Ad2"

and add

#footer_Ad2 {
display:inline;
}

to your stylesheet,
you can add more styling rules to position them better, margin-right:30px; if you want to move the div to the right etc

[Andy c]

OK that part was easy where do you put "margin-right:30px;"
I take it it goes with this somehow

#footer_Ad2 {
display:inline;
}

I've looked at other coding tried different things as well but it always seems to end up underneath

thanks again

[seamus]

the margin-right was just an example of what you could do if you wanted to move one of the divs slightly right

eg,
#footer_Ad2 {
display:inline;
margin-right:30px;
}

would move whatever is in that div, right by 30 pixels

there's plenty more you can do with those divs using css to line them up and put them where you need them, but it will affect other parts of the page around it.
You'll need to work around other widths and positions of anything else in your footer, theres probably a width somthere thats stopping them all sitting neatly on one line,

[seamus]

is it the shopwiki logo that you want to sit next to the other two logos in the footer?
if it is, the code for the shop wiki logo will need moved as its sitting inside another div which will always cause it to sit underneath the other two,

find the code for the shopwiki logo and move it next to the other logos, or vice versa

[Andy c]

hi again

sorry they are on 1 line now just can't get 1 of them to the right of the page ..I tried it and it doesn't move( meaning I copy/pasted 1 post up eg ...) ..have even tried moving it just a little and it wont budge .... But when I used <div align="right"> it was on the right but a line down, so nothing can be there ..or can something be blocking it

thanks again

[Andy c]

no the shop wiki is still  under banner manager  ... but once I figure out left and right I want to put it there too , to free up the banners

[seamus]

change the #footer_Ad2 to this:

#footer_Ad2 {
    display: inline;
    float: right;
}

[Andy c]

there we go
and with the middle do I change to middle instead of right ..pure guess here


er tried it and it failed lol

[Andy c]

thanks for your help ..that should make the "the find" happier ..well I hope it does