i have been working on website while now.
my contact tab way want it. feedback tab seems not wanting display. working before put contact code in.
i not know if div tags causing trouble or not. not able figure out problem is.
could please explain did wrong?
thanks.
code:
<html lang="en"> <head> <title>{pebkac} - homepage</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <style> .w3-bar-item{ margin-top: 36px; margin-bottom: 36px; } </style> <body style="background-color:white;"> <div class="w3-sidebar w3-bar-block w3-light-grey w3-card-2" style="width:130px"> <button class="w3-bar-item w3-button tablink" onclick="opencity(event, 'home')">home</button> <button class="w3-bar-item w3-button tablink" onclick="opencity(event, 'questions')">questions</button> <button class="w3-bar-item w3-button tablink" onclick="opencity(event, 'search')">search</button> <button class="w3-bar-item w3-button tablink" onclick="opencity(event, 'users')">users</button> <button class="w3-bar-item w3-button tablink" onclick="opencity(event, 'about')">about</button> <button class="w3-bar-item w3-button tablink" onclick="opencity(event, 'profile')">profile</button> <button class="w3-bar-item w3-button tablink" onclick="opencity(event, 'settings')">settings</button> <button class="w3-bar-item w3-button tablink" onclick="opencity(event, 'logout')">log out</button> <button class="w3-bar-item w3-button tablink" onclick="opencity(event, 'terms')">terms</button> <button class="w3-bar-item w3-button tablink" onclick="opencity(event, 'privacypolicy')">privacy policy</button> <button class="w3-bar-item w3-button tablink" onclick="opencity(event, 'contactus')">contact us</button> <button class="w3-bar-item w3-button tablink" onclick="opencity(event, 'feedback')">feedback</button> </div> <div style="margin-left:130px"> <div id="home" class="w3-container city" style="display:none"> </div> <div id="questions" class="w3-container city" style="display:none"> </div> <div id="search" class="w3-container city" style="display:none"> </div> <div id="users" class="w3-container city" style="display:none"> </div> <div id="about" class="w3-container city" style="display:none"> </div> <div id="profile" class="w3-container city" style="display:none"> </div> <div id="settings" class="w3-container city" style="display:none"> </div> <div id="logout" class="w3-container city" style="display:none"> </div> <div id="terms" class="w3-container city" style="display:none"> </div> <div id="privacypolicy" class="w3-container city" style="display:none"> </div> <div id="contactus" class="w3-container city" style="display:none"> <style> div3 { text-align: center; } </style> <div3> <h1>{pebkac}</h1> <p>_____________________________________________________________________</p> <h2>customer support:</h2> <p>thank using {pebkac}! please complete form below. <br> fastest , easiest way in touch us.</p> <p><b>u.s.</b></p> <p><b> monday-friday 11:30 - 11:45 pm cst <br> saturday-sunday 1:50 pm - 11:45 pm cst</b></p> <p><b>contact e-mail only.</b></p> <style> input[type=text], select, textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; } input[type=submit] { background-color: grey; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; } input[type=submit]:hover { background-color: grey; } .container { border-radius: 5px; background-color: #f2f2f2; padding: 20px; } </style> </head> <body> <form action="mailto:the email choose" method="post" enctype="text/plain"> <div class="container"> <form action="/action_page.php"> <label for="username">username:</label> <input type="text" id="username" name="username" placeholder="your username.."> <label for="e-mail">e-mail:</label> <input type="text" id="e-mail" name="e-mail" placeholder="your e-mail.."> <label for="subject">subject</label> <textarea id="subject" name="subject" placeholder="write something.." style="height:200px"></textarea> <input type="submit" value="submit"> </form> </div3> </div> <div id="feedback" class="w3-container city" style="display:none"> <br> <br> <br> <style> div2 { text-align: center; } </style> <div2> <p>giving {pebkac} feedback: <br> <br> user giving suggestions improves {pebkac}! giving continuous feedback; <br> {pebkac} able come out new features , services. unfortunately, {pebkac} not able <br> develop every users ideas. when do; make sure top notch quality.</p> <br> <p>how, when, , why: <br> <br> if left of screen; see prompt. have <br> enter first name, last name, e-mail, , leave feedback. <br> once have finished, click send button. if have fresh start; click reset. <br> recommend 1 suggestion @ time. <br> <br> once feedback sent; goes {pebkac} corporation. (where magic happens!) <br> working @ {pebkac} open , read feedback. presented <br> ceo of {pebkac} determine if should developed , incorporated {pebkac}. <br> send e-mail saying if suggestion implemented or not. <br> <br> process take month go through cycle. <br> <br> {pebkac} corporation thank sharing feeback us. <br> <br> keep in mind when sending feeback; must comply our <a href="url">terms</a> <form action="mailto:email" method="post" enctype="text/plain"> <br> username:<br> <input type="text" name="username"><br> <br> e-mail:<br> <input type="text" name="e-mail"><br> <br> feedback:<br> <input type="text" name="feedback" size="20"> <br><br> <input type="submit" value="send"> <input type="reset" value="reset"> </form> </div2> </div> </div> <script> function opencity(evt, cityname) { var i, x, tablinks; x = document.getelementsbyclassname("city"); (i = 0; < x.length; i++) { x[i].style.display = "none"; } tablinks = document.getelementsbyclassname("tablink"); (i = 0; < x.length; i++) { tablinks[i].classname = tablinks[i].classname.replace(" w3-grey", ""); } document.getelementbyid(cityname).style.display = "block"; evt.currenttarget.classname += " w3-grey"; } </script> </body> </html>
you have missed 2 closing tags </div> , </form> before closing tag of </div3> in contact tab.
Comments
Post a Comment