Support » Themes and Templates » can't get text to float right

Viewing 15 replies - 1 through 15 (of 16 total)
  • and how can i get the text under specialities to match on both firefox and safari?

    Moderator Andrew Nevins

    (@anevins)

    Which part is ‘order list footer’ ?
    Is it

    <div id="footer-2" ...

    Moderator Andrew Nevins

    (@anevins)

    If so, you have absolute positioning which cancels floats.

    Moderator Andrew Nevins

    (@anevins)

    If you want a cross-browser compatible website, you’ll first need to make sure this website conforms to the W3C (World Wide Web Consortium) standards.
    Then paddings and margins will still cause problems, even so you should validate your website first.

    what would be the best way to have the footer-2 div positioned the bottom right corner of the page?

    Moderator Andrew Nevins

    (@anevins)

    Whereabouts in the bottom right corner?
    Next to the peel or underneath the white background?

    next to the peel, to the left of it.

    Moderator Andrew Nevins

    (@anevins)

    I’d move that peel inside <div id=”footer-2>
    E.g

    <div id="footer-2">
    
    <div class="footer_text" style="
        text-align: left;
    ">
    <ul id="footer_nav">
    <li><a href="http://www.fugostudios.com" onclick="window.open('http://www.fugostudios.com','', 'width=1024, height=695, location=no, menubar=no, status=no,toolbar=no, scrollbars=no, resizable=no'); return false">FUGOstudios.com</a></li>
    <li><a href="http://goo.gl/maps/WWX3" onclick="window.open('http://goo.gl/maps/WWX3','', 'width=1000, height=600, location=no, menubar=no, status=no,toolbar=no, scrollbars=no, resizable=no'); return false"> 587 Virginia Ave Atlanta, GA 30306</a></li>
    <li><a class="smcf-link"> (404) 537-5055</a></li>
    <li><a class="smcf-link"> mail@fugostudios.com</a></li>
    <li><a>1</a></li>
    </ul></div><a class="peel" href="http://fugostudios.com/mediakit/pg3"><img src="http://fugostudios.com/wp-content/themes/FUGOstudios/images/mediakit/pagepeelA.jpg" onmouseover="this.src='http://fugostudios.com/wp-content/themes/FUGOstudios/images/mediakit/pagepeelB.jpg'" onmouseout="this.src='http://fugostudios.com/wp-content/themes/FUGOstudios/images/mediakit/pagepeelA.jpg'" original="http://fugostudios.com/wp-content/themes/FUGOstudios/images/mediakit/pagepeelA.jpg" style=""></a></div>

    Then maybe change ‘text-align: right’ to ‘left’ on the <div class="footer_text">

    That looks like you’re almost there, just a few more tweaks

    that didn’t seem to get it to align with the bottom of the page tho.

    Moderator Andrew Nevins

    (@anevins)

    I’m sorry, I forgot to add:
    Take away float from footer-2

    Edit:

    That looks like you’re almost there, just a few more tweaks

    hm… still didn’t do it.

    could you have a look again and see what i am missing?

    I also, can’t seem to get this right arrow button to stay on the right side of the page. any tips for this?

    Moderator Andrew Nevins

    (@anevins)

    I also, can’t seem to get this right arrow button to stay on the right side of the page. any tips for this?

    I can’t see a right arrow

    fugostudios.com/mediakit/pg1 has the arrow visible.
    i dunno where it is on pg2 but it should be somewhere.

    but trying to get arrows on the left and right side of the white page.
    and still can’t get that footer to work right.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘can't get text to float right’ is closed to new replies.