Here is what I want the final banner to look like:
I have coded the .CSS and added the jquery to my html file and now it looks like this:
The banner dimensions are 300x100px. So I put it in an iFrame. This is what my iframe looks like:
<p><iframe src="barFinal.html" frameborder="0" height="100" scrolling="no" width="300"></iframe></p>
However this is the result that I get:
As you can see, part of it is cut off height-wise and the last tab is completely gone. After playing around with my iframe code, I made the height a bit larger. I discovered that the last tab went to another row:
My question is how can I make the last tab stay in the same row and how can I make my html link actually fit the dimensions of my iframe?