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

Viewing 15 replies - 1 through 15 (of 16 total)
  • bmorris110

    (@bmorris110)

    and how can i get the text under specialities to match on both firefox and safari?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Which part is ‘order list footer’ ?
    Is it

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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    If so, you have absolute positioning which cancels floats.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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.

    bmorris110

    (@bmorris110)

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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

    bmorris110

    (@bmorris110)

    next to the peel, to the left of it.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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

    bmorris110

    (@bmorris110)

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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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

    bmorris110

    (@bmorris110)

    hm… still didn’t do it.

    bmorris110

    (@bmorris110)

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

    bmorris110

    (@bmorris110)

    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)

    Forum moderator

    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

    bmorris110

    (@bmorris110)

    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.