Avko 21.03.2018 14:50
Predmet:Kako razvuci dugme na cijelu celiju table

imamo button i stavimo ga u jednu celiju table , ali kako ga razvuci na cijelu tablu?
Prilozi:
proba.rar (Velicina datoteke:2.30 KB)

zxz 21.03.2018 15:45
Predmet:Re: Kako razvuci dugme na cijelu celiju table

da nisi mislio ovako
<tr><td class="button"><a href="proba.html" target="main" >PROBA</a></td></tr>

Avko 21.03.2018 17:05
Predmet:Re: Kako razvuci dugme na cijelu celiju table

PreuzmiIzvorni kôd (HTML):
  3. <title>nav</title>
  5. .button {
  6.     background-color: #4CAF50;
  7.     border: none;
  8.     color: white;
  9.     width: 100%;
  10.         hight: 50%;
  11.     text-align: center;
  12.     text-decoration: none;
  13.     display: inline-block;
  14.     font-size: 16px;
  15.     margin: 4px 2px;
  16.     cursor: pointer;
  17. }
  18. table td form button{
  19.   width: 100%;
  20.   height: 100%;
  21. }
  23. </head>
  25.  
  26. <table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
  27.  
  28. <tr><td></td></tr> <!-- kolona -->
  29. <tr><td><a href="proba.html" target="main" class="button">PROBA</a></td></tr>
  30. <tr><td><a href="about.html" target="main" class="button">ABOUT</a></td></tr>
  31. <tr><td><a href="courses.html" target="main" class="button">COURSES</a></td></tr>
  32. <tr><td><a href="department.html" target="main" class="button">DEPARTMENT</a></td></tr>
  33. <tr><td>Gallery</td></tr>
  34. <tr><td><a href="contact.html" target="main" class="button">CONTACT US</a></td></tr>
  35. <tr><td class="button"><a href="proba.html" target="main" >zxz</a></td></tr>
  36. <tr><td>
  37.         <form action="proba.html" target="main" method="get">
  38.                 <!-- First name: <input type="text" name="fname"><br> -->
  39.                 <!-- Last name: <input type="text" name="lname"><br> -->
  40.                 <button type="submit" >PROBA</button>
  41.                 <!-- <button type="submit" formtarget="_blank">Submit to a new window</button> -->
  42.         </form>
  43. </td></tr>
  45. </body>
  46. </html>

nece

zxz 21.03.2018 17:54
Predmet:Re: Kako razvuci dugme na cijelu celiju table

Nemoze biti.
Mozda nisi napravio refresh sa f5.
Upravo je tako kako si objasnio.
<tr><td class="button"><a href="proba.html" target="main" >PROBA</a></td></tr>

vidis da je cijela kao klasa.

Avko 21.03.2018 19:28
Predmet:Re: Kako razvuci dugme na cijelu celiju table

je stavio sam na krivo mjesto.



No pojavio se novi problem, Morat cu sa formom jer zelim poslati neke varijable na tu drugu stranu, moja proba nije kao ono tvoje



ustvari svasta sam napisao pod style, a nisam bas u tome da se snalazim. evo i kod:

PreuzmiIzvorni kôd (HTML):
  2.  
  4. <title>nav</title>
  6. table {
  7.         width: 100%;
  8.                 height: 100%;
  9.                 border: 10;
  10.                 cellspacing: 0;
  11.                 cellpadding: 0;
  12.     }
  13.  
  14.     .width-20 td {
  15.         width: 20%;
  16.     }
  17.  
  18.     .width-25 td {
  19.         width: 50%;
  20.     }
  21.  
  22.     .buttons {
  23.         text-align: center;
  24.         font-size: 1.0em;
  25.         font-weight: bold;
  26.         line-height: 200%;
  27.     }
  28.     .buttons a {
  29.         display: inline-block;
  30.         height: 100%;
  31.         width: 100%;
  32.         margin-bottom: 0.5em;
  33.         padding-top: .6em;
  34.         padding-bottom: .6em;
  35.         color: #fff;
  36.         background-color: #aaabbb;
  37.         border-radius: 5px;
  38.         border: solid #cccccc 1px;
  39.         box-shadow: 2px 2px 1px #888888;
  40.     }
  41.     .buttons a:active {
  42.         box-shadow: 1px 1px 0px #888888;
  43.     }
  44.         .buttons form button{
  45.         display: inline-block;
  46.         height: 100%;
  47.         width: 100%;
  48.         margin-bottom: 0.5em;
  49.         padding-top: .6em;
  50.         padding-bottom: .6em;
  51.         color: #fff;
  52.         background-color: #aaabbb;
  53.         border-radius: 5px;
  54.         border: solid #cccccc 1px;
  55.         box-shadow: 2px 2px 1px #888888;
  56.     }
  58. </head>
  59.  
  61.  
  62. <table class="buttons width-25">
  63.  
  64. <tr><td></td></tr> <!-- kolona -->
  65.  
  66. <tr><td class="button"><a href="proba.html" target="main" >ZXZ</a></td></tr>
  67.  
  68. <tr><td><a href="proba.html" target="main" class="button">PROBA</a></td></tr>
  69.  
  70. <tr><td><a href="about.html" target="main" class="button">ABOUT</a></td></tr>
  71.  
  72. <tr><td><a href="courses.html" target="main" class="button">COURSES</a></td></tr>
  73.  
  74. <tr><td><a href="department.html" target="main" class="button">DEPARTMENT</a></td></tr>
  75.  
  76. <tr><td><a href="contact.html" target="main" class="button">CONTACT US</a></td></tr>
  77.  
  78. <tr><td>
  79.         <form class="buttons width-25" action="proba.html" target="main" method="POST">
  80.                 <!-- First name: <input type="text" name="fname"><br> -->
  81.                 <!-- Last name: <input type="text" name="lname"><br> -->
  82.                 <input type="hidden" name="varname" value="12345" />
  83.                 <button type="submit">PROBA</button>
  84.                 <!-- <button type="submit" formtarget="_blank">Submit to a new window</button> -->
  85.         </form>
  86. </td></tr>
  88. </body>
  89. </html>

zxz 21.03.2018 23:21
Predmet:Re: Kako razvuci dugme na cijelu celiju table

.buttons a
to je tvoj za ovj tater.

Avko 22.03.2018 16:03
Predmet:Re: Kako razvuci dugme na cijelu celiju table

evo izludio sam više, nemogu pa nemogu ga razvuci a neznam dali je to i moguce. Procitao preko 100 stranica interneta od jue do danas



evo i kod:

PreuzmiIzvorni kôd (HTML):
  1. </head>
  3.         table {
  4.         width: 100%;
  5.                 height: 100%;
  6.                 border: 10;
  7.                 background-color: #1fd100;
  8.                 cellspacing: 0;
  9.                 cellpadding: 0;
  10.     }
  11.    
  12.         .width-25 td {
  13.         width: 100%;
  14.     }
  15.    
  16.     /** ovo sam dodao **/
  17.     .buttons{
  18.         text-align: center;
  19.         font-size: 1.0em;
  20.         font-weight: bold;
  21.         line-height: 0;
  22.     }
  23.     button{
  24.         margin-top: 0;
  25.         margin-bottom: 0;
  26.         padding-top: 50%;
  27.         padding-bottom: 50%;
  28.         color: #000;
  29.         background-color: #1fd100;
  30.         border-radius: 0;
  31.         border: solid #cccccc 1px;
  32.         box-shadow: 2px 2px 1px #888888;
  33.     }
  34.    
  35.    
  37.  
  39.  
  40. <table class="buttons width-25" border="10">
  41.  
  42. <tr><td>
  43.         <form action="button_1.php" target="main" method="POST">
  44.                 <input type="hidden" name="korisnik" value="12345" />
  45.                 <button type="submit">BUTTON 1</button>
  46.         </form>
  47. </td></tr>
  48.  
  49. <tr><td>
  50.         <form action="button_2.php" target="main" method="POST">
  51.                 <input type="hidden" name="korisnik" value="12345" />
  52.                 <button type="submit">BUTTON 2</button>
  53.         </form>
  54. </td></tr>
  55.  
  57. </body>
  58. </html>

Ima li tko?

zxz 22.03.2018 17:31
Predmet:Re: Kako razvuci dugme na cijelu celiju table

Probaj ovako:
Upotrijebi klasu
PreuzmiIzvorni kôd (HTML):
  1. </head>
  3.         table {
  4.         width: 100%;
  5.                 height: 100%;
  6.                 border: 10;
  7.                 background-color: #1fd100;
  8.                 cellspacing: 0;
  9.                 cellpadding: 0;
  10.     }
  11.  
  12.         .width-25 td {
  13.         width: 100%;
  14.     }
  15.  
  16.     /** ovo sam dodao **/
  17.     .buttons{
  18.         text-align: center;
  19.         font-size: 1.0em;
  20.         font-weight: bold;
  21.         line-height: 0;
  22.     }
  23.  .button{
  24.         margin-top: 0;
  25.         margin-bottom: 0;
  26.         width: 400px;
  27.         height: 100px;
  28.         padding-bottom: 50%;
  29.         color: #000;
  30.         background-color: #1fd100;
  31.         border-radius: 0;
  32.         border: solid #cccccc 1px;
  33.         box-shadow: 2px 2px 1px #888888;
  34.     }
  35.  
  36.  
  38.  
  40.  
  41. <table class="buttons width-25" border="10">
  42.  
  43. <tr><td>
  44.         <form  target="main" method="POST">
  45.                 <input type="hidden" name="korisnik" value="12345" />
  46.                 <button type="submit" class=button>BUTTON 1</button>
  47.         </form>
  48. </td></tr>
  49.  
  50. <tr><td>
  51.         <form action="button_2.php" target="main" method="POST">
  52.                 <input type="hidden" name="korisnik" value="12345" />
  53.                 <button type="submit">BUTTON 2</button>
  54.         </form>
  55. </td></tr>
  56.  
  58. </body>
  59. </html>

Avko 22.03.2018 17:51
Predmet:Re: Kako razvuci dugme na cijelu celiju table

sa ovime

...

width: 400px;
height: 100px;

odu buttoni van,

a mislim treba biti <button type="submit" class="button">BUTTON 1</button>
navodnici na button

Avko 22.03.2018 17:57
Predmet:Re: Kako razvuci dugme na cijelu celiju table

na main frame se ucita dobro, dok na ovom ljevo nije dobro