Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
 All Forums
 Technical
 PHP (Unix / Linux / Apache) versions
 Added Flashing Lightbar Image to Main Page
Author « Topic »  

copcars
Starting Member

USA
24 Posts

Posted - 11/08/2022 :  09:46:06  
So I added a flashing lightbar Image to my index.php page for the holiday season approaching and just was wondering if I did things reasonably correct. You can view it at http://www.cop-cars.com The lightbar .gif image dimensions are 298 x 16. I am definitely an amateur when it comes to css coding, but here's what I came up with.

I added the following to style.css:

.holidaylights { background-image: url('../images/lightswhite.gif'); background-repeat: repeat-x; overflow: hidden; text-align:left; max-width:1140px; position:relative;}
.holidaylights img { max-width:100%}

I put the following in my index.php:

<div class="holidaylights">
<img src="../images/lightswhite.gif" alt=""/>
</div>

It seems to be working, but on a mobile device, it doesn't expand like the other responsive image do when I turn the device sideways.

Just looking to get an opinion on my css coding from a professional.

Thanks


Eric Payne

midvalleydrifter001
Ecommerce Template Expert

USA
841 Posts

Posted - 11/08/2022 :  14:56:09  
It works fine for me on mobile.

I like it.

You probably need to delete your browsing history on your phone to get rid of old cache files.


Patrick

copcars
Starting Member

USA
24 Posts

Posted - 11/08/2022 :  15:42:31  
Thanks Patrick,

Yep, that did it. Cleared my iPhone cache and the lights stretch across now. It works great.

Thanks for giving this a look.

Eric

Eric Payne

midvalleydrifter001
Ecommerce Template Expert

USA
841 Posts

Posted - 11/08/2022 :  16:30:21  

Guy
ECT Moderator

Canada
2437 Posts

Posted - 11/09/2022 :  04:28:28  
It look festive!

But you can also use a smaller image like this one :



File size is 1.77 KB instead of 7.81 KB.



Guy



Articles Promotionnels | Promotional Products

Edited by - Guy on 11/09/2022 04:29:44

copcars
Starting Member

USA
24 Posts

Posted - 11/10/2022 :  08:37:48  
Thanks...I only had the long one available.

Is there any of my css coding that is unnecessary?

Eric Payne

Guy
ECT Moderator

Canada
2437 Posts

Posted - 11/10/2022 :  08:57:19  
I would like to help, but I'm not a CSS expert.

Maybe someone else here can help you.

Guy



Articles Promotionnels | Promotional Products
  « Topic »  
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.02 seconds. Snitz Forums 2000