Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
Like Tree1Likes
  • 1 Post By delstu

Thread: Help! Asap

  1. #1
    Junior Member
    Join Date
    Dec 2018
    Posts
    2
    Member #
    60227

    Help! Asap

    Heyyy I am a 1st year IT student and I am having trouble with my website(school of arts and sciences), how do i change my background image to become similar to videomags banner image???
    //HTML CODE//
    <!DOCTYPE html>
    <html lang="en">
    <title>SAS</title>
    <link rel="icon" type="image/jpg" href="img/logos/sas_cheer_squad.jpg">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <head>
    <link rel="stylesheet" type="text/css" href="css/design.css" >
    <div class="animate-bottom">
    <header>
    <h1 style="font-size: 460%; margin-right: 2%;"><br>School of Arts and Sciences</h1>
    <link rel="stylesheet" href ="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/design.css">
    <div class="topnav">
    <a class="active">Home</a>
    <a href="contacts.html">Contacts</a>
    <a href="about.html">About</a>
    <a href="memorylane.html">Memory Lane</a>
    <a href="gallery.html">Gallery</a>
    <a class="active" href="index.html">Home</a>
    </div>
    </header>
    </head>
    <body>
    <link rel="stylesheet" type="text/css" href="css/design.css">
    <div class="columnHome">
    <p1>
    <br>
    For writers, a random sentence can help them get their creative juices flowing. Since the topic of the sentence is completely unknown, it forces the writer to be creative when the sentence appears. There are a number of different ways a writer can use the random sentence for creativity. The most common way to use the sentence is to begin a story. Another option is to include it somewhere in the story. A much more difficult challenge is to use it to end a story. In any of these cases, it forces the writer to think creatively since they have no idea what sentence will appear from the tool. If you're visiting this page, you're likely here because you're searching for a random sentence. Sometimes a random word just isn't enough, and that is where the random sentence generator comes into play. By inputting the desired number, you can make a list of as many random sentences as you want or need. Producing random sentences can be helpful in a number of different ways.
    </p1>
    </div>
    </body>
    </div>
    </html>

    //END OF HTML CODE//
    //CSS CODE//
    header{
    background-color: #2E4053 !important;
    background-image: url('../img/banners/banner-1.jpg');
    background-repeat: no-repeat;
    width: 100%;
    }
    h1{
    font-family: Times;
    color: white;
    text-align: right;
    margin-top: 0;
    margin-bottom: 10%;
    height: 60px;
    padding-bottom: 0%;
    padding-top: 5%;
    }

    body{
    margin: 0;
    font-family:Arial, Helvetica, sans-serif;

    }

    .topnav {
    overflow: hidden;
    background-color: #1C2833;
    margin-top: 0%;
    height: 50%;
    width: 100%;
    }

    .topnav a {
    float: right;
    color: #f2f2f2;
    text-align: center;
    padding: 20px 22px;
    text-decoration: none;
    font-size: 20px;
    }

    .topnav a:hover {
    background-color: #ddd;
    color: black;
    }

    .topnav a.active {
    background-color: #5DADE2;
    color: white;
    }

    .animate-bottom {
    position: relative;
    animation-name: animatebottom;
    animation-duration: 1s
    }

    @keyframes animatebottom {
    from{ bottom:-100px; opacity:0 }
    to{ bottom:0; opacity:1 }
    }

    aside{
    background-image: url("../img/banners/")
    }

    .columnHome{
    column-count: 3;
    }
    //END OF CSS CODE//


    image1.jpgimage2.jpg

  2.  

  3. #2
    Senior Member
    Join Date
    Feb 2006
    Posts
    791
    Member #
    12463
    Liked
    296 times
    This is all I have time for this evening:

    <!DOCTYPE html>
    <html lang="en">

    <!--Head section starts here and ends just before the body section-->

    <head>
    <title>SAS</title>
    <link rel="icon" type="image/jpg" href="img/logos/sas_cheer_squad.jpg">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" type="text/css" href="css/design.css" >
    <div class="animate-bottom"> -- what is this? Doesn't look like anything that goes in the head section

    <!--<header>header does not go in the head section – the header is the top section of your web page-->

    <h1 style="font-size: 460%; margin-right: 2%;"><br>School of Arts and Sciences</h1> -- also something that does not belong in the head section, and why not do the styling within your stylesheet

    <link rel="stylesheet" href ="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/design.css">



    Everything within this div goes inside the body section (at the beginning).
    <div class="topnav">
    <a class="active">Home</a>
    <a href="contacts.html">Contacts</a>
    <a href="about.html">About</a>
    <a href="memorylane.html">Memory Lane</a>
    <a href="gallery.html">Gallery</a>
    <a class="active" href="index.html">Home</a>
    </div>

    </head>
    <body>

    <link rel="stylesheet" type="text/css" href="css/design.css">---goes in the head section!

    <div class="columnHome">

    <p1>--this makes no sense just use the p tag <p> with no numbering
    if one paragraph needs styled differently than others, assign them a class and style it within your stylesheet



    <br>
    For writers, a random sentence can help them get their creative juices flowing. Since the topic of the sentence is completely unknown, it forces the writer to be creative when the sentence appears. There are a number of different ways a writer can use the random sentence for creativity. The most common way to use the sentence is to begin a story. Another option is to include it somewhere in the story. A much more difficult challenge is to use it to end a story. In any of these cases, it forces the writer to think creatively since they have no idea what sentence will appear from the tool. If you're visiting this page, you're likely here because you're searching for a random sentence. Sometimes a random word just isn't enough, and that is where the random sentence generator comes into play. By inputting the desired number, you can make a list of as many random sentences as you want or need. Producing random sentences can be helpful in a number of different ways.
    </p1>
    </div>
    </body>

    </div> this serves no purpose since it is outside the body section

    </html>

    Correcting your HTML may go a long way to fixing your problems. For a quick guide I suggest W3schools. Try actually doing your studies and you will do a lot better.
    VasCY likes this.

  4. #3
    Junior Member
    Join Date
    Dec 2018
    Posts
    2
    Member #
    60227
    Thank you for correting my html. Now how do i change my banner image in my header like the one in the second picture?

  5. #4
    Senior Member
    Join Date
    Feb 2006
    Posts
    791
    Member #
    12463
    Liked
    296 times
    I don't know. We are not here to do your homework for you. Try doing a bit of work yourself.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:59 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com