Hi guys! I'd like to create a footer for my template here: http://testingarea.proyectoclave.com/ and have it look like this http://testingarea.proyectoclave.com/layout.gif (I know the pepper graphic looks awful but I'll fix that) . Basically, I need the footer to have a green background color and have the graphic center-aligned. I have little experience with CSS so I don't know how to go about modifying the HTML and CSS. Any sample code that I can use? THANKS! *I will pay $10 to whoever comes up with the code first and it works just like I want it.
Well you got a problem. Ain't no amount of CSS going to fix the fact that the layout is table based. You will have to either convert it to CSS or adjust the tables. But if you wanted to cheat you could.... take this line: <script language="JavaScript" type="text/javascript" src="footer.js"></script> And put it here with a div around it. <!-- END OUTER PAGE TABLE --> <div style="background:green;text-align:center;width: 100%;"> <script language="JavaScript" type="text/javascript" src="footer.js"></script> </div> </BODY> </HTML> Wouldn't recommend it. Would recommend rewriting the page to use CSS or adjusting the tables.
Cause it is mixing um styles of design. Best to go with all CSS/ Divs type of layout versus using tables. But its entirely legit as far as being valid code. And it should work. If it doesn't tell me and I'll show you what to change to make it work right for you.