MyCity » Web dizajn / HTML » Potrebna pomoć oko CSS-a

Potrebna pomoć oko CSS-a

Napisano na dan: 22.4.2013
2

Potrebna pomoć oko CSS-a
Pagination Prethodna strana

Idi na vrh

Poslao: 22 Apr 2013 23:27
Idi na vrh
offline
  • Pridružio: 13 Sep 2012
  • Poruke: 2138

Moja greška.. pod display left mislio sam na display block...



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 23 Apr 2013 00:22
Idi na vrh
offline
  • Pridružio: 16 Jan 2010
  • Poruke: 241
  • Gde živiš: Zemun

Malo sam izmenio tvoj kod. Sredio sam na neki svoj način, jer nemam dizajn te stranice, pa sad ti vidi da li nešto može pomoći. Sredio sam deo: Auftraggeber i Eigentümer/Bauherr.

  1. <html>
  2.     <head>
  3.         <meta charset="utf-8">
  4.         <title>PHP Contact Form Style Demo</title>
  5.  
  6.         <style type="text/css">
  7.             body{
  8.                 font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  9.                 font-size:12px;
  10.             }
  11.             p, h1, form, button{border:0; margin:0; padding:0;}
  12.             .spacer{clear:both; height:1px;}
  13.             /* ----------- My Form ----------- */
  14.             .myform{
  15.                 margin:0 auto;
  16.                 width:650px;
  17.                 padding:14px;
  18.             }
  19.             /* ----------- basic ----------- */
  20.             #basic{
  21.                 border:solid 2px #DEDEDE;   
  22.             }
  23.             #basic h1 {
  24.                 font-size:14px;
  25.                 font-weight:bold;
  26.                 margin-bottom:8px;
  27.             }
  28.             #basic p{
  29.                 font-size:11px;
  30.                 color:#666666;
  31.                 margin-bottom:20px;
  32.                 border-bottom:solid 1px #dedede;
  33.                 padding-bottom:10px;
  34.             }
  35.             #basic label{
  36.                 display:block;
  37.                 font-weight:bold;
  38.                 text-align:right;
  39.                 width:140px;
  40.                 float:left;
  41.             }
  42.             #basic .small{
  43.                 color:#666666;
  44.                 display:block;
  45.                 font-size:11px;
  46.                 font-weight:normal;
  47.                 text-align:right;
  48.                 width:140px;
  49.             }
  50.             #basic input{
  51.                 float:left;
  52.                 width:200px;
  53.                 margin:2px 0 30px 10px;
  54.             }
  55.             #basic button{
  56.                 clear:both;
  57.                 margin-left:150px;
  58.                 background:#888888;
  59.                 color:#FFFFFF;
  60.                 border:solid 1px #666666;
  61.                 font-size:11px;
  62.                 font-weight:bold;
  63.                 padding:4px 6px;
  64.             }
  65.  
  66.  
  67.             /* ----------- stylized ----------- */
  68.             #stylized{
  69.                 border:solid 2px #b7ddf2;
  70.                 background:#ebf4fb;
  71.  
  72.             }
  73.             #stylized h1 {
  74.                 font-size:14px;
  75.                 font-weight:bold;
  76.                 margin-bottom:8px;
  77.             }
  78.             #stylized p{
  79.                 font-size:11px;
  80.                 color:#666666;
  81.                 margin-bottom:20px;
  82.                 border-bottom:solid 1px #b7ddf2;
  83.                 padding-bottom:10px;
  84.             }
  85.             #stylized label{
  86.                 display:block;
  87.                 font-weight:bold;
  88.                 text-align:left;
  89.             }
  90.             #stylized .small{
  91.                 color:#666666;
  92.                 display:block;
  93.                 font-size:11px;
  94.                 font-weight:normal;
  95.                 text-align:right;
  96.                 width:140px;
  97.             }
  98.             #stylized input{
  99.                 float:left;
  100.                 font-size:12px;
  101.                 padding:4px 2px;
  102.                 border:solid 1px #aacfe4;
  103.                 width:200px;
  104.                 margin:2px 0 20px 2px;
  105.             }
  106.             #stylized button{
  107.                 clear:both;
  108.                 margin-left:160px;
  109.                 width:125px;
  110.                 height:31px;
  111.                 background:#444;
  112.                 text-align:center;
  113.                 line-height:31px;
  114.                 color:#FFFFFF;
  115.                 font-size:11px;
  116.                 font-weight:bold;
  117.             }
  118.            
  119.             /* NOVI STILOVI */
  120.             .form_hold{
  121.                 float: left;
  122.                 width: 240px;
  123.                 position: relative;               
  124.             }
  125.             .form_hold_full{
  126.                 width: 100%;
  127.                 overflow: hidden;
  128.                 position: relative;
  129.             }
  130.             fieldset{
  131.                 float: left;
  132.                 border: solid 2px #B7DDF2;
  133.                 margin-bottom: 20px;
  134.                 position: relative;
  135.             }
  136.             legend{
  137.                 font-size: 14px;
  138.                 font-weight: bold;
  139.             }
  140.  
  141.         </style>
  142.  
  143.     </head>
  144.  
  145.     <body>
  146.         <div id="stylized" class="myform">
  147.             <p>
  148.                 Sie erreichen uns unkompliziert
  149.                 telefonisch    0848 044 044
  150.                 per Mail    info@schlagenhauf.ch
  151.                 per Post    Rolf Schlagenhauf AG
  152.                 Seestrasse 1013, 8706 Meilen
  153.  
  154.                 Wenn Sie Fragen haben, zögern Sie nicht, uns zu kontaktieren. Unser
  155.                 Fachpersonal berät Sie gerne.
  156.             </p>   
  157.  
  158.             <form method="post" action="formiraj.php">
  159.                 <fieldset>
  160.                     <legend>Offert-/Auftragsformular</legend>
  161.                     <p>Haben Sie konkrete Fragen oder Wünsche. Mit dem untenstehenden Kontaktformular
  162.                         können Sie uns diese mitteilen.</p>
  163.                     <input type="radio" name="deo1" value="Beratung">Beratung<br>
  164.                     <input type="radio" name="deo1" value="Offerte schriftlich">Offerte schriftlich<br>
  165.                     <input type="radio" name="deo1" value="Auftrag gemäss Offerte">Auftrag gemäss Offerte
  166.                     <input type="text" name="deo1dop"><br>
  167.                     <input type="radio" name="deo1" value="Auftrag ohne Offerte">Auftrag ohne Offerte
  168.                 </fieldset>
  169.  
  170.                 <fieldset>
  171.                     <legend>Auftraggeber</legend>
  172.                     <div class="form_hold">
  173.                         <label for="auffir">Firma</label>
  174.                         <input type="text" name="auffir" id="auffir">
  175.                     </div>
  176.  
  177.                     <div class="form_hold">
  178.                         <label for="aufvor">Vorname/Name</label>
  179.                         <input type="text" name="aufvor" id="aufvor">
  180.                     </div>
  181.  
  182.                     <div class="form_hold">
  183.                         <label for="aufstr">Strasse</label>
  184.                         <input type="text" name="aufstr" id="aufstr">
  185.                     </div>
  186.  
  187.                     <div class="form_hold">
  188.                         <label for="aufplz">PLZ/Ort</label>
  189.                         <input type="text" name="aufplz" id="aufplz">
  190.                     </div>
  191.  
  192.                     <div class="form_hold">
  193.                         <label for="auftel">Tel. Direktwahl</label>
  194.                         <input type="text" name="auftel" id="auftel">
  195.                     </div>
  196.  
  197.                     <div class="form_hold">
  198.                         <label for="auffax">Fax</label>
  199.                         <input type="text" name="auffax" id="auffax">
  200.                     </div>
  201.  
  202.                     <div class="form_hold">
  203.                         <label for="aufema">E-Mail</label>
  204.                         <input type="text" name="aufema" id="aufema">
  205.                     </div>   
  206.                    
  207.                 </fieldset>
  208.  
  209.                 <fieldset style="width: 624px;">
  210.                     <legend>Eigentümer/Bauherr</legend>
  211.                     <div class="form_hold_full">
  212.                         <label for="eigbet">Betreff</label>
  213.                         <input type="text" name="eigbet" id="eigbet">
  214.                     </div>
  215.                    
  216.                     <div class="form_hold_full">
  217.                         <label for="eigvor">Vorname/Name</label>
  218.                         <input type="text" name="eigvor" id="eigvor">
  219.                     </div>
  220.                    
  221.                     <div class="form_hold_full">
  222.                         <label for="eigstr">Strasse</label>
  223.                         <input type="text" name="eigstr" id="eigstr">
  224.                     </div>
  225.                    
  226.                     <div class="form_hold_full">
  227.                         <label for="eigplz">PLZ/Ort</label>
  228.                         <input type="text" name="eigplz" id="eigplz">
  229.                     </div>
  230.                    
  231.                     <div class="form_hold_full">
  232.                         <label for="eigtel">Tel. G.</label>
  233.                         <input type="text" name="eigtel" id="eigtel">
  234.                     </div>
  235.                    
  236.                     <div class="form_hold_full">
  237.                         <label for="eigfax">Fax/Natel</label>
  238.                         <input type="text" name="eigfax" id="eigfax">
  239.                     </div>
  240.                 </fieldset>
  241.  
  242.                 <div style="float: left; width: 100%;">
  243.                     Objekt (Ort, Strasse) <input type="text" name="objekt"><br>
  244.                 </div>
  245.  
  246.                 <div style="float: left; width: 100%;">
  247.                     Bauteil (z.B. EG, OG, Wohnung, EFH) <input type="text" name="bauteil"><br>
  248.                     <input type="checkbox" name="baucheck[]" value="Neubau">Neubau<br>
  249.                     <input type="checkbox" name="baucheck[]" value="Umbau">Umbau <br>
  250.                     <input type="checkbox" name="baucheck[]" value="Renovation">Renovation<br>
  251.                     <input type="checkbox" name="baucheck[]" value="Fassade">Fassade
  252.                 </div>
  253.  
  254.                 <div style="float: left; width: 100%;">
  255.                     <h2>Info zum Objekt</h2>
  256.                     <input type="checkbox" name="infcheck[]" value="tel. anmelden bei">tel. anmelden bei<input type="text" name="inf1"><br>
  257.                     <input type="checkbox" name="infcheck[]" value="muss nicht angemeldet werden">muss nicht angemeldet werden <input type="text" name="inf2"><br>
  258.                     <input type="checkbox" name="infcheck[]" value="Schlüssel ist abzuholen in/bei">Schlüssel ist abzuholen in/bei <input type="text" name="inf3"><br>
  259.                     <input type="checkbox" name="infcheck[]" value="swart informieren">Hauswart informieren<input type="text" name="inf4"><br>
  260.                 </div>
  261.  
  262.                 <div style="float: left; width: 100%;">
  263.                     <h2>Arbeitsbeschrieb, auszuführende Arbeiten:</h2>
  264.                     <textarea name="arbeits" rows="10" cols="30">
  265.                     </textarea>
  266.                 </div>
  267.  
  268.                 <div style="float: left; width: 100%;">
  269.                     <h2>Termin</h2>
  270.                     <input type="radio" name="terminr" value="innert 24 Std.">innert 24 Std.<br>
  271.                     <input type="radio" name="terminr" value="Wunschtermin">Wunschtermin
  272.                     <input type="text" name="termint1"><br>
  273.  
  274.                     <input type="radio" name="terminr" value="Die nächsten 1-2 Wochen">Die nächsten 1-2 Wochen<br>
  275.                     <input type="radio" name="terminr" value="Zu erledigen bis">Zu erledigen bis
  276.                     <input type="text" name="termint2"><br>
  277.                 </div>
  278.  
  279.                 <div>
  280.                     <h2>Bemerkungen/Notizen</h2>
  281.                     <textarea placeholder="test" name="bemerk" rows="10" cols="30">
  282.                     </textarea>
  283.                 </div>
  284.  
  285.                 <input type="submit" value="senden"><input type="reset" value="Clear">
  286.             </form>
  287.         </div> <!-- end of form class -->
  288.     </body>
  289. </html>
