Avko 20.05.2020 11:36
Predmet:ne vidim kucicu za pregledaj fajl

Nesto mi se desava u css-u a neznam to rijesiti.

Prvo sam mislio da nevaljaju forme, kodovi za import csv fajla pa sam potrazio rijesenja na internetu. Uzeo sam 8 raznih rijesenja.
Poslje sam ustanovio da nesto nije u redu sa css-om.

slika 1. bez css-a



slika 2. bez css-a i kada odaberem css file



slika 3. sa css-om



https://www.w3schools.com/...Z2RUHEUU34
Prilozi:
01_web_oop_icentar.zip (Velicina datoteke:36.16 KB)

zxz 20.05.2020 11:56
Predmet:Re: ne vidim kucicu za pregledaj fajl

Nisi napisao sta si dobio a sta ocekujes da dobijes.
Da ne opisujem sve pa ces reci da predajem.

Avko 20.05.2020 12:46
Predmet:Re: ne vidim kucicu za pregledaj fajl

Citiraj zxz:
Nisi napisao sta si dobio a sta ocekujes da dobijes.
Da ne opisujem sve pa ces reci da predajem.

hehehe, pa ja Å¡tedim tebi vrijeme.

htio bi iz slike 1 , stavka 6 ili 7 da mi bude u slici 3.

evo da ti i nacrtam
hehehe

Avko 20.05.2020 18:10
Predmet:Re: ne vidim kucicu za pregledaj fajl

bilo je do css-a kako sam i rekao. Trebalo je odvojiti sa id ili class svaki posebno jer je prvi vrijedio za sve ostale.

PreuzmiIzvorni kôd (Text):
  1. /*IMPORT FILE */
  2. /* 1 */
  3. #prvi input[type="file"] {
  4.     display: none;
  5. }
  6.  
  7. #prvi .custom-file-upload {
  8.     border: 1px solid #ccc;
  9.     display: inline-block;
  10.     padding: 6px 12px;
  11.     cursor: pointer;
  12. }
  13.  
  14. /* 2 */
  15.  
  16. #drugi .inputfile {
  17.         width: 0.1px;
  18.         height: 0.1px;
  19.         opacity: 0;
  20.         overflow: hidden;
  21.         position: absolute;
  22.         z-index: -1;
  23. }
  24. #drugi .inputfile + label {
  25.     font-size: 1.25em;
  26.     font-weight: 700;
  27.     color: white;
  28.     background-color: black;
  29.     display: inline-block;
  30. }
  31.  
  32. #drugi .inputfile:focus + label,
  33. #drugi .inputfile + label:hover {
  34.     background-color: red;
  35. }
  36.  
  37. /* 3 */
  38. div.upload {
  39.     width: 157px;
  40.     height: 57px;
  41.     background: url(https://lh6.googleusercontent.com/-dqTIJRTqEAQ/UJaofTQm3hI/AAAAAAAABHo/w7ruR1SOIsA/s157/upload.png);
  42.     overflow: hidden;
  43. }
  44.  
  45. div.upload input {
  46.     display: block !important;
  47.     width: 157px !important;
  48.     height: 57px !important;
  49.     opacity: 0 !important;
  50.     overflow: hidden !important;
  51. }
  52. /* 4 */
  53. #cetvrti .upload-wrap {
  54.     position: relative;
  55. }
  56.  
  57. #cetvrti .upload-btn {
  58.     position: absolute;
  59.     left: 0;
  60.     opacity: 0;
  61. }

PreuzmiIzvorni kôd (Text):
  1. <table align="center" border="3" style="width:100%">   
  2.                 <tr>
  3.                         <td><h3>1.</h3></td>
  4.                         <td>
  5.                                 <div id="prvi">
  6.                                         <input id="file-upload" type="file" />
  7.                                         <label class="custom-file-upload" for="file-upload">IZABERI FILE</label>
  8.                                 </div>
  9.                         </td>
  10.                 </tr>
  11.                 <tr>
  12.                         <td><h3>2.</h3></td>
  13.                         <td>
  14.                                 <div id="drugi">
  15.                                         <input id="file" class="inputfile" type="file" name="file" />
  16.                                         <label for="file">IZABERI FILE</label>
  17.                                 <div>
  18.                         </td>
  19.                 </tr>
  20.                 <tr>   
  21.                         <td><h3>3.</h3></td>
  22.                         <td>
  23.                                 <div id="treci">
  24.                                         <form action="" method="post" enctype="multipart/form-data">
  25.                                                 <div class="upload">
  26.                                                         <input type="file" name="file"/>
  27.                                                 </div>
  28.                                         </form>
  29.                                 </div>
  30.                         </td>
  31.                 </tr>
  32.                 <tr>   
  33.                         <td><h3>4.</h3></td>
  34.                         <td>
  35.                                 <div id="cetvrti">
  36.                                         <button type="button" class="nice-button">UPLOAD FILE</button>
  37.                                         <input type="file" name="file" class="upload-btn"/>
  38.                                 </div>
  39.                         </td>  
  40.                 </tr>
  41.                 <tr>   
  42.                         <td><h3>5.</h3></td>
  43.                         <td>
  44.                                 <div id="peti">
  45.                                 <form action="" enctype="multipart/form-data" method="post" >
  46.                                         <div class="form-group">
  47.                                                 <label for="file">Select .CSV file to Import</label>
  48.                                                 <input name="file" type="file" class="form-control">
  49.                                         </div>
  50.                                        
  51.                                         <div class="form-group">
  52.                                                 <input type="submit" name="submit" class="btn btn-primary" value="Submit"/>
  53.                                         </div>
  54.                                 </form>
  55.                                 </div>
  56.                         </td>
  57.                 </tr>
  58.                 <tr>
  59.                         <td><h3>6.</h3></td>
  60.                         <td>
  61.                                 <div id="sesti">
  62.                                 <form method='POST' enctype='multipart/form-data'>Upload CSV FILE:
  63.                                         <input type='file' name='csv_info' />
  64.                                         <input type='submit' name='submit' value='Upload File' />
  65.                                 </form>
  66.                                 </div>
  67.                         </td>
  68.                 </tr>
  69.                 <tr>   
  70.                         <td><h3>7.</h3></td>
  71.                         <td>
  72.                                 <div id="sedmi">
  73.                                 <form action="" method="post" enctype="multipart/form-data">
  74.                                         <label for="file">Filename:</label>
  75.                                         <input type="file" name="file" id="file" />
  76.                                         <br />
  77.                                         <input type="submit" name="submit" value="Submit" />
  78.                                 </form>
  79.                                 </div>
  80.                         </td>
  81.                 </tr>
  82.                 <tr>   
  83.                         <td><h3>8.</h3></td>
  84.                         <td>
  85.                                 <div id="osmi">
  86.                                 <form enctype="multipart/form-data" method="post" role="form">
  87.                                         <div class="form-group">
  88.                                                 <label for="exampleInputFile">File Upload</label>
  89.                                                 <input type="file" name="file" id="file" size="150">
  90.                                                 <p class="help-block">Only Excel/CSV File Import.</p>
  91.                                         </div>
  92.                                         <button type="submit" class="btn btn-default" name="submit" value="submit">Upload</button>
  93.                                 </form>
  94.                                 </div>
  95.                         </td>
  96.                 </tr>
  97.                 <tr>
  98.                         <td><h1>9.</h1></td>
  99.                         <td>
  100.                                 <div id="deveti">
  101.                                 <form action="" method="post" name="frmCSVImport" enctype="multipart/form-data">
  102.                                         <label>Izaberi CSV fajl</label>
  103.                                         <input type="file" name="file" id="file" accept=".csv">
  104.                                         <br />
  105.                                         <button type="submit" id="submit" name="import">Import</button>
  106.                                         <br />
  107.                                 </form>
  108.                                 </div>
  109.                                
  110.                         </td>
  111.                 </tr>
  112.                
  113.         </table>

zxz 20.05.2020 19:50
Predmet:Re: ne vidim kucicu za pregledaj fajl

/*IMPORT FILE */
/* 1 */
input[type="file"] {
display: none;
}
Pocetnicka greska hehe.

input moze biti:
<input type="button">
<input type="checkbox">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="month">
<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
<input type="search">
<input type="submit">
<input type="tel">
<input type="text"> (default value)
<input type="time">
<input type="url">
<input type="week">

Ako u css-u navedes tip onda ce on vaziti sve dotle dok ponovo negdje ne navedes isti tip pa promijenis.
Ti si na pocetku naveo tip fajl i rekao da bude nevidljiv.
Imas i jedan div nezatvoren.
<div id="container"> a i nema ga u css-u.
Tako je kad prekopiras pa prepravljas.

Avko 21.05.2020 10:17
Predmet:Re: ne vidim kucicu za pregledaj fajl

Citiraj zxz:

Imas i jedan div nezatvoren.
<div id="container"> a i nema ga u css-u.
Tako je kad prekopiras pa prepravljas.

Da , trebo je biti zatvoren u futeru.
Hvala