piano0011 Posted July 7, 2018 Author Share Posted July 7, 2018 I don't think so but I will paste my html code again.. I have checked my css code and I don't think I got any background image... <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous"> </head> <body> </body> </html> <section class="main-container"> <div class="pc101"><img src="includes/pictures/pc101.gif" alt="pianocourse101 logo"/></div> <div class="music"><i class="fas fa-music fa-8x"></i></div> <div class="main-wrapper"> <div class="title"> <h3>Welcome to PianoCourse101</h3> </div> <br></br> </div> <div class="main-wrapper"> <div class="first"> <h1>At PianoCourse101, your child can now learn how to play Classical music right from the comfort of your own home!<br></br>PianoCourse101 teaching methods are based on the Bastie Piano Basics series and therefore, we highly recommend you to purchase the book prior to your piano lessons!<br></br> At PianoCourse101, you can choose 4 levels beginning with the FREE "Bastien Piano Basics: Primer Level" lessons!<br></br>If you would like a challenge and are ready to progress to the next level, then you can choose to upgrade your free membership to premium membership, where you can access Level 1, Level 2 and Level 3!<br></br>Also, please ensure that you have read the Q/A section of the website and if you have any questions, you can email to our customer support team from the Contact Us section. </h1> </div> </div> <div class="form"> <form class="signup-form" action="newsletters.php" method="POST"> <label><center>Enter your E-mail Address</center></label> <br></br> <center><input type="text" name='email' placeholder="Enter E-mail Address"></center> <br></br> <center><button type="submit" name="submit">Subscribe to PianoCourse101!</button></center> <br></br> </form> </div> <img class="snoopy" src="includes/pictures/snoopy.jpg" alt="snoopy playing the piano" /> </section> </body> </html> I am also just wondering why my chrome browser is not displaying the picture correctly? I think if I give it time, it will work eventually but not right away.... I have refreshed it... Link to comment Share on other sites More sharing options...
piano0011 Posted July 7, 2018 Author Share Posted July 7, 2018 I don't think so but I will paste my html code again.. I have checked my css code and I don't think I got any background image... <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous"> </head> <body> </body> </html> <section class="main-container"> <div class="pc101"><img src="includes/pictures/pc101.gif" alt="pianocourse101 logo"/></div> <div class="music"><i class="fas fa-music fa-8x"></i></div> <div class="main-wrapper"> <div class="title"> <h3>Welcome to PianoCourse101</h3> </div> <br></br> </div> <div class="main-wrapper"> <div class="first"> <h1>At PianoCourse101, your child can now learn how to play Classical music right from the comfort of your own home!<br></br>PianoCourse101 teaching methods are based on the Bastie Piano Basics series and therefore, we highly recommend you to purchase the book prior to your piano lessons!<br></br> At PianoCourse101, you can choose 4 levels beginning with the FREE "Bastien Piano Basics: Primer Level" lessons!<br></br>If you would like a challenge and are ready to progress to the next level, then you can choose to upgrade your free membership to premium membership, where you can access Level 1, Level 2 and Level 3!<br></br>Also, please ensure that you have read the Q/A section of the website and if you have any questions, you can email to our customer support team from the Contact Us section. </h1> </div> </div> <div class="form"> <form class="signup-form" action="newsletters.php" method="POST"> <label><center>Enter your E-mail Address</center></label> <br></br> <center><input type="text" name='email' placeholder="Enter E-mail Address"></center> <br></br> <center><button type="submit" name="submit">Subscribe to PianoCourse101!</button></center> <br></br> </form> </div> <img class="snoopy" src="includes/pictures/snoopy.jpg" alt="snoopy playing the piano" /> </section> </body> </html> I am also just wondering why my chrome browser is not displaying the picture correctly? I think if I give it time, it will work eventually but not right away.... I have refreshed it... I also have the following screen and the first line is shifted too far to the right but I have given a echo '<h1>' tag and have the following CSS code: should the following code work? h1 { text-align: center; font-size: 18px; } This is the part of my php code forr the following screen shot: $sql = "SELECT * FROM users WHERE user_uid = ?;"; $stmt = mysqli_stmt_init($conn); if (!mysqli_stmt_prepare($stmt, $sql)) { header("Location: header.php?index=notexists"); exit(); } else { mysqli_stmt_bind_param($stmt, "s", $_SESSION['u_uid']); mysqli_stmt_execute($stmt); $result = mysqli_stmt_get_result($stmt); while ($row = mysqli_fetch_assoc($result)) { echo '<h1>Welcome to PianoCourse101 '.$row['user_first'].' '.$row['user_last'].'</h1>'; echo '<br></br>'; echo '<h1>Below are your general information. Please feel free to update them in the update section</h1>'; echo '<br></br>'; echo '<h1>Email Address: '.$row['user_email'].'</h1>'; echo '<br></br>'; echo '<h1>User Permission: '.$row['user_permission'].'</h1>'; echo '<br></br>'; echo '<h1>Lesson Subscriptionplan: '.$row['freelesson'].'</h1>'; echo '<br></br>'; echo '<h1>Date of Subscription: '.$row['datejoined'].'</h1>'; echo '<br></br>'; echo '<h1>Last Login: '.$row['user_session'].'</h1>'; echo '<br></br>'; echo '<h1><a href="practice_diary.php">Click here to access your practice diary: </a></h1>'; echo '<br></br>'; echo '<h1><a href="refer.php">Click here to access your referral page: </a></h1>'; } } Link to comment Share on other sites More sharing options...
piano0011 Posted July 7, 2018 Author Share Posted July 7, 2018 I have double checked and there is no background image anywhere but I also have another problem with my default profile picture and that is, it is displaying two instead of just one. I am not sure if this is a browser problem from time to time but I will post my code of my default picture below: This is part of the code: I should also include my CSS part for that default_picture below:... It was working not long before... .default_picture { position: relative; left: 150px; bottom: 50px; width: 100px; height: 60px; } $sql = "SELECT * FROM users;"; $stmt = mysqli_stmt_init($conn); if (!mysqli_stmt_prepare($stmt, $sql)) { header("Location: index.php?login=error"); exit(); } else { mysqli_stmt_execute($stmt); $result = mysqli_stmt_get_result($stmt); $resultCheck = mysqli_num_rows($result); if($resultCheck > 0) { while ($row = mysqli_fetch_assoc($result)) { $id = $row['user_id']; $sqlImg = "SELECT * FROM profileimg WHERE userid = ?;"; $stmt = mysqli_stmt_init($conn); if (!mysqli_stmt_prepare($stmt, $sqlImg)) { header("Location: index.php?login=error"); exit(); } else { mysqli_stmt_bind_param($stmt, "i", $id); mysqli_stmt_execute($stmt); $resultImg = mysqli_stmt_get_result($stmt); while ($rowImg = mysqli_fetch_assoc($resultImg)) { echo "<div>"; if ($rowImg['status'] == 0) { $filename = "includes/uploads/profile".$id."*"; $fileinfo = glob($filename); $fileext = explode(".", $fileinfo[0]); $fileactualext = $fileext[1]; echo "<img class='profile_picture' src='includes/uploads/profile".$id.".".$fileactualext."?".mt_rand()." >"; } else { echo "<img class='default_picture' src='includes/uploads/profiledefault.jpg' width = '100' height = '50'>"; } echo"</div>"; } } } } Link to comment Share on other sites More sharing options...
piano0011 Posted July 8, 2018 Author Share Posted July 8, 2018 I have checked again this morning and in the default picture is appearing twice again. I have also checked my index.php page and there seems to be a background image of the pc101 logo. I used the development tool and it also shows two pc101 logo but I only have one image of this in my html code: Below is my html code: There are 3 different pictures but no background image... <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet"> </head> <body> </body> </html> <section class="main-container"> <div class="pc101"><img src="includes/pictures/pc101.gif" alt="pianocourse101 logo"/></div> <div class="music"><i class="fas fa-music fa-8x"></i></div> <div class="main-wrapper"> <div class="title"> <h3>Welcome to PianoCourse101</h3> </div> <br></br> </div> <div class="main-wrapper"> <div class="first"> <h1>At PianoCourse101, your child can now learn how to play Classical music right from the comfort of your own home!<br></br>PianoCourse101 teaching methods are based on the Bastie Piano Basics series and therefore, we highly recommend you to purchase the book prior to your piano lessons!<br></br> At PianoCourse101, you can choose 4 levels beginning with the FREE "Bastien Piano Basics: Primer Level" lessons!<br></br>If you would like a challenge and are ready to progress to the next level, then you can choose to upgrade your free membership to premium membership, where you can access Level 1, Level 2 and Level 3!<br></br>Also, please ensure that you have read the Q/A section of the website and if you have any questions, you can email to our customer support team from the Contact Us section. </h1> </div> </div> <div class="form"> <form class="signup-form" action="newsletters.php" method="POST"> <label><center>Enter your E-mail Address</center></label> <br></br> <center><input type="text" name='email' placeholder="Enter E-mail Address"></center> <br></br> <center><button type="submit" name="submit">Subscribe to PianoCourse101!</button></center> <br></br> </form> </div> <img class="snoopy" src="includes/pictures/snoopy.jpg" alt="snoopy playing the piano" /> </section> </body> </html> Link to comment Share on other sites More sharing options...
piano0011 Posted July 8, 2018 Author Share Posted July 8, 2018 I think I might have found a solution here... It might have duplicated the picture because I have set the CSS for both tablet and cell phone format... Link to comment Share on other sites More sharing options...
piano0011 Posted July 8, 2018 Author Share Posted July 8, 2018 The other problem that I am facing is that when I tried to use background-size: 40% or px, it doesn't shrink the size.. it is just a bit too big.. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.