Poslao: 23 Apr 2013 13:33
Idi na vrh
offline
  • Pridružio: 01 Apr 2006
  • Poruke: 658
  • Gde živiš: Kruševac

@cvrlebg:
Evo kako treba da izgleda forma tj. css od forme ili nešto slično tome:

  1. http://www.schlagenhauf.ch/site/index.cfm/id_art/42991/vsprache/DE


A evo kako je ispalo kada sam dodao tvoj izmenjeni deo:
  1. http://serbian-fm.net/forma/

Poslao: 23 Apr 2013 13:57
Idi na vrh
offline
  • Pridružio: 13 Sep 2012
  • Poruke: 2138

a sto nisi koristio tabele za formu (kao na linku) ?

Poslao: 23 Apr 2013 14:27
Idi na vrh
offline
  • Pridružio: 01 Apr 2006
  • Poruke: 658
  • Gde živiš: Kruševac

Mislio sam da će mi biti ovako lakše i da ću se snaći i zato sam se pogubio u celoj priči, nisam toliko stručan u tome, još uvek učim..

Poslao: 24 Apr 2013 00:13
Idi na vrh
offline
  • Pridružio: 16 Jan 2010
  • Poruke: 241
  • Gde živiš: Zemun

@ilovephp - ma kakve tabele, to se retko koristi.

