Jump to content

[Solved] Untraceable css/styling to image element


CrossY
 Share

Recommended Posts

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 by CrossY (see edit history)

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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..

Share this post


Link to post
Share on other sites

  • 2 weeks later...

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 by CrossY (see edit history)

Share this post


Link to post
Share on other sites

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..?

Share this post


Link to post
Share on other sites

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?

  • Like 1

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More