Jump to content

dmacfang8

Members
  • Content Count

    12
  • Joined

  • Last visited

Community Reputation

0 Neutral

About dmacfang8

  • Rank
    Newbie
  1. dmacfang8

    Menu Whitespace

    .navbar { overflow: hidden; background-color: #FD7012; font-family: Arial, Helvetica, sans-serif; } .navbar a { float: left; font-size: 16px; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; } .navbar a:hover, .dropdown:hover .dropbtn { background-color: black; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .dropdown-content a:hover { background-color: #ddd; } .dropdown:hover .dropdown-content { display: block; } .red a:hover { background-color: red; } .lightblue a:hover { background-color: #1da1f2; } .blue a:hover { background-color: #365899; }
  2. dmacfang8

    Menu Whitespace

    <!DOCTYPE hml> <html> <head> <title> Dashie </title> <link rel='stylesheet' href='CSS.css'> </head> <body> <div class="navbar"> <a href="#home">Home</a> <div class="dropdown"> <button class="dropbtn">Links </button> <div class="dropdown-content"> <div class='red'> <a href="https://www.youtube.com/user/DashieGames"><img src="yt_logo_rgb_light.png" style='width:10%'/></a> </div> <div class='lightblue'> <a href="https://twitter.com/DashieXP"><img src="7194920_orig.png" style='width:10%'/></a> </div> <div class='blue'> <a href="https://www.facebook.com/brokenxbox/"><img src="yt_logo_rgb_light.png" style='width:100px'/></a> </div> </div> </div> </div> </div> </body> </html>
  3. dmacfang8

    Menu Whitespace

    there is a lot of white space in my menu. how do i fix it?
  4. dmacfang8

    Search Bar

    ok so i have a search bar in my html but what do i need to do to get it to search my html instead of going to google
  5. dmacfang8

    why is it not showing right

    Someone Try This Out And Tell Me What They See <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="youtubersQuiz.css"> </head> <meta name="viewport" content="width=device-width, initial-scale=1"> <body> <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">☓</a> <ul> <li> <a href="home.html">Home</a> <a href="quiz.html">Quizzes</a> <a href="socialMedia.html">Social Media</a> </li> </ul> </div> <div id="main"> <span style="font-size:30px;cursor:pointer" onclick="openNav()" button class="button">☰</button></span> <h2>Home</h2> <a href = "https://www.paypal.me/dmacfang8" target="_blank"> Donate Please </a> </div> <script> function openNav() { document.getElementById("mySidenav").style.width = "250px"; document.getElementById("main").style.marginLeft = "250px"; document.body.style.backgroundColor = "rgba(0,0,0,0.4)"; } function closeNav() { document.getElementById("mySidenav").style.width = "0"; document.getElementById("main").style.marginLeft= "0"; document.body.style.backgroundColor = "white"; } </script> </body> </html> <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="youtubersQuiz.css"> </head> <meta name="viewport" content="width=device-width, initial-scale=1"> <body> <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">☓</a> <ul> <li> <a href="home.html">Home</a> <a href="quiz.html">Quizzes</a> <a href="socialMedia.html">Social Media</a> </li> </ul> </div> <div id="main"> <span style="font-size:30px;cursor:pointer" onclick="openNav()" button class="button">☰</button></span> <h2>Quizzes</h2> </div> <div id="auto"> <a href="dashie.html"> <img src="https://yt3.ggpht.com/-dXM7eqHZ7Vo/V0edHUTJMgI/AAAAAAAAAEg/v-Vx_s6xJCM04yQAICdl-nu9Dw76HK1hgCL8B/w2120-fcrop64=1,00005a57ffffa5a8-nd-c0xffffffff-rj-k-no/DGHEADER.jpg" > <a href="sideman.html"> <img src="https://yt3.ggpht.com/-7fcmezdtJqo/VOzWUpPR48I/AAAAAAAAAFM/nepDL1MsEes/w1060-fcrop64=1,00005a57ffffa5a8-nd-c0xffffffff-rj-k-no/Banner-mm7games.png"> </div> <script> function openNav() { document.getElementById("mySidenav").style.width = "250px"; document.getElementById("main").style.marginLeft = "250px"; document.body.style.backgroundColor = "rgba(0,0,0,0.4)"; } function closeNav() { document.getElementById("mySidenav").style.width = "0"; document.getElementById("main").style.marginLeft= "0"; document.body.style.backgroundColor = "white"; } </script> </body> </html> body { font-family: "Lato", sans-serif; transition: background-color .5s; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s } .sidenav a:hover, .offcanvas a:focus{ color: #f1f1f1; } .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px !important; margin-left: 50px; } #main { transition: margin-left .5s; padding: 16px; } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } .button { padding: 15px 25px; font-size: 24px; text-align: center; cursor: pointer; outline: none; color: #fff; background-color: #000; border: none; border-radius: 15px; box-shadow: 0 9px #999; } .button:hover {background-color: #000} .button:active { background-color: #999; box-shadow: 0 5px #666; transform: translateY(4px); } #main { width: auto; } img { width: 100%; height: auto; } <html> <head> <title>Take the Coolness Quiz!</title> </head> <body> <h1>Find Out How Cool You Are</h1> <form action="results.php" method="post"> <b>Question 1: Do you pick your nose?</b><br> <input type="radio" name="q1" value="yes"> Yes <br> <input type="radio" name="q1" value="no"> No <br> <b>Question 2: Do you have any friends?</b><br> <input type="radio" name="q2" value="yes"> Yes <br> <input type="radio" name="q2" value="no"> No <br> <b>Question 3: Is your hair styled in a fashionable way?</b><br> <input type="radio" name="q3" value="yes"> Yes <br> <input type="radio" name="q3" value="no"> No <br> <b>Question 4: Can you dunk a basketball?</b><br> <input type="radio" name="q4" value="yes"> Yes <br> <input type="radio" name="q4" value="no"> No <br> <b>Question 5: Do you get out much?</b><br> <input type="radio" name="q5" value="yes"> Yes <br> <input type="radio" name="q5" value="no"> No <br> <br> <input type="submit" value="Determine Your Coolness"> </form> </body> </html> <?php $score = 0; if ($_POST['q1'] == 'no') $score++; if ($_POST['q2'] == 'yes') $score++; if ($_POST['q3'] == 'yes') $score++; if ($_POST['q4'] == 'yes') $score++; if ($_POST['q5'] == 'yes') $score++; ?> <html> <head> <title>Your Results for the Coolness Quiz!</title> </head> <body> <h1>Your Results for the Coolness Quiz!</h1> <?php echo '<b>Your coolness score was ' . $score . '/5</b><br><br>'; if ($score < 3) echo 'You are not very cool!'; else if ($score == 5) echo 'Congratulations, a perfect score!'; else echo 'Not bad, you scored average'; ?> </body> </html>
  6. dmacfang8

    why is it not showing right

    i have XAMPP and it still came out like that
  7. dmacfang8

    why is it not showing right

    and how do i install a server?
  8. dmacfang8

    why is it not showing right

    This Is RIGHT
  9. dmacfang8

    why is it not showing right

    This Is WRONG
  10. dmacfang8

    why is it not showing right

    <html> <head> <title>Take the Coolness Quiz!</title> </head> <body> <h1>Find Out How Cool You Are</h1> <form action="results.php" method="post"> <b>Question 1: Do you pick your nose?</b><br> <input type="radio" name="q1" value="yes"> Yes <br> <input type="radio" name="q1" value="no"> No <br> <b>Question 2: Do you have any friends?</b><br> <input type="radio" name="q2" value="yes"> Yes <br> <input type="radio" name="q2" value="no"> No <br> <b>Question 3: Is your hair styled in a fashionable way?</b><br> <input type="radio" name="q3" value="yes"> Yes <br> <input type="radio" name="q3" value="no"> No <br> <b>Question 4: Can you dunk a basketball?</b><br> <input type="radio" name="q4" value="yes"> Yes <br> <input type="radio" name="q4" value="no"> No <br> <b>Question 5: Do you get out much?</b><br> <input type="radio" name="q5" value="yes"> Yes <br> <input type="radio" name="q5" value="no"> No <br> <br> <input type="submit" value="Determine Your Coolness"> </form> </body> </html> <?php $score = 0; if ($_POST['q1'] == 'no') $score++; if ($_POST['q2'] == 'yes') $score++; if ($_POST['q3'] == 'yes') $score++; if ($_POST['q4'] == 'yes') $score++; if ($_POST['q5'] == 'yes') $score++; ?> <html> <head> <title>Your Results for the Coolness Quiz!</title> </head> <body> <h1>Your Results for the Coolness Quiz!</h1> <?php echo '<b>Your coolness score was ' . $score . '/5</b><br><br>'; if ($score < 3) echo 'You are not very cool!'; else if ($score == 5) echo 'Congratulations, a perfect score!'; else echo 'Not bad, you scored average'; ?> </body> </html>
  11. dmacfang8

    what did i do wrong

    <!DOCTYPE html> <html> <style> body { font-family: "Lato", sans-serif; transition: background-color .5s; max-width: 300px; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s } .sidenav a:hover, .offcanvas a:focus{ color: #f1f1f1; } .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px !important; margin-left: 50px; } #main { transition: margin-left .5s; padding: 16px; } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } .button { padding: 15px 25px; font-size: 24px; text-align: center; cursor: pointer; outline: none; color: #fff; background-color: #000; border: none; border-radius: 15px; box-shadow: 0 9px #999; } .button:hover {background-color: #000} .button:active { background-color: #999; box-shadow: 0 5px #666; transform: translateY(4px); } #main { width: auto; } </style> <body> <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">☓</a> <ul> <li> <a href="home.html">Home</a> <a href="socialMedia.html">Social Media</a> </li> </ul> </div> <div id="main"> <span style="font-size:30px;cursor:pointer" onclick="openNav()" button class="button">☰</button></span> <h2>Social Media</h2> </div> <script> function openNav() { document.getElementById("mySidenav").style.width = "250px"; document.getElementById("main").style.marginLeft = "250px"; document.body.style.backgroundColor = "rgba(0,0,0,0.4)"; } function closeNav() { document.getElementById("mySidenav").style.width = "0"; document.getElementById("main").style.marginLeft= "0"; document.body.style.backgroundColor = "white"; } </script> </body> </html> im trying to get it to fit to mobile but its not. the home page fits and i did what i did there to here.
  12. dmacfang8

    Mobile

    How can i make my website im working on fit to mobile
×