This HTML code:
<a href="https://www.facebook.com/anahnarciso" target="_blank"><img alt="Facebook" src="http://anahnarciso.com/sites/default/files/logos/facebook.png" /></a><a href="https://twitter.com/anahnarciso" target="_blank"><img alt="Twitter" src="http://anahnarciso.com/sites/default/files/logos/twitter.png" /></a><a href="https://foursquare.com/anahnarciso" target="_blank"><img alt="Foursquare" src="http://anahnarciso.com/sites/default/files/logos/foursquare.png" /></a><a href="http://www.linkedin.com/profile/view?id=29455953" target="_blank"><img alt="LinkedIn" src="http://anahnarciso.com/sites/default/files/logos/linkedin.png" /></a><a href="http://anahnarciso.com/content/my-other-social-network-profiles" target="_blank">See my other social networks...</a>
Returns this (Corporate Clean theme, Full HTML filter): attached picture wrong.png
Instead of this (Garland theme, Full HTML filter): attached picture right.png
This only happens in Corporate Clean theme. I have "automatic line breaks" disabled.
Do you know what's wrong?
| Comment | File | Size | Author |
|---|---|---|---|
| right.png | 8.65 KB | anahnarciso | |
| wrong.png | 8.93 KB | anahnarciso |
Comments
Comment #1
dman commentedDid you view-source? Seeing as you've shown two screenshots with different themes, and it's with this theme that you are having problems, it's probably a theme css thing.
Have you tried the DOM/Element inspector? You may find in the css that
imgtags havedisplay:block; float:left; clear:allor something like that in it.That's what it looks like from just a screenshot.
Yep. there is is: http://drupalcode.org/project/corporateclean.git/blob/refs/heads/master:...
Comment #2
anahnarciso commentedI removed
display:blockfrom aimg { border:none; outline: none; display:block; overflow:hidden; }in style.css and that did it.Thank you, it's fixed!