and how can i get the text under specialities to match on both firefox and safari?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Which part is ‘order list footer’ ?
Is it
<div id="footer-2" ...
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If so, you have absolute positioning which cancels floats.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Whereabouts in the bottom right corner?
Next to the peel or underneath the white background?
next to the peel, to the left of it.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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
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?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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.
