SitePoint Sponsor

User Tag List

Page 2 of 2 FirstFirst 12
Results 26 to 29 of 29
  1. #26
    SitePoint Member
    Join Date
    Jun 2013
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This kind of thing isn't HTML, it's random soup. So let the validator (validator.w3.org) and an HTML guide somewhere show you where to fix that code before doing anything with CSS. I personally believe it would be way easier to write the code (at least for testing) yourself rather than letting a machine generate misformed tables, which you will fight at every step.
    The reason why I used the generator is that I have over 100 page of table code and data to make and this generator allows me to modify the data inside all those page in a matter of a few minute.The whole generated page has passed the w3c validating.Its my own coding that has error.Thats the output of the generator :
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta name="generator" content="Pokémon TCG Manager">
    <style type="text/css">body, table { background-color: #FFFFFF;background-image: none; font-family: Arial,sans-serif;color: #000000; font-size: 10pt;}table, tr, th, td { border: 1px solid #000000; border-collapse: collapse }.row0 td { background-color: #FFFFFF;}.row1 td { background-color: #C0C0C0;}</style>
    <title>Black & White - List</title></head><body>
    <h1>Black & White - List</h1>
    2013-06-10 02:56:53
    <p>
    Generated by Pokémon Trading Card Manager (<a href="http://birdiesoft.dk" target="_blank">http://birdiesoft.dk</a>)
    <p>
    115 cards in set. Own 115.
    <table width="100%"><thead><tr><th>#</th><th>Card</th><th>Type</th><th>Rarity</th>
    <th>Number</th>
    <th>Reverse Holo</th>
    <th>Condition</th>
    </tr></thead><tbody>
    <tr class="row0"><td>1/114</td><td>Snivy</td><td>Grass</td><td>●</td><td>4
    </td><td>0
    </td><td>Mint!</td></tr>
    <tr class="row1"><td>2/114</td><td>Snivy</td><td>Grass</td><td>●</td><td>1
    </td><td>0
    </td><td>Mint!</td></tr>
    <tr class="row0"><td>3/114</td><td>Servine</td><td>Grass</td><td>♦</td><td>1
    </td><td>0
    </td><td>Mint!</td></tr>
    <tr class="row1"><td>4/114</td><td>Servine</td><td>Grass</td><td>♦</td><td>1
    </td><td>0
    </td><td>Mint!</td></tr>
    <tr class="row0"><td>5/114</td><td>Serperior</td><td>Grass</td><td>*H</td><td>1
    </td><td>0
    </td><td>Mint!</td></tr>
    <tr class="row1"><td>6/114</td><td>Serperior</td><td>Grass</td><td>*H</td><td>1
    </td><td>0
    </td><td>Mint!</td></tr>
    <tr class="row0"><td>7/114</td><td>Pansage</td><td>Grass</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>8/114</td><td>Simisage</td><td>Grass</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>9/114</td><td>Petilil</td><td>Grass</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>10/114</td><td>Lilligant</td><td>Grass</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>11/114</td><td>Maractus</td><td>Grass</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>12/114</td><td>Maractus</td><td>Grass</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>13/114</td><td>Deerling</td><td>Grass</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>14/114</td><td>Sawsbuck</td><td>Grass</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>15/114</td><td>Tepig</td><td>Fire</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>16/114</td><td>Tepig</td><td>Fire</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>17/114</td><td>Pignite</td><td>Fire</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>18/114</td><td>Pignite</td><td>Fire</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>19/114</td><td>Emboar</td><td>Fire</td><td>*H</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>20/114</td><td>Emboar</td><td>Fire</td><td>*H</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>21/114</td><td>Pansear</td><td>Fire</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>22/114</td><td>Simisear</td><td>Fire</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>23/114</td><td>Darumaka</td><td>Fire</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>24/114</td><td>Darumaka</td><td>Fire</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>25/114</td><td>Darmantian</td><td>Fire</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>26/114</td><td>Reshiram</td><td>Fire</td><td>*H</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>27/114</td><td>Oshawott</td><td>Water</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>28/114</td><td>Oshawott</td><td>Water</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>29/114</td><td>Dewott</td><td>Water</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>30/114</td><td>Dewott</td><td>Water</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>31/114</td><td>Samurott</td><td>Water</td><td>*H</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>32/114</td><td>Samurott</td><td>Water</td><td>*H</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>33/114</td><td>Panpour</td><td>Water</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>34/114</td><td>Simipour</td><td>Water</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>35/114</td><td>Basculin</td><td>Water</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>36/114</td><td>Ducklett</td><td>Water</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>37/114</td><td>Swanna</td><td>Water</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>38/114</td><td>Alomomola</td><td>Water</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>39/114</td><td>Alomomola</td><td>Water</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>40/114</td><td>Blitzle</td><td>Electric</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>41/114</td><td>Blitzle</td><td>Electric</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>42/114</td><td>Zebstrika</td><td>Electric</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>43/114</td><td>Zebstrika</td><td>Electric</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>44/114</td><td>Joltik</td><td>Electric</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>45/114</td><td>Joltik</td><td>Electric</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>46/114</td><td>Galvantula</td><td>Electric</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>47/114</td><td>Zekrom</td><td>Electric</td><td>*H</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>48/114</td><td>Munna</td><td>Psychic</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>49/114</td><td>Musharna</td><td>Psychic</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>50/114</td><td>Woobat</td><td>Psychic</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>51/114</td><td>Swoobat</td><td>Psychic</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>52/114</td><td>Venipede</td><td>Psychic</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>53/114</td><td>Whirlipede</td><td>Psychic</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>54/114</td><td>Scolipede</td><td>Psychic</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>55/114</td><td>Solosis</td><td>Psychic</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>56/114</td><td>Duosion</td><td>Psychic</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>57/114</td><td>Reuniclus</td><td>Psychic</td><td>*H</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>58/114</td><td>Timburr</td><td>Fighting</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>59/114</td><td>Timburr</td><td>Fighting</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>60/114</td><td>Gurdurr</td><td>Fighting</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>61/114</td><td>Throh</td><td>Fighting</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>62/114</td><td>Sawk</td><td>Fighting</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>63/114</td><td>Sandile</td><td>Fighting</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>64/114</td><td>Krokorok</td><td>Fighting</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>65/114</td><td>Krookodile</td><td>Fighting</td><td>*H</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>66/114</td><td>Purrloin</td><td>Dark</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>67/114</td><td>Liepard</td><td>Dark</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>68/114</td><td>Scraggy</td><td>Dark</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>69/114</td><td>Scrafty</td><td>Dark</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>70/114</td><td>Zorua</td><td>Dark</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>71/114</td><td>Zoroark</td><td>Dark</td><td>*H</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>72/114</td><td>Vullaby</td><td>Dark</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>73/114</td><td>Mandibuzz</td><td>Dark</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>74/114</td><td>Klink</td><td>Metal</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>75/114</td><td>Klang</td><td>Metal</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>76/114</td><td>Klinklang</td><td>Metal</td><td>*H</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>77/114</td><td>Patrat</td><td>Colorless</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>78/114</td><td>Patrat</td><td>Colorless</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>79/114</td><td>Watchog</td><td>Colorless</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>80/114</td><td>Lillipup</td><td>Colorless</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>81/114</td><td>Lillipup</td><td>Colorless</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>82/114</td><td>Herdier</td><td>Colorless</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>83/114</td><td>Stoutland</td><td>Colorless</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>84/114</td><td>Pidove</td><td>Colorless</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>85/114</td><td>Tranquill</td><td>Colorless</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>86/114</td><td>Unfezant</td><td>Colorless</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>87/114</td><td>Audino</td><td>Colorless</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>88/114</td><td>Minccino</td><td>Colorless</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>89/114</td><td>Cinccino</td><td>Colorless</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>90/114</td><td>Bouffalant</td><td>Colorless</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>91/114</td><td>Bouffalant</td><td>Colorless</td><td>*</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>92/114</td><td>Energy Retrieval</td><td>Trainer</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>93/114</td><td>Energy Search</td><td>Trainer</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>94/114</td><td>Energy Switch</td><td>Trainer</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>95/114</td><td>Full Heal</td><td>Trainer</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>96/114</td><td>PlusPower</td><td>Trainer</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>97/114</td><td>Poké Ball</td><td>Trainer</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>98/114</td><td>Pokédex</td><td>Trainer</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>99/114</td><td>Pokémon Communication</td><td>Trainer</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>100/114</td><td>Potion</td><td>Trainer</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>101/114</td><td>Professor Juniper</td><td>Trainer</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>102/114</td><td>Revive</td><td>Trainer</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>103/114</td><td>Super Scoop Up</td><td>Trainer</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>104/114</td><td>Switch</td><td>Trainer</td><td>♦</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>105/114</td><td>Grass Energy</td><td>Energy</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>106/114</td><td>Fire Energy</td><td>Energy</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>107/114</td><td>Water Energy</td><td>Energy</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>108/114</td><td>Lightning Energy</td><td>Energy</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>109/114</td><td>Psychic Energy</td><td>Energy</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>110/114</td><td>Fighting Energy</td><td>Energy</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>111/114</td><td>Darkness Energy</td><td>Energy</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>112/114</td><td>Metal Energy</td><td>Energy</td><td>●</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>113/114</td><td>Reshiram</td><td>Fire</td><td>*H</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td>114/114</td><td>Zekrom</td><td>Electric</td><td>*H</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row0"><td>115/114</td><td>Pikachu</td><td>Electric</td><td>*H</td><td>1
    </td><td>0
    </td><td>Trashed!</td></tr>
    <tr class="row1"><td><b>Total</b></td><td></td><td></td><td></td><td><b>118</b>
    </td><td>
    </td><td></td></tr>
    </tbody></table>
    <p>
    REMEMBER! 1st Editions/Rev. Holos are worth more than a "normal" card!<br>
    Remember this when trading your cards!
    </body></html>
    Upon validating my own test page...had over 900 error.Most of which I had pasted from another document made by someone else(source code).Some code ended like <link rel="stylesheet" type="text/css" href="theme.css" /> that /> the validator didnt like this.But somehow I found that on many page source.

    I want every table element below "Card" to display their respective image on mouseover.Where exactly isnt important, as long as it appear on screen at the same position relative to the browser (Example: always 20 pixel over the selected element, or always in the bottom right corner) so no matter where I'm at in the list when I over a element its display the picture so I can see it.I cannot code Javascript at all,so thats why I was trying to find a Css solution.But if you could point me to a script that is easy to place and that works with tables then I will go with javascript.But I still prefer css.

    Since I had seen this example and wanted to use it,because I didnt find anything else that did that with css.I began to copy paste it inside my table where my element I needed to display their images are.Since I wanted the picture displaying on mouse over to always appear on screen, I used the fixed positioning showed in this example.But I had no clue of how to make it work with the first functionnality.And all that in a table.If you or someone could tell me or point me to how I could achieve a mouse over text that display a picture that actually is always visible(when I'm overing a element of course) where I am at.A bit like this list of film there where a description and the cover appear when overing the titles.(They obviously use javascript,but I feel something similar can be done with css)
    The validator doesnt seem to like when I use <li> tag inside the table when the <ul> is outside of it.

    Like a select dropdown? I think it's possible inside a form with a get request whose action is "#anchorID", however it would be considered an abuse of form elements (I'm thinking from an accessibility point of view). But people have done it (forms as menus).
    Not really,what I had in mind might not even be possible.An text input field where what I type will "redirect" me within the same page to what I typed if its anchored.Example:
    I type in "Energy Retrieval" it does the same thing if I clicked an <a href="#Energy Retrieval">Energy Retrieval</a>,going directly to this <a name="Energy Retrieval"> as I type it correclty.It would seems like a search box,and seems acting like it,inside the same page without having to actually use a real search form (like google) and wait to be redirected to result in another page.I want it simple to use so my friends will use it instead of doing Ctrl+F.Thats an optionnal thing anyways My primary goal is the stuff mentionned above.

    Somehow I found my solution for the images to be fixed.I was not place the position:fixed; bit of code at the right class.I was puting it into image-holder...

    Another Functionnality I would like to have is a way to update my data in the table with input box where I could enter the new value and it would update it as I hit submit at the end.
    Like I have
    | # | Card |Quantity|Update Qty |
    | 1/114| Snivy| 2 | input field here|
    at the footer have a submit button in the Update Qty column. So if I input 4 and submit it refresh the page with the new value.
    Can I do that locally or I need to use a plugin/script on a server?PHP?Javascrip?
    I need that so it would be more convenient to update it instead of opening each file in a text editor

  2. #27
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I've updated my example to use a fixed positioned image and can be seen here:

    http://www.pmob.co.uk/temp/gallery-hover-stay3.htm

    I've also put it in a table for testing and the result can be seen here:

    http://www.pmob.co.uk/temp/gallery-hover-stay4.htm

    The above are only rough and do rely on the images being the same size in order to center in the viewport. Fixed positioned elements are useless when they reach out of the viewport so you should probably create a media query based on the height that sets the image to absolute instead of fixed at screen heights smaller than the image height.

  3. #28
    SitePoint Member
    Join Date
    Jun 2013
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks a lot for your time.I had found what was wrong:
    Somehow I found my solution for the images to be fixed.I was not placing the position:fixed; bit of code at the right class.I was puting it into image-holder...
    ,but now if anyone else is trying to do that he will be able to find a good exemple.Your is way simpler and without error.I still use the one with list tag,but I think that make the W3C validator angry since I have them inside a table.But since it work I will keep it as I have it now.

    Can someone point me/tell me where or how I could achieve this below

    Another Functionnality I would like to have is a way to update my data in the table with input box where I could enter the new value and it would update it as I hit submit at the end.
    Like I have that table for exemple
    |---#---|-Card--|-Quantity-|-Update Qty----|
    |-1/114-|-Snivy-|----2-----|-input field here-|
    |-2/114-|-Snivy-|----2-----|-input field here-|
    |-footer-|-------|----------|-----submit-----|
    at the footer have a submit button in the end of Update Qty column. So if I input 4 in the input field at row 1 and submit it refresh the page with the 1/114 card Snivy quantity showing "4" instead of the old value "2".
    Can I do that locally or I need to use a plugin/script on a server?PHP?Javascrip?
    I need that so it would be more convenient to update it instead of opening each file in a text editor
    I'm sure this can be done in PHP or javascript...but can it be done in HTML ?Probably not..but I would prefer using javascript over php.I'm making this whole project offline for the time being.

  4. #29
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by digitalbl00d View Post

    Can someone point me/tell me where or how I could achieve this below

    I'm sure this can be done in PHP or javascript...but can it be done in HTML ?Probably not..but I would prefer using javascript over php.I'm making this whole project offline for the time being.
    Hi,

    As this is basically a new topic I think its better you should post a new thread with all the relevant details in the relevant forum rather than tacking onto this old thread. Post in either the Javascript forum or the PHP forum (not both) but it probably seems more like a PHP question if you are using a database to store and retrieve these values.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •