You are viewing our Forum Archives. To view or take place in current topics click here.
Really Need Help!!! HTML design
Posted:

Really Need Help!!! HTML designPosted:

MigosATL
  • New Member
Status: Offline
Joined: Dec 07, 201310Year Member
Posts: 9
Reputation Power: 0
Status: Offline
Joined: Dec 07, 201310Year Member
Posts: 9
Reputation Power: 0
Hey I am currently trying to position images in a table, but I cannot do it, without them moving in weird positions.
Does anyone have an idea?


                                                                        <center><TABLE BORDER="1"    WIDTH="95%"   CELLPADDING="10" CELLSPACING="1"></center>
   <TR>
      </TH>
   </TR>
   <TR>
      <TH><img src="http://www.thetechgame.org/images/coins.png" align="left"><p style="text-align: middle;">
3M RS07 GP | <font color="1cb705">$8.55</font> <img src="http://www.thetechgame.org/images/submit.png" align="right">
</p></TH>
   <TR ALIGN="CENTER">
      <TH><img src="http://www.thetechgame.org/images/coins.png" align="left"><p style="text-align: middle;">
3M RS07 GP | <text style="text-align: right;"><font color="1cb705">$8.55</text></font></text>
</p></TH>
   </TR>
      <TH><img src="http://www.thetechgame.org/images/coins.png" align="left"><p style="text-align: middle;">
5M RS07 GP | <text style="text-align: right;"><font color="1cb705">$14.10</text></font></text>
</p></TH></TH>
   <TR ALIGN="CENTER">
      <TH><img src="http://www.thetechgame.org/images/coins.png" align="left"><p style="text-align: middle;">
10M RS07 GP | <text style="text-align: right;"><font color="1cb705">$27.30</text></font></text>
</p></TH></TH>
             <TR>
      <TH><img src="http://www.thetechgame.org/images/coins.png" align="left"><p style="text-align: middle;">
20M RS07 GP | <text style="text-align: right;"><font color="1cb705">$52.80</text></font></text>
</p></TH></TH>
   <TR ALIGN="CENTER">
      <TH><img src="http://www.thetechgame.org/images/coins.png" align="left"><p style="text-align: middle;">
50M RS07 GP | <text style="text-align: right;"><font color="1cb705">$127.50</text></font>
</p></TH></TH>
</TABLE>



Picture:


[ Register or Signin to view external links. ]

Any ideas? I tried css and I am currently no good with it.

Add me on skype- RuneKeep
#2. Posted:
Herz
  • Resident Elite
Status: Offline
Joined: Nov 10, 201212Year Member
Posts: 256
Reputation Power: 13
Status: Offline
Joined: Nov 10, 201212Year Member
Posts: 256
Reputation Power: 13
What image are you trying to add?
#3. Posted:
phpBB
  • TTG Senior
Status: Offline
Joined: Dec 31, 201112Year Member
Posts: 1,274
Reputation Power: 54
Status: Offline
Joined: Dec 31, 201112Year Member
Posts: 1,274
Reputation Power: 54
Fixed your code, you had tags that didn't even have anything in them.... The HTML was very messy... Anyways I'm not here to criticize your code structure.. here it is:

<!-- You will have to update the img src's since I dont know them. !-->
<TABLE class="RSTable"BORDER="0"WIDTH="95%"CELLPADDING="10"CELLSPACING="1">
      <TR>
          <TD>
         <img id="COINS" src="http://www.thetechgame.com/images/coins.png"/>
          </TD>
          <TD>
            <P>3M RS07 GP | <font color="1cb705">$8.55</font></P>
          </TD>
          <TD>
          <img id="SUBMIT" src="http://www.thetechgame.com/images/submit.png"/>
          </TD>
      </TR>
      <TR>
          <TD>
        <img id="COINS" src="http://www.thetechgame.com/images/coins.png"/>
          </TD>
          <TD>
       <p>3M RS07 GP | <font color="1cb705">$8.55</font></p>
          </TD>
          <TD>
            <img ID="SUBMIT" src="http://www.thetechgame.com/images/submit.png"/>
          </TD>
      </TR>
      <TR>
          <TD>
            <img ID="COINS" src="http://www.thetechgame.com/images/coins.png"/>
          </TD>
          <TD>
            <p> 5M RS07 GP | <font color="1cb705">$14.10</font></p>
          </TD>
          <TD>
          <img id="SUBMIT" src="http://www.thetechgame.com/images/submit.png"/>
          </TD>
      <TR>
          <TD>
            <img ID="COINS" src="http://www.thetechgame.com/images/coins.png"/>
          </TD>
          <TD>
            <p> 10M RS07 GP | <font color="1cb705">$27.30</font></p>
          </TD>
          <TD>
          <img id="SUBMIT" src="http://www.thetechgame.com/images/submit.png"/>
          </TD>
      </TR>
      <TR>
          <TD>
            <img ID="COINS" src="http://www.thetechgame.com/images/coins.png"/>
          </TD>
          <TD>
            <p> 20M RS07 GP | <font color="1cb705">$52.80</font></p>
          </TD>
          <TD>
          <img id="SUBMIT" src="http://www.thetechgame.com/images/submit.png"/>
          </TD>
      <TR>
          <TD>
            <img ID="COINS" src="http://www.thetechgame.com/images/coins.png"/>
          </TD>
          <TD>
            <p>50M RS07 GP | <font color="1cb705">$127.50</font></p>
          </TD>
          <TD>
          <img id="SUBMIT" src="http://www.thetechgame.com/images/submit.png"/>
          </TD>
</TABLE>
<style>
  .RSTable tr{border: 1px solid black;}
  .RSTable P{align:center;text-align:center;}
  .RSTable #COINS{align:left;}
  .RSTable #SUBMIT{align:right;}
</style>


Side note: (Just a tip) Don't do styling inside the tags.. It creates clutter and is hard to read. especially when you're looking for help... Most of the time it took me to fix that code was getting rid of inline-styling.


Last edited by phpBB ; edited 4 times in total
#4. Posted:
UnrealEgg
  • Powerhouse
Status: Offline
Joined: May 30, 201014Year Member
Posts: 438
Reputation Power: 49
Status: Offline
Joined: May 30, 201014Year Member
Posts: 438
Reputation Power: 49
You have tags all over the place.

<th> is for headers of a table. So for example, on your table you may want the headers "Image", "Money" and "Submit Image". I don't think this is what you want.

It's pretty simple really if you pause and think about it. You have a table (one <table>) with multiple rows (multiple <tr>). Now each row needs three cells (three <td>). If you look at the code below, it should be more clear.


<table border="1">
   <tr>
      <td><img src="coins.png"></td>
      <td>3M RS07 GP | <font color="1cb705">$8.55</font></td>
      <td><img src="submit.png"></td>
   </tr>
   <tr>
      <td><img src="coins.png"></td>
      <td>3M RS07 GP | <font color="1cb705">$8.55</font></td>
      <td><img src="submit.png"></td>
   </tr>
</table>


Edit:
In this case, it may be better to style the content without using a table.
#5. Posted:
Database
  • Rising Star
Status: Offline
Joined: Sep 20, 200915Year Member
Posts: 721
Reputation Power: 32
Status: Offline
Joined: Sep 20, 200915Year Member
Posts: 721
Reputation Power: 32
is his problem sorted out now?
Jump to:
You are viewing our Forum Archives. To view or take place in current topics click here.