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>
<label for="first-name">Voornaam</label> <ul>
<input type="text" <li>
name="first-name" <label for="first-name">Voornaam</label>
id="first-name" <input type="text"
placeholder="Voornaam" name="first-name"
title="Voornaam" id="first-name"
><br /> placeholder="Voornaam"
<label for="last-name">Achternaam</label> title="Voornaam"
<input type="text" >
name="last-name" </li>
id="last-name" <li>
placeholder="Lastname" <label for="last-name">Achternaam</label>
><br /> <input type="text"
<label for="place">Woonplaats</label> name="last-name"
<input type="text" id="last-name"
name="place" placeholder="Achternaam"
id="place" >
placeholder="Woonplaats" </li>
><br /> <li>
<label for="bday">Geboortedatum</label> <label for="place">Woonplaats</label>
<input type="date" <input type="text"
name="bday" name="place"
id="bday" id="place"
placeholder="01/01/1900" placeholder="Woonplaats"
><br /> >
<label for="location">Locatie</label> </li>
<input type="text" <li>
name="location" <label for="bday">Geboortedatum</label>
id="location" <input type="date"
placeholder="Locatie" name="bday"
><br /> id="bday"
<label for="bio">Bio</label> placeholder="01/01/1900"
<textarea name="bio" >
rows="5" </li>
title="bio" <li>
id="bio" <label for="location">Locatie</label>
></textarea> <input type="text"
<br /> name="location"
id="location"
<label></label> placeholder="Locatie"
<input type="submit" >
value="Opslaan" </li>
> <li>
<label for="bio">Bio</label>
<textarea name="bio"
rows="5"
title="bio"
id="bio"
></textarea>
</li>
<li>
<label></label>
<input type="submit"
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>
<input type="password" <label>Oud wachtwoord</label>
name="password-old" <input type="password"
placeholder="Oud wachtwoord" name="password-old"
><br /> placeholder="Oud wachtwoord"
<label>Nieuw wachtword</label> >
<input type="password" </li>
name="password-new" <li>
placeholder="Nieuw wachtwoord" <label>Nieuw wachtwoord</label>
><br /> <input type="password"
<label>Bevestig wachtwoord</label> name="password-new"
<input type="password" placeholder="Nieuw wachtwoord"
name="password-confirm" >
placeholder="Bevestig wachtwoord" </li>
><br /> <li>
<label></label> <label>Bevestig wachtwoord</label>
<input type="submit" <input type="password"
value="Verander wachtwoord" name="password-confirm"
> placeholder="Bevestig wachtwoord"
>
</li>
<li>
<label></label>
<input type="submit"
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>
<label for="email">Nieuw Email</label> <li>
<input type="email" <label for="email">Nieuw Email</label>
name="email" <input type="email"
id="email" name="email"
placeholder="Nieuw Email" id="email"
><br /> placeholder="Nieuw Email"
<label for="email-confirm">Bevestig Email</label> >
<input type="email" </li>
name="email-confirm" <li>
id="email-confirm" <label for="email-confirm">Bevestig Email</label>
placeholder="Bevestig Email" <input type="email"
><br /> name="email-confirm"
<label></label> id="email-confirm"
<input type="submit" placeholder="Bevestig Email"
value="Verander Email" >
> </li>
<li>
<label></label>
<input type="submit"
value="Verander Email"
>
</li>
</ul>
</form> </form>
</div> </div>
</div> </div>