Joomla Templates Club 406,261 posts

[datalink Friend datalinkJoin date: July 2008Posts: 3Downloads:0Uploads:1 Thanks: 2]

#133475

When opened in Internet Explorer 7.0 (on Vista Business SP1) sublogo is shifted upward and exits the boundaries of the bottom black ribbon. What is strange is after something is opened in another tab, sublogo gets in it’s place. In IE 6.0 and FireFox 2.0 everything is normal.

Here is the link: http://www.datalink.me/index.php/vmchk/Konfiguracije.html. If you don’t see it immediately, try refreshing the page.

Attached is the image of what it looks like.

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#271313

Hi datalink !
You can fix it following way below :
Open template.css file in templates/ja_mesolite/css folder , find following code section at about line 1032 :


div.sublogo a {
background:transparent url(../images/logo-sub.gif) no-repeat scroll right center;
font-size:200%;
height:70px;
left:10px;
position:absolute;
text-align:center;
text-indent:-5000px;
width:150px;
}


change to :


div.sublogo a {
background:transparent url(../images/logo-sub.gif) no-repeat scroll right center;
display:block;
font-size:200%;
height:70px;
left:10px;
position:absolute;
text-align:center;
text-indent:-5000px;
width:150px;
}


[datalink Friend datalinkJoin date: July 2008Posts: 3Downloads:0Uploads:1 Thanks: 2]

#271332

Thank you for the answer. However, that didn’t solve my problem. Actually, that piece of code was:

div.sublogo a {
font-size: 200%;
display: block;
text-align: center;
background: url(../images/logo-sub.gif) no-repeat right;
width: 150px;
height: 70px;
text-indent: -5000px;
position: absolute;
left: 10px;
}

I changed it to what you proposed (the “background” line), but to no avail. I noticed, though, that when refreshing the page, the rest of the footer (top menu and copyright message) for a moment appears in line with sublogo (over User 1, User 2 and User 5) and then gets to the proper position. And only then the sublogo gets displayed, but at the wrong place.

[2khaat Friend 2khaatJoin date: August 2008Posts: 45Downloads:0Uploads:0 Thanks: 9]

#304236

anyone find a fix for this?

[sudeshbbb Friend sudeshbbbJoin date: April 2009Posts: 2Downloads:0Uploads:0]

#305345

Hello,

I’ve the same problem with the sublogo. When I open my webshop in IE8 my sublogo seems to be shifted. When I open this in Mozilla Firefox I don’t have any problem.

http://eshop.beautyangels.nl/images/eshop.jpg

I’ve also changed the template.css:

div.sublogo {
width: 20%;
float: left;
}

div.sublogo {
width: 20%;
float: left;
}

div.sublogo a {
font-size: 200%;
display: block;
text-align: center;
background: url(../images/logo-sub.gif) no-repeat right;
width: 150px;
height: 70px;
text-indent: -5000px;
position: absolute;
left: 10px;

Does someone have a solution for this problem?

Thnx
Sudesh

[sudeshbbb Friend sudeshbbbJoin date: April 2009Posts: 2Downloads:0Uploads:0]

#305641

i’ve solved my problem. I’ve replaced the template.css file in templates/ja_mesolite/css folder with the orginal (quickstart installation files) en after that i’ve change my website colors en size of my logo. That’s all!

[Author]

Posts