How would I go about scaleing the image so it resizes?



html,body {
  height: 100%;
  padding: 0;
  margin: 0;

body {
  background-color: #000000;  
  background-image: url("");
  background-repeat: no-repeat;
  background-position: center center;


.outer {
  display: table;
  height: 100%;
  margin: 0 auto;

.tcell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;

p {
  font-style: normal;
  font-size: 10vw;
  font-family: georgia;
  margin-top: 0;
  margin-bottom: 0;
  border: 1px solid blue;
  padding: 5px;

/* unvisited link */

a:link {
  color: blue;
  text-decoration: none;
  outline: 0;

/* visited link */

a:visited {
  color: blue;
  text-decoration: none;
  outline: 0;

/* mouse over link */

a:hover {
  color: blue;
  text-decoration: none;
  outline: 0;

/* selected link */

a:active {
  color: blue;
  text-decoration: none;
  outline: 0;

<div class='outer'>
  <div class='tcell'>

    <p><b><a href="" target="_blank">Enter</a></b></p>


Try a “background-size” Google search

background-size: 686px 645px; doesn’t do anything, I forgot to mention that.


Image still doesn’t scale.

Did you search and try the cover or contain option?

Did you try validating the script?

686px converted to a percentage would be what?

A percentage requires two values:

so then, 686px would convert to what?

There was a web site @ronpat showed me that did conversions, but I forget what site that was.

Try searching this forum for the following:

@ronpat convert scale image

Try these:

  1. 100% auto
  2. auto 100%

Unfortunately I am using a tablet and cannot try them.

Found it:

1 Like

I forget how I do this.

To solve a percent problem, one needs to know the two (2) values that are being compared. So, the question is: 390px is being compared to what other width value to arrive at a percent. Until you know the two values being compared, you cannot calculate the third (It’s a division then multiplication problem.)

value A
-------  X 100 = percent value
value B

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.