Joomla Templates Club 406,261 posts

[jjsmulo Friend jjsmuloJoin date: March 2007Posts: 70Downloads:0Uploads:10 Thanks: 10]

#148219

Hello,

For some reason in Internet Explorer there is boxes around the icons on this page http://www.mcl1155.org/helpful-websites/mcl-social-media

They don’t show up in Firefox. Any idea how to get rid of these?

[jay973 Friend jay973Join date: October 2008Posts: 401Downloads:0Uploads:12 Thanks: 28 Thanked: 105 times in 68 posts]

#330967

On line 487 of your template.css you need to adjust this:

.article-content img {
border:1px solid #DDDDDD; <———— Delete this line
margin-right:15px;
margin-top:3px;
padding:3px;
}

Hope this helps,

Jason.

[jjsmulo Friend jjsmuloJoin date: March 2007Posts: 70Downloads:0Uploads:10 Thanks: 10]

#331011

Jason,

Thanks for your response. I deleted that line, but nothing changed in IE, and now in Firefox the hyperlink to the text goes all the way to the left under the icons. I’m leaving it there temporarily so you can see at http://www.mcl1155.org/helpful-websites/mcl-social-media

Any other ideas?

Thanks,

John

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#331650

Hello guy!

Sorry for my delay.

With the IE browser, the template has loaded more a css file, its name is ie.php

Please open the file templates/ja_tube/css/ie.php and try to find codes ;

.article-content img {
border:1px solid #DDDDDD;
margin-top:3px;
margin-bottom:0;
margin-right:0;
margin-left:5px;
}

and so that you make yours change in the template.css and this file

[jjsmulo Friend jjsmuloJoin date: March 2007Posts: 70Downloads:0Uploads:10 Thanks: 10]

#331698

Thank you for the help. Its almost right. But now there is a gap between the top two icons and the bottom four. How can I make these equally spaced?

Thanks.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#331935

Yes

I checked the source of articles:

<table cellspacing=”2″ cellpadding=”2″>
<tbody>
<tr>
<td>
<p><a href=”http://www.facebook.com/group.php?gid=116972510359&ref=ts” target=”_blank”><img width=”32″ height=”32″ align=”middle” alt=”” src=”http://www.mcl1155.org/images/stories/facebook.png” style=”padding-top: 2px; padding-left: 2px;” />MCL FaceBook</a></p>
</td>

<td><a href=”http://www.flickr.com/groups/mcl1155/” target=”_blank”> <img width=”32″ vspace=”5″ hspace=”5″ height=”32″ align=”middle” src=”http://www.mcl1155.org/images/stories/flickr.png” alt=”” />MCL Flicker </a></td>
</tr>
<tr>
<td><a href=”http://www.youtube.com/user/MarineCorpsNews” target=”_blank”><img width=”32″ vspace=”5″ hspace=”5″ height=”32″ align=”middle” alt=”” src=”http://www.mcl1155.org/images/stories/youtube.png” />USMC YouTube</a></td>
<td><a href=”http://twitter.com/MarineCorpsNews” target=”_blank”><img width=”32″ vspace=”5″ hspace=”5″ height=”32″ align=”middle” alt=”” src=”http://www.mcl1155.org/images/stories/twitter.png” />USMC Twitter</a></td>
</tr>
<tr>

<td><a href=”http://www.flickr.com/photos/marine_corps/” target=”_blank”><img width=”32″ vspace=”5″ hspace=”5″ height=”32″ align=”middle” alt=”” src=”http://www.mcl1155.org/images/stories/flickr.png” />USMC Flickr</a></td>
<td><a href=”http://www.marines.mil/usmc/Pages/feeds.aspx” target=”_blank”><img width=”32″ vspace=”5″ hspace=”5″ height=”32″ align=”middle” alt=”” src=”http://www.mcl1155.org/images/stories/RSS-32.png” />USMC RSS Feeds</a></td>
</tr>
</tbody>
</table>

You make the html incorrect :
please remove style attribute, “vspace” attribute, hspace inside img tag:
example for this the above codes:

<table cellspacing=”2″ cellpadding=”2″>
<tbody>
<tr>
<td>
<p><a href=”http://www.facebook.com/group.php?gid=116972510359&ref=ts” target=”_blank”><img width=”32″ height=”32″ align=”middle” alt=”” src=”http://www.mcl1155.org/images/stories/facebook.png” />MCL FaceBook</a></p>
</td>

<td><a href=”http://www.flickr.com/groups/mcl1155/” target=”_blank”> <img width=”32″ height=”32″ align=”middle” src=”http://www.mcl1155.org/images/stories/flickr.png” alt=”” />MCL Flicker </a></td>
</tr>
<tr>
<td><a href=”http://www.youtube.com/user/MarineCorpsNews” target=”_blank”><img width=”32″ height=”32″ align=”middle” alt=”” src=”http://www.mcl1155.org/images/stories/youtube.png” />USMC YouTube</a></td>
<td><a href=”http://twitter.com/MarineCorpsNews” target=”_blank”><img width=”32″ height=”32″ align=”middle” alt=”” src=”http://www.mcl1155.org/images/stories/twitter.png” />USMC Twitter</a></td>
</tr>
<tr>

<td><a href=”http://www.flickr.com/photos/marine_corps/” target=”_blank”><img width=”32″ height=”32″ align=”middle” alt=”” src=”http://www.mcl1155.org/images/stories/flickr.png” />USMC Flickr</a></td>
<td><a href=”http://www.marines.mil/usmc/Pages/feeds.aspx” target=”_blank”><img width=”32″ height=”32″ align=”middle” alt=”” src=”http://www.mcl1155.org/images/stories/RSS-32.png” />USMC RSS Feeds</a></td>
</tr>
</tbody>
</table>

[Author]

Posts