Made some pages html valid with a validator

This commit is contained in:
Lars van Hijfte
2017-01-16 13:10:34 +01:00
parent 4bc2bcedd1
commit bb0f32ffd9
3 changed files with 129 additions and 93 deletions

View File

@@ -1,6 +1,17 @@
.settings input, .settings .item-box {
.settings textarea { display: inline-flex;
}
.settings-password {
margin-right: 15px;
}
.settings li {
margin: 5px; margin: 5px;
}
.settings textarea {
resize: none; resize: none;
} }
@@ -14,15 +25,10 @@
.settings input[type="password"], .settings input[type="password"],
.settings input[type="text"], .settings input[type="text"],
.settings input[type="date"], .settings input[type="date"],
.settings input[type="email"], .settings input[type="email"] {
.settings textarea {
width: 200px; width: 200px;
} }
.settings textarea { .settings textarea {
width: 400px; width: calc(100% - 350px);
}
.settings label[for="bio"] {
vertical-align: middle;
} }

View File

@@ -1,3 +1,3 @@
<footer> <footer>
<p>Copyright &copy; 2017 MyHyvesbook+ <span style="float: right">Like ons op Facebook!</span></p> <p>Copyright &copy; 2017 MyHyvesbook+ <span style="float: right">Like ons op Facebook!</span> </p>
</footer> </footer>

View File

@@ -1,95 +1,125 @@
<div class="content"> <div class="content">
<div class="settings"> <div class="settings">
<form class="settings-profile platform"> <form class="settings-profile platform">
<h5>Profiel Instllingen</h5> <h5>Profiel Instellingen</h5>
<ul>
<li>
<label for="first-name">Voornaam</label> <label for="first-name">Voornaam</label>
<input type="text" <input type="text"
name="first-name" name="first-name"
id="first-name" id="first-name"
placeholder="Voornaam" placeholder="Voornaam"
title="Voornaam" title="Voornaam"
><br /> >
</li>
<li>
<label for="last-name">Achternaam</label> <label for="last-name">Achternaam</label>
<input type="text" <input type="text"
name="last-name" name="last-name"
id="last-name" id="last-name"
placeholder="Lastname" placeholder="Achternaam"
><br /> >
</li>
<li>
<label for="place">Woonplaats</label> <label for="place">Woonplaats</label>
<input type="text" <input type="text"
name="place" name="place"
id="place" id="place"
placeholder="Woonplaats" placeholder="Woonplaats"
><br /> >
</li>
<li>
<label for="bday">Geboortedatum</label> <label for="bday">Geboortedatum</label>
<input type="date" <input type="date"
name="bday" name="bday"
id="bday" id="bday"
placeholder="01/01/1900" placeholder="01/01/1900"
><br /> >
</li>
<li>
<label for="location">Locatie</label> <label for="location">Locatie</label>
<input type="text" <input type="text"
name="location" name="location"
id="location" id="location"
placeholder="Locatie" placeholder="Locatie"
><br /> >
</li>
<li>
<label for="bio">Bio</label> <label for="bio">Bio</label>
<textarea name="bio" <textarea name="bio"
rows="5" rows="5"
title="bio" title="bio"
id="bio" id="bio"
></textarea> ></textarea>
<br /> </li>
<li>
<label></label> <label></label>
<input type="submit" <input type="submit"
value="Opslaan" value="Opslaan"
> >
</li>
</ul>
</form> </form>
<form class="settings-password platform" method="post"> <form class="settings-password platform item-box" method="post">
<h5>Verander Wachtwoord</h5> <h5>Verander Wachtwoord</h5>
<br /> <ul>
<label>Oud Wachtwoord</label> <li>
<label>Oud wachtwoord</label>
<input type="password" <input type="password"
name="password-old" name="password-old"
placeholder="Oud wachtwoord" placeholder="Oud wachtwoord"
><br /> >
<label>Nieuw wachtword</label> </li>
<li>
<label>Nieuw wachtwoord</label>
<input type="password" <input type="password"
name="password-new" name="password-new"
placeholder="Nieuw wachtwoord" placeholder="Nieuw wachtwoord"
><br /> >
</li>
<li>
<label>Bevestig wachtwoord</label> <label>Bevestig wachtwoord</label>
<input type="password" <input type="password"
name="password-confirm" name="password-confirm"
placeholder="Bevestig wachtwoord" placeholder="Bevestig wachtwoord"
><br /> >
</li>
<li>
<label></label> <label></label>
<input type="submit" <input type="submit"
value="Verander wachtwoord" value="Verander wachtwoord"
> >
</li>
</ul>
</form> </form>
<form class="settings-email platform" method="post"> <form class="settings-email platform item-box" method="post">
<h5>Verander Email</h5> <h5>Verander Email</h5>
<br /> <ul>
<li>
<label for="email">Nieuw Email</label> <label for="email">Nieuw Email</label>
<input type="email" <input type="email"
name="email" name="email"
id="email" id="email"
placeholder="Nieuw Email" placeholder="Nieuw Email"
><br /> >
</li>
<li>
<label for="email-confirm">Bevestig Email</label> <label for="email-confirm">Bevestig Email</label>
<input type="email" <input type="email"
name="email-confirm" name="email-confirm"
id="email-confirm" id="email-confirm"
placeholder="Bevestig Email" placeholder="Bevestig Email"
><br /> >
</li>
<li>
<label></label> <label></label>
<input type="submit" <input type="submit"
value="Verander Email" value="Verander Email"
> >
</li>
</ul>
</form> </form>
</div> </div>
</div> </div>