diff options
| author | Stefan Suhren <suhren.stefan@fh-swf.de> | 2015-04-26 14:50:52 +0200 |
|---|---|---|
| committer | Stefan Suhren <suhren.stefan@fh-swf.de> | 2015-04-26 14:50:52 +0200 |
| commit | b857587a8f070b93749d8c25286cf28bad436f80 (patch) | |
| tree | 2f7d2d380388bc4d7222a6526eaa28668f72fce1 /Aufgabe04 | |
| parent | 244f5cb930ddd208e0dc2a1741ac1c4b4f127da7 (diff) | |
| download | InternetTechnologien-b857587a8f070b93749d8c25286cf28bad436f80.tar.gz InternetTechnologien-b857587a8f070b93749d8c25286cf28bad436f80.zip | |
Add styling to task 4
Diffstat (limited to 'Aufgabe04')
| -rw-r--r-- | Aufgabe04/category.html | 21 | ||||
| -rw-r--r-- | Aufgabe04/product.html | 44 | ||||
| -rw-r--r-- | Aufgabe04/style.css | 38 | ||||
| -rw-r--r-- | Aufgabe04/underline.css | 4 | ||||
| -rw-r--r-- | Aufgabe04/user.html | 27 |
5 files changed, 100 insertions, 34 deletions
diff --git a/Aufgabe04/category.html b/Aufgabe04/category.html index 462a678..09b56ed 100644 --- a/Aufgabe04/category.html +++ b/Aufgabe04/category.html @@ -3,18 +3,25 @@ <head> <meta charset="UTF-8"> <title>Category</title> -<link rel="stylesheet" type="text/css" href="underline.css"> +<link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <a href="./" accesskey="b"><em>B</em>ack </a> <form action="http://www-in.fh-swf.de/fbp-cgi/showenv.pl" method="post"> <h1>Category</h1> - <label for="name"><u>N</u>ame:</label> <input type="text" - placeholder="Name" id="name" name="name" accesskey="n" - maxlength="100"><br> <label for="desc"><u>D</u>escription:</label> - <textarea placeholder="Description" id="desc" name="desc" - accesskey="d" maxlength="1000"></textarea> - <br> + <div class="row"> + <label for="name"><u>N</u>ame:</label> <input class="formw" type="text" + placeholder="Name" id="name" name="name" accesskey="n" + maxlength="100"> + </div> + <div class="row"> + <label for="desc"><u>D</u>escription:</label> + <textarea class="formw" placeholder="Description" id="desc" name="desc" + accesskey="d" maxlength="1000"></textarea> + </div> + <div class="spacer"> + + </div> <button type="submit" accesskey="c"> <u>C</u>reate </button> diff --git a/Aufgabe04/product.html b/Aufgabe04/product.html index 7aa7e1c..6b37cf1 100644 --- a/Aufgabe04/product.html +++ b/Aufgabe04/product.html @@ -3,24 +3,42 @@ <head> <meta charset="UTF-8"> <title>Production</title> -<link rel="stylesheet" type="text/css" href="underline.css"> +<link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <a href="./" accesskey="b"><em>B</em>ack </a> <form action="http://www-in.fh-swf.de/fbp-cgi/showenv.pl" method="post"> <h1>Product</h1> - <label for="name"><u>N</u>ame:</label><input type="text" - placeholder="Name" id="name" name="name" accesskey="n" - maxlength="100"><br> <label for="price"><u>P</u>rice (Euro):</label><input - type="text" placeholder="Price (Euro)" id="price" name="price" accesskey="p" - maxlength="13"><br> <label for="width"><u>W</u>idth (mm):</label><input - type="text" placeholder="Width (mm)" id="width" name="width" accesskey="w" - maxlength="11"><br> <label for="height"><u>H</u>eight (mm):</label><input - type="text" placeholder="Height (mm)" id="height" name="height" - accesskey="h" maxlength="11"><br> <label for="desc"><u>D</u>escription:</label> - <textarea placeholder="Description" id="desc" name="desc" - accesskey="d" maxlength="1000"></textarea> - <br> + <div class="row"> + <label for="name"><u>N</u>ame:</label> + <input class="formw" type="text" + placeholder="Name" id="name" name="name" accesskey="n" + maxlength="100"> + </div> + <div class="row"> + <label for="price"><u>P</u>rice (Euro):</label> + <input class="formw" type="text" + placeholder="Price (Euro)" id="price" name="price" accesskey="p" + maxlength="13"> + </div> + <div class="row"> + <label for="width"><u>W</u>idth (mm):</label> + <input class="formw" type="text" + placeholder="Width (mm)" id="width" name="width" accesskey="w" + maxlength="11"> + </div> + <div class="row"> + <label for="height"><u>H</u>eight (mm):</label> + <input class="formw" type="text" + placeholder="Height (mm)" id="height" name="height" accesskey="h" + maxlength="11"> + </div> + <div class="row"> + <label for="desc"><u>D</u>escription:</label> + <textarea class="formw" placeholder="Description" id="desc" name="desc" + accesskey="d" maxlength="1000"></textarea> + </div> + <div class="spacer"> </div> <button type="submit" accesskey="c"> <u>C</u>reate </button> diff --git a/Aufgabe04/style.css b/Aufgabe04/style.css new file mode 100644 index 0000000..27cd8b8 --- /dev/null +++ b/Aufgabe04/style.css @@ -0,0 +1,38 @@ +@CHARSET "UTF-8"; + +u { + text-decoration: underline; +} + +form { + width: 450px; + background-color: #ccc; + border: 1px dotted #333; + padding: 5px; + margin: 0px auto; +} + +form h1 { + text-align: center; +} + +div.row { + clear: both; + padding-top: 5px; +} + +div.row label { + float: left; + width: 200px; + text-align: right; +} + +div.row .formw { + float: right; + width: 235px; + text-align: left; +} + +div.spacer { + clear: both; +}
\ No newline at end of file diff --git a/Aufgabe04/underline.css b/Aufgabe04/underline.css deleted file mode 100644 index bd4bfcb..0000000 --- a/Aufgabe04/underline.css +++ /dev/null @@ -1,4 +0,0 @@ -@CHARSET "UTF-8"; -u { - text-decoration: underline; -}
\ No newline at end of file diff --git a/Aufgabe04/user.html b/Aufgabe04/user.html index c647f51..4c090cb 100644 --- a/Aufgabe04/user.html +++ b/Aufgabe04/user.html @@ -3,20 +3,27 @@ <head> <meta charset="UTF-8"> <title>User</title> -<link rel="stylesheet" type="text/css" href="underline.css"> +<link rel="stylesheet" type="text/css" href="style.css"> </head> <body> - <a href="./" accesskey="b"><em>B</em>ack - </a> + <a href="./" accesskey="b"><em>B</em>ack </a> <form action="http://www-in.fh-swf.de/fbp-cgi/showenv.pl" method="post"> <h1>User</h1> - <label for="username"><u>U</u>sername:</label><input type="text" - placeholder="Username" id="username" name="username" accesskey="u" - maxlength="100"><br> <label for="password"><u>P</u>assword:</label><input - type="password" placeholder="Password" id="password" name="password" - accesskey="p"><br> <label for="passwordagain">Reenter P<u>a</u>ssword:</label><input - type="password" placeholder="Reenter Password" id="passwordagain" name="passwordagain" - accesskey="a"><br> + <div class="row"> + <label for="username"><u>U</u>sername:</label><input class="formw" type="text" + placeholder="Username" id="username" name="username" accesskey="u" + maxlength="100"> + </div> + <div class="row"> + <label for="password"><u>P</u>assword:</label><input class="formw" type="password" + placeholder="Password" id="password" name="password" accesskey="p"> + </div> + <div class="row"> + <label for="passwordagain">Reenter P<u>a</u>ssword: + </label><input class="formw" type="password" placeholder="Reenter Password" + id="passwordagain" name="passwordagain" accesskey="a"> + </div> + <div class="spacer"> </div> <button type="submit" accesskey="e"> R<u>e</u>gister </button> |