[Solved] Untraceable css/styling to image element

[CrossY]

Hi there,

 

Since i'm a coding noob, I figured i'd be smart by adding some images to an existing module. Works out fine, for now.. however, it doesnt show images in (some) Chrome browsers.

 

Using this code:

<div id="imgwrap">
	<div class="img1"> <a href="#"><img src="/modules/minicslider/views/templates/front/img/adv1.jpg" alt="" />	</a>			 </div>
	<div class="img2">	<a href="#"><img src="modules/minicslider/views/templates/front/img/adv2.jpg" alt="" />	</a>			 </div>
	<div class="img3">	<a href="#"><img src="/modules/minicslider/views/templates/front/img/adv3.jpg" alt="" />	</a>	   	 </div>					
</div>

With CSS:

#imgwrap {
    height: 430px;
}

.img1 a, .img2 a, .img3 a {
    border: 1px solid;
    float: left;
} 

.img1 a {
    float: left;
    margin-left: 0px;
    margin-right: 15px;
}

.img2 a {
    margin-bottom: 15px;
}

Nothing special, right. Works fine in most of the browsers i've tried around the house, except for some Chrome. Some chrome it works, some it doesn't. Rather weird..

 

Small investigation, it uses this code in the non-working-Chrome browsers:

<img src="/modules/minicslider/views/templates/front/img/adv3.jpg" alt="" style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 1px 1px;" width="0" height="0">

Right.. now that's an image that wants to remain hidden! The problem is.. I have no idea where this code is coming from!?

 

Is there any way to track this down?

 

Help would be very much appreciated!

 

Regards,

Edited September 22, 2013 by CrossY (see edit history)

[vekia]

code that you attached is right from your website content?

i suppose that this style="" tag come from js/jquery scripts

[CrossY]

Yes, the first two are from my files, the last bit is from the element inspector (f12) in Chrome.

 

Would there be any way to trace the code to what script it's coming from? I've added the code to the MinicSlider module, but I can't find anything in those files that seem related.

[vekia]

unfortunately i don't know any method to track js scripts execution.

the only thing that i can suggest is... analyse js files to page body  :|

 

if you added this code to the minic slider module, you should check minic slider .js files

[CrossY]

Haha.. aye, I checked some .js files already. I'm not quite familiar how they work, I searched for "display:" but nothing special showed up.

 

Is there any other way, apart from creating a specific module, to add the code to the frontpage you reckon? It's regarding w w w . z z a d a . c o m -- the 3 pictures below the slider. Wouldn't adding the same code to a different module or whatever create the same problem?

 

I'm kinda lost here..

[vekia]

i checked your website:

 

i don't see this code :|

[CrossY]

Yea I figured.. i've checked it on about 10 different browsers on 4/5 different computers, only 2/10 seem to give the 'error'.. 

 

Screenshot of mine in Chrome:

[vekia]

you know what... screen that i attached is from .... chrome :|

[CrossY]

Right.. so back at this problem.

 

I figured, since I added the code to the Minicslider, it might interfere somehow with that module.

 

So: i've created my own first module, changed CSS styling.. and yet, the exact same problem! I've disabled all other displayHome modules, but the problem still occurs.

 

 

Any suggestions to tracing this problem? 

 

Reward: €30,- to the one who helps me solve this problem (via PayPal).

Edited September 22, 2013 by CrossY (see edit history)

[CrossY]

you know what... screen that i attached is from .... chrome :|

 

Aye I know.. this problem is mindfucking me and you both I guess 

Edited September 22, 2013 by CrossY (see edit history)

[vekia]

nope i just missed your message ;(

i've got other idea... maybe you've got some software to blocking adds like block add ? (addblock etc.)

[CrossY]

nope i just missed your message ;(

i've got other idea... maybe you've got some software to blocking adds (addblock etc.)

 

Bingo!

 

So the question is.. how do I stop Adblocker from blocking it..?

[vekia]

change class names, from button1 to something different, from "homebuttons" to something different too

 

maybe you blocked these picutres by mistake?

[CrossY]

Hmm, changed the div/classes twice now, no solution yet.

 

I didn't block them myself, theres a different PC that fails to work aswell.

 

Perhaps it's in this part: 

<a href="#"><img src="/modules/homebuttons/img/adv3.jpg" alt="" />

Isnt there a Smarty code for that? To point to the directory rather than writing it like I did? Same for the links I reckon..?

[vekia]

try to change filenames to something different not related to "advert", for example picture1, picture2, picutre3
maybe addblock blocking all images / adverts with words similar to "advert"

 

btw. if you disable addblock - everything work for you?

[CrossY]

try to change filenames to something different not related to "advert", for example picture1, picture2, picutre3

maybe addblock blocking all images / adverts with words similar to "advert"

 

btw. if you disable addblock - everything work for you?

 

As the images were named "adv1" etc. they were blocked. Thank you!

 

How to find out?

- Install Adblock for Firefox

- Press: control + shift + V 

- It will display the code/images which are blocked

 

 

 

@Vekia - If you provide me with your PayPal account, I will transfer the money ASAP. You've been a tremendous help!

[vekia]

you don't have to pay me

if you will need some modules, just review my offer, maybe you will find there something useful