« Web, HTML, Tech Forum

Help with background

yungxanhoe's profile picture

Posted by yungxanhoe

posted

Forum: Web, HTML, Tech

View Topics View Profile

I am trying to set my backrgound, but for some reason the image i picked just wont load. I would like to ask if anyone knows why and if there is a limit to how big background images can be?

the code below
     
 }
    body
        {background: url("http://www.impawards.com/intl/japan/2001/posters/koroshiya_one_xlg.jpg")
        no-repeat; background-size: cover;
     }


Report Topic

2 Replies

Sort Replies:

Katie's profile picture

Reply by Katie

posted

Where are you putting the code because body tag should always go after main tag 


Permalink Report Reply

yungxanhoe's profile picture

Reply by yungxanhoe

posted

This is the full code i have so far, i just used ash lynxs vampire setup and messed around with it.




<div style="text-align: center;">
  
<style>
    :root {
        --logo-blue: pink;
        --darker-blue: red;
        --lighter-blue: black;
        --even-lighter-blue: black;
        --lightest-blue: black;
        --dark-orange: black;
        --light-orange: black;
        --even-lighter-orange: black;
        --green: black;
    }
    * {
        font-family: Neophyte; color: black;
    }
    body
        {background: url("http://www.impawards.com/intl/japan/2001/posters/koroshiya_one_xlg.jpg")
        no-repeat; background-size: cover;
     }
    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: black;
    }
    .blog-preview p a{
        color: #c0b5b3!important;
    }
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
    table.details-table {
        border-collapse: collapse;
    }
    table.details-table td {
        background-color: transparent !important;
    }
    .profile-pic {
        border-radius: 20px;
        overflow: hidden;
    }
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: #706b68 !important;
        border-bottom: 2px solid;
    }
    main {
        border-radius: 0 0 15px 15px;
        background: rgba(51, 51, 51, 0.20) !important;
    }
    .container {
        border-radius: 0 0 15px 15px;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }
    footer {
        border-radius: 15px;
        background: rgba(51, 51, 51, 0) !important;
        display: block !important;
    }
    table.comments-table td {
        background-color: rgba(51, 51, 51, 0) !important;
    }
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 1px;
    }
   .profile .friends .person img {
        border-radius: 500px;
    }
    .friends-grid img{
        opacity(50%) 
        border-radius: var(--curve) 
        filter: color:;
    .blog-preview p {
        font-size: 1.4rem;
    }
    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
</style>
<style>
.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{
border: 0px dotted gray !important;
outline: none !important;
}
</style>
</div>


Permalink Report Reply