Sredio sam formu, naravno ti ćeš morati malo da je doteraš, ako treba. Dodao sam i neki CSS reset kako bi se isto prikazivalo u različitim browser-ima.

  1. <html>
  2.     <head>
  3.         <meta charset="utf-8">
  4.         <title>PHP Contact Form Style Demo</title>
  5.  
  6.         <style type="text/css">
  7.             /* CSS Reset */
  8.             html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  9.             html, body { height: 100%; margin:0;}
  10.             html, button, input, select, textarea { font-family: sans-serif; color: #222; }
  11.             input:focus, textarea:focu { outline: none}
  12.             body { margin: 0; font-size: 1em; }
  13.             a:focus { outline: none; }
  14.             abbr[title] { border-bottom: 1px dotted; }
  15.             b, strong { font-weight: bold; }
  16.             ul, ol { margin: 0 0; padding: 0 0 0 0; }
  17.             img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
  18.             form { margin: 0; }
  19.             fieldset { border: 0; margin: 0; padding: 0; }
  20.             legend { border: 0; margin-left: -7px; padding: 0; white-space: normal; }
  21.             button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; vertical-align: middle; }
  22.             button, input { line-height: normal; }
  23.             button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; overflow: visible; }
  24.             button[disabled], input[disabled] { cursor: default; }
  25.             input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; width: 13px; height: 13px; }
  26.             input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
  27.             input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
  28.             button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
  29.             textarea { overflow: auto; vertical-align: top; resize: vertical; }
  30.             input:valid, textarea:valid {  }
  31.             input:invalid, textarea:invalid { background-color: #f0dddd; }
  32.  
  33.             p {margin:0px}
  34.  
  35.             /* END CSS Reset */
  36.            
  37.             body{
  38.                 font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  39.                 font-size:12px;
  40.             }
  41.             p, h1, form, button{border:0; margin:0; padding:0;}
  42.             .spacer{clear:both; height:1px;}
  43.             /* ----------- My Form ----------- */
  44.             .myform{
  45.                 margin:0 auto;
  46.                 width:650px;
  47.                 padding:14px;
  48.             }
  49.             /* ----------- basic ----------- */
  50.             #basic{
  51.                 border:solid 2px #DEDEDE;   
  52.             }
  53.             #basic h1 {
  54.                 font-size:14px;
  55.                 font-weight:bold;
  56.                 margin-bottom:8px;
  57.             }
  58.             #basic p{
  59.                 font-size:11px;
  60.                 color:#666666;
  61.                 margin-bottom:20px;
  62.                 border-bottom:solid 1px #dedede;
  63.                 padding-bottom:10px;
  64.             }
  65.             #basic label{
  66.                 display:block;
  67.                 font-weight:bold;
  68.                 text-align:right;
  69.                 width:140px;
  70.                 float:left;
  71.             }
  72.             #basic .small{
  73.                 color:#666666;
  74.                 display:block;
  75.                 font-size:11px;
  76.                 font-weight:normal;
  77.                 text-align:right;
  78.                 width:140px;
  79.             }
  80.             #basic input{
  81.                 float:left;
  82.                 width:200px;
  83.                 margin:2px 0 30px 10px;
  84.             }
  85.             #basic button{
  86.                 clear:both;
  87.                 margin-left:150px;
  88.                 background:#888888;
  89.                 color:#FFFFFF;
  90.                 border:solid 1px #666666;
  91.                 font-size:11px;
  92.                 font-weight:bold;
  93.                 padding:4px 6px;
  94.             }
  95.            
  96.             fieldset{
  97.                 float: left;
  98.                 border: none;
  99.                 margin: 10px;
  100.                 position: relative;
  101.                 width: 100%;
  102.             }
  103.            
  104.             legend{
  105.                 font-size: 14px;
  106.                 font-weight: bold;
  107.                 padding-bottom: 20px;
  108.             }
  109.  
  110.  
  111.             /* ----------- stylized ----------- */
  112.             #stylized{
  113.                 border:solid 2px #b7ddf2;
  114.                 background:#ebf4fb;
  115.                 overflow: hidden;
  116.             }
  117.             #stylized h1 {
  118.                 font-size:14px;
  119.                 font-weight:bold;
  120.                 margin-bottom:8px;
  121.             }
  122.             #stylized p{
  123.                 font-size:11px;
  124.                 color:#666666;
  125.                 margin-bottom:20px;
  126.                 border-bottom:solid 1px #b7ddf2;
  127.                 padding-bottom:10px;
  128.             }
  129.             #stylized label{
  130.                 font-weight:bold;
  131.                 text-align:left;
  132.                 float: left;
  133.                 padding-top: 7px;
  134.                 width: 140px;
  135.             }
  136.             #stylized .small{
  137.                 color:#666666;
  138.                 display:block;
  139.                 font-size:11px;
  140.                 font-weight:normal;
  141.                 text-align:right;
  142.                 width:140px;
  143.             }
  144.             #stylized input{
  145.                 float:left;
  146.                 font-size:12px;
  147.                 padding:4px 2px;
  148.                 border:solid 1px #aacfe4;               
  149.                 /*margin:2px 0 20px 2px;*/
  150.             }
  151.             #stylized button{
  152.                 clear:both;
  153.                 margin-left:160px;
  154.                 width:125px;
  155.                 height:31px;
  156.                 background:#444;
  157.                 text-align:center;
  158.                 line-height:31px;
  159.                 color:#FFFFFF;
  160.                 font-size:11px;
  161.                 font-weight:bold;
  162.             }
  163.            
  164.             .form_hold{
  165.                 float: left;
  166.                 width: 300px;
  167.                 position: relative;
  168.                 margin-bottom: 3px;
  169.             }
  170.            
  171.             .form_hold input[type="text"]{
  172.                 width:140px;
  173.             }
  174.            
  175.             .form_hold_full{
  176.                 width: 100%;
  177.                 overflow: hidden;
  178.                 position: relative;
  179.                 margin-bottom: 3px;
  180.             }
  181.            
  182.             .form_hold_full input[type="text"]{
  183.                 width:140px;
  184.             }
  185.            
  186.             #offert{
  187.                 width: 460px;
  188.             }
  189.            
  190.             #offert .form_hold_full input[type="radio"]{
  191.                 width: 26px;
  192.                 position: relative;
  193.                
  194.             }
  195.            
  196.             #offert .form_hold_full input[type="text"]{
  197.                 float: right;
  198.                 position: relative;
  199.                 right: 150px;
  200.                 top: -6px;
  201.             }
  202.            
  203.             .form_hold_full input[type="checkbox"]{
  204.                 width: 14px;
  205.                 float: left;
  206.             }
  207.            
  208.             #objekt_bauteil .form_hold_full label{
  209.                 width: 180px;
  210.             }
  211.            
  212.             #objekt_bauteil .form_hold_full input[type="checkbox"]{
  213.                 width: 14px;
  214.                 float: left;
  215.                 margin-bottom: 3px;
  216.             }
  217.            
  218.             .checkbox_holder{
  219.                 position: relative;
  220.                 width: 200px;
  221.                 left: 177px;
  222.                 margin-bottom: 3px;
  223.             }
  224.            
  225.             .checkbox_holder input[type="checkbox"]{
  226.                 width: 23px;
  227.             }
  228.            
  229.             #info .form_hold_full{
  230.                 padding-top: 7px;
  231.             }
  232.            
  233.             #info .form_hold_full input[type="checkbox"]{
  234.                 width: 23px;
  235.             }
  236.            
  237.             #info .form_hold_full input[type="text"]{
  238.                 float: right;
  239.                 position: relative;
  240.                 right: 260px;
  241.                 top: -7px;
  242.             }
  243.            
  244.             #arbeiten textarea{
  245.                 width: 400px;
  246.                 height: 60px;               
  247.             }
  248.            
  249.             #termin .form_hold input[type="radio"]{
  250.                 width: 23px;
  251.             }
  252.            
  253.             #termin .form_hold input[type="text"]{
  254.                 float: right;
  255.                 position: relative;
  256.                 right: 30px;
  257.                 top: -8px;
  258.             }
  259.            
  260.             #notizen textarea{
  261.                 width: 400px;
  262.                 height: 100px;
  263.             }
  264.            
  265.  
  266.         </style>
  267.  
  268.     </head>
  269.  
  270.     <body>
  271.         <div id="stylized" class="myform">
  272.             <p>
  273.                 Sie erreichen uns unkompliziert
  274.                 telefonisch    0848 044 044
  275.                 per Mail    info@schlagenhauf.ch
  276.                 per Post    Rolf Schlagenhauf AG
  277.                 Seestrasse 1013, 8706 Meilen
  278.  
  279.                 Wenn Sie Fragen haben, zögern Sie nicht, uns zu kontaktieren. Unser
  280.                 Fachpersonal berät Sie gerne.
  281.             </p>   
  282.  
  283.             <form method="post" action="formiraj.php">
  284.                 <fieldset id="offert">
  285.                     <legend>Offert-/Auftragsformular</legend>
  286.                     <p>Haben Sie konkrete Fragen oder Wünsche. Mit dem untenstehenden Kontaktformular
  287.                         können Sie uns diese mitteilen.</p>
  288.                     <div class="form_hold_full">
  289.                         <input type="radio" name="deo1" value="Beratung" checked>Beratung
  290.                     </div>
  291.                    
  292.                     <div class="form_hold_full">
  293.                         <input type="radio" name="deo1" value="Offerte schriftlich">Offerte schriftlich
  294.                     </div>
  295.                    
  296.                     <div class="form_hold_full" style="padding-top: 7px;">
  297.                         <input type="radio" name="deo1" value="Auftrag gemäss Offerte" >Auftrag gemäss Offerte
  298.                         <input type="text" name="deo1dop">
  299.                     </div>
  300.                    
  301.                     <div class="form_hold_full">
  302.                         <input type="radio" name="deo1" value="Auftrag ohne Offerte">Auftrag ohne Offerte
  303.                     </div>
  304.                    
  305.                 </fieldset>
  306.  
  307.                 <fieldset style="width: 290px;">
  308.                     <legend>Auftraggeber</legend>
  309.                     <div class="form_hold">
  310.                         <label for="auffir">Firma</label>
  311.                         <input type="text" name="auffir" id="auffir">
  312.                     </div>
  313.  
  314.                     <div class="form_hold">
  315.                         <label for="aufvor">Vorname/Name</label>
  316.                         <input type="text" name="aufvor" id="aufvor">
  317.                     </div>
  318.  
  319.                     <div class="form_hold">
  320.                         <label for="aufstr">Strasse</label>
  321.                         <input type="text" name="aufstr" id="aufstr">
  322.                     </div>
  323.  
  324.                     <div class="form_hold">
  325.                         <label for="aufplz">PLZ/Ort</label>
  326.                         <input type="text" name="aufplz" id="aufplz">
  327.                     </div>
  328.  
  329.                     <div class="form_hold">
  330.                         <label for="auftel">Tel. Direktwahl</label>
  331.                         <input type="text" name="auftel" id="auftel">
  332.                     </div>
  333.  
  334.                     <div class="form_hold">
  335.                         <label for="auffax">Fax</label>
  336.                         <input type="text" name="auffax" id="auffax">
  337.                     </div>
  338.  
  339.                     <div class="form_hold">
  340.                         <label for="aufema">E-Mail</label>
  341.                         <input type="text" name="aufema" id="aufema">
  342.                     </div>   
  343.                    
  344.                 </fieldset>
  345.  
  346.                 <fieldset style="width: 290px;">
  347.                     <legend>Eigentümer/Bauherr</legend>
  348.                     <div class="form_hold_full">
  349.                         <label for="eigbet">Betreff</label>
  350.                         <input type="text" name="eigbet" id="eigbet">
  351.                     </div>
  352.                    
  353.                     <div class="form_hold_full">
  354.                         <label for="eigvor">Vorname/Name</label>
  355.                         <input type="text" name="eigvor" id="eigvor">
  356.                     </div>
  357.                    
  358.                     <div class="form_hold_full">
  359.                         <label for="eigstr">Strasse</label>
  360.                         <input type="text" name="eigstr" id="eigstr">
  361.                     </div>
  362.                    
  363.                     <div class="form_hold_full">
  364.                         <label for="eigplz">PLZ/Ort</label>
  365.                         <input type="text" name="eigplz" id="eigplz">
  366.                     </div>
  367.                    
  368.                     <div class="form_hold_full">
  369.                         <label for="eigtel">Tel. G.</label>
  370.                         <input type="text" name="eigtel" id="eigtel">
  371.                     </div>
  372.                    
  373.                     <div class="form_hold_full">
  374.                         <label for="eigfax">Fax/Natel</label>
  375.                         <input type="text" name="eigfax" id="eigfax">
  376.                     </div>
  377.                 </fieldset>
  378.                
  379.                 <fieldset id="objekt_bauteil">
  380.                     <div class="form_hold_full">
  381.                         <label for="objekt">Objekt (Ort, Strasse)</label>
  382.                         <input type="text" name="objekt" id="objekt">
  383.                     </div>
  384.  
  385.                     <div class="form_hold_full">
  386.                         <label>Bauteil (z.B. EG, OG, Wohnung, EFH)</label>
  387.                         <input type="text" name="bauteil"><br><br>
  388.                     </div>   
  389.                         <div class="checkbox_holder">
  390.                             <input type="checkbox" name="baucheck[]" value="Neubau">Neubau
  391.                         </div>
  392.                        
  393.                         <div class="checkbox_holder">
  394.                             <input type="checkbox" name="baucheck[]" value="Umbau">Umbau
  395.                         </div>
  396.                        
  397.                         <div class="checkbox_holder">
  398.                             <input type="checkbox" name="baucheck[]" value="Renovation">Renovation
  399.                         </div>
  400.                        
  401.                         <div class="checkbox_holder">
  402.                             <input type="checkbox" name="baucheck[]" value="Fassade">Fassade
  403.                         </div>
  404.                        
  405.                    
  406.                 </fieldset>
  407.                
  408.                 <fieldset id="info">
  409.                     <legend>Info zum Objekt</legend>
  410.                     <div class="form_hold_full">
  411.                         <input type="checkbox" name="infcheck[]" value="tel. anmelden bei">tel. anmelden bei
  412.                         <input type="text" name="inf1">
  413.                     </div>
  414.                    
  415.                     <div class="form_hold_full">
  416.                         <input type="checkbox" name="infcheck[]" value="muss nicht angemeldet werden">muss nicht angemeldet werden
  417.                         <input type="text" name="inf2">
  418.                     </div>
  419.                    
  420.                     <div class="form_hold_full">
  421.                         <input type="checkbox" name="infcheck[]" value="Schlüssel ist abzuholen in/bei">Schlüssel ist abzuholen in/bei
  422.                         <input type="text" name="inf3">
  423.                     </div>
  424.                    
  425.                     <div class="form_hold_full">
  426.                         <input type="checkbox" name="infcheck[]" value="swart informieren">Hauswart informieren
  427.                         <input type="text" name="inf4">
  428.                     </div>
  429.                 </fieldset>
  430.                
  431.                 <fieldset id="arbeiten">
  432.                     <legend>Arbeitsbeschrieb, auszuführende Arbeiten:</legend>
  433.                     <textarea name="arbeits" ></textarea>
  434.                 </fieldset>
  435.                
  436.                 <fieldset id="termin">
  437.                     <legend>Termin</legend>
  438.                     <div class="form_hold" style="width: 240px;">
  439.                         <input type="radio" name="terminr" value="innert 24 Std." checked>innert 24 Std.
  440.                     </div>
  441.                    
  442.                     <div class="form_hold">
  443.                         <input type="radio" name="terminr" value="Wunschtermin">Wunschtermin
  444.                         <input type="text" name="termint1">
  445.                     </div>
  446.                    
  447.                     <div class="form_hold" style="width: 240px;">
  448.                         <input type="radio" name="terminr" value="Die nächsten 1-2 Wochen">Die nächsten 1-2 Wochen
  449.                     </div>
  450.                    
  451.                     <div class="form_hold">
  452.                         <input type="radio" name="terminr" value="Zu erledigen bis">Zu erledigen bis
  453.                         <input type="text" name="termint2">
  454.                     </div>
  455.                                        
  456.                 </fieldset>
  457.                
  458.                 <fieldset id="notizen">
  459.                     <legend>Bemerkungen/Notizen</legend>
  460.                         <textarea placeholder="test" name="bemerk" rows="10" cols="30"></textarea>
  461.                 </fieldset>
  462.  
  463.                 <input type="submit" value="senden"><input type="reset" value="Clear">
  464.             </form>
  465.         </div> <!-- end of form class -->
  466.     </body>
  467. </html>
