inherit
263624
0
Mar 10, 2021 10:40:40 GMT -8
Beacon
10
February 2021
beacon
|
Post by Beacon on Mar 1, 2021 2:08:01 GMT -8
Hi could you help make my header fit to screen? I thought it was fine on edge, but switched to firefox and it's tiny and to the left. Is there a code to make it fit on all devices/search engines/operarting systems? Thanks freeplanet.freeforums.net/
|
|
inherit
252032
0
Apr 26, 2024 23:51:41 GMT -8
Retread
Tribbial Pursuit.
5,017
January 2018
retread
|
Post by Retread on Mar 1, 2021 9:37:57 GMT -8
Hi BeaconI'm not exactly sure of your goals, but this will probably get you where you want to go. <div style="width:800px; max-width:100%; margin:auto; margin-bottom:10px;"> <a href="https://paxful.com/?r=KmdA61AzqYV" target="_blank"> <img src="https://imagizer.imageshack.com/v2/1024x768q90/923/bSBFef.jpg" alt="Banner" style="width:100%"> </a> </div> Here, we're forcing the width of the image to fill the container (div). The container has a defined width (800px) and the margin:auto centers the container on the page. The max-width:100% will scale the container such that the image will appear smaller rather than be clipped, if the viewport is smaller than the defined width. Adjust the width (800px) as desired, to size the image on a wide viewport. Let me know if you're happy with this.
|
|
inherit
263624
0
Mar 10, 2021 10:40:40 GMT -8
Beacon
10
February 2021
beacon
|
Post by Beacon on Mar 1, 2021 22:01:45 GMT -8
That did the trick thanks!
|
|