html help

[esham]

Im trying to get this

To look like this


Ive got to much spacing and the text looks messed - shadowed? The original has underline on hover text. Mine underline is removed when i high light text. Same html

This is the same html from another site

<div style="margin:0 auto;padding:10px;border:2px solid black;background-color:white;width:960px;" align="center">
<p style="padding:5px;"><b><a style="color:red;font-size:18px;" href="/6.php" target="_blank">FREE PORN</a></b></p>
<iframe src="http://chaturbate.com/affiliates/in/x1Rd/00xTZ/?track=pornmadefooter&amp;c=5&amp;p=1" allowtransparency="true" scrolling="no" marginheight="0" marginwidth="0" align="MIDDLE" height="280px;" width="950px;" frameborder="No">&nbsp;</iframe>
</div>

[pinkmasterx]

With url it's easier to help you.

You can use firebug firefox plugin to debug this.

[SpotOnTechSupport]

Declared widths (960px) are not your friend. Figure out the percentage that you need. That will also make your site different resolution friendly. iframes unless you control them are also not easy to re-space unless you can get your CSS to override them.

Edit: I had a friend that knows CSS look at it and he said: You've got a div with a 10px padding, followed by a paragraph with a 5px padding. That's probably the gap you've got at the top. If you want to keep the padding everywhere else the same then you'll want to change the padding on the div to 0px 10px 10px 10px. I'd keep the padding on the <p> the same to still leave some breathing room in there. As far as text under the images, you can't really do anything with that, as it's being pulled from another site, and they're the ones applying the styling. The reference site you gave has styling similar to the second option. Pink is right, having your URL would be much easier.