Poslao: 24 Apr 2013 12:01
Idi na vrh
offline
  • C# and PHP Developer
  • Pridružio: 16 Feb 2011
  • Poruke: 1630
  • Gde živiš: Pancevo

Momci ajde da vam nebrisem kod u postovima da se dogovorima za ubuduce, cvrlebg kada imas/imate tako duzi kod zbog preglednosti foruma i ostalih gostiju/posetioca sacuvajte kod u obicnom falu i uploudujte. Ovo je bas ogromno. Kazem zbog ostalih...

Poslao: 24 Apr 2013 16:35
Idi na vrh
offline
  • Pridružio: 01 Apr 2006
  • Poruke: 658
  • Gde živiš: Kruševac

@cvrlebg,

hvala puno! Sve je kako treba! Još jednom hvala! Ziveli

MyCity » Web dizajn / HTML » Potrebna pomoć oko CSS-a

Ko je trenutno na forumu
 

Ukupno su 903 korisnika na forumu :: 44 registrovanih, 4 sakrivenih i 855 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: Abebe Bikila, acatomic, Akiro, bbrasnjo3, bigfoot, djordje92sm, DJUNTA, Frunze, IQ116, Iskander, istina, IvanMiletic, K2, Koja79, Kototamopeva, leptirleptir, LostInSpaceandTime, m0nstrum_, MarijaC84, marko308, mercedesamg, Metanoja, moldway, nuki1234, pacika, Parker, Petar888, pisac12, procesor, Profesor_018, sale_bih, Schepan, sekretar, smuk, Srki94, stankolich, Tas011, TRZH92, vukajlo71, vukan0799, Vzor50, wolverined4, x78186, Čivi