Hot Summer Deals are Here!
Celebrate with up to 99% off on 17,000 resources
03
Days
21
Hours
08
Mins
29
Secs

How do i fix this (please help)

Status
This thread has been locked.

chelsea1124

⚔️professional config and server creator⚔️
Premium
Feedback score
17
Posts
423
Reactions
53
Resources
3
Hello mc-market I'm here today to ask for your help I have been looking around all day and I have tried a lot of ways to do this but still can't find how to do it so let me get into it.

So I'm making a website for my Mc alts but the home page I made it's going to be a full page image and when you click the image it will take you to the next page but when I make the image a link in the HTML and link the image that way it doesn't work but when I put the image in the CSS and no link attached to it don't work so please help.

And when it's in the CSS the image sizes with all the devices as I use this in the CSS

Code:
  background-position: center;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;

but when I use this code in the HTML with the link it just keeps the image in one spot or it makes the image really small and not full page size.

This is the image that when you click it will take you to the next page:
HomeImage.png
 

Attachments

  • HomeImage.png
    HomeImage.png
    7.7 KB · Views: 57
Last edited:
PebbleHost
High performance, consistent uptime and fast support. Minecraft hosting that just works.

Steaming

Freelance Management/Design
Premium
Feedback score
8
Posts
139
Reactions
82
Resources
0
Are you using inline css or an external style sheet?
 

chelsea1124

⚔️professional config and server creator⚔️
Premium
Feedback score
17
Posts
423
Reactions
53
Resources
3
Are you using inline css or an external style sheet?
Im not sure :p im still new to web development if it helps I'm using a stylesheet.css that is inside a folder on my desktop
 

wwesn

Feedback score
0
Posts
205
Reactions
18
Resources
0
Try

Code:
html {
  background: url(images/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
 
Status
This thread has been locked.
Top