• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EST 07:08
CET 13:08
KST 21:08
  • Home
  • Forum
  • Calendar
  • Streams
  • Liquipedia
  • Features
  • Store
  • EPT
  • TL+
  • StarCraft 2
  • Brood War
  • Smash
  • Heroes
  • Counter-Strike
  • Overwatch
  • Liquibet
  • Fantasy StarCraft
  • TLPD
  • StarCraft 2
  • Brood War
  • Blogs
Forum Sidebar
Events/Features
News
Featured News
[ASL22] Finals Preview: Sweet Victory!12[ASL22] Ro4 Preview: Mirror Mirror6[ASL22] Ro8 Preview: Within Reach5[ASL22] Ro8 Preview: In A Tizzy11[ASL22] Ro16 Preview: Holy Diver5
Community News
Weekly Cups (Oct 26 - Nov 1): MaxPax, herO, Solar win0Weekly Cups (October 19-25): Clem triples first in 5.0.175Evil Geniuses - shutting down23ISSL (IntoTheTV x SOOP SC2 League): Premier7Weekly Cups (October 12-18): 5.0.17 era begins1
StarCraft 2
General
Liquibets sc2 season 30 Evil Geniuses - shutting down Weekly Cups (Oct 26 - Nov 1): MaxPax, herO, Solar win No more SC2 streamers on team liquid? How do you feel about the mass reverts in the 5.0.17 PTR?
Tourneys
WardiTV Mondays ISSL (IntoTheTV x SOOP SC2 League): Premier Stellar Fest TWO the Moon (Dec 16-20) Sparkling Tuna Cup - Weekly Open Tournament RSL goes to London! 2026 Offline Finals Nov 21-22
Strategy
[H] ZvP Mid-Late Game: Stalkers Collossi HT
Custom Maps
[D] the control group Simple Questions/Answers [G] How to playtest arcade maps [A] Nemrods 1/4 players
External Content
Mutation # 550 Graveyard Shift The PondCast: SC2 News & Results Mutation # 549 Endless Sparkles Mutation # 548 Shining Bright
Brood War
General
Rollback Netcode in Brood War BW General Discussion Top Players of October 2026 (EBPD Rankings) [Megathread] Daily Funny Videos How SKT1 S-Tiers Felt To Be Swept By Flash
Tourneys
2v2v2v2 Tournament Stage 1: Community Poll [Megathread] Daily Proleagues [$1250] International ShieldBattery League New Worlds Star League
Strategy
50,000-Word Terran Builds Memo 2026-10-22 Cliff Jump Revisited (1 in a 1000 strategy) Simple Questions, Simple Answers
Other Games
General Games
Nintendo Switch Thread Stormgate/Frost Giant Megathread Deus Ex 3!? Mobile Legends: Bang Bang Armies of Exigo - YesYes?
Dota 2
Dota 2 Champions League Season 3 Begins April 25!
League of Legends
[TL LoL EUW IHs] Teemo shall perish
Heroes of the Storm
Heroes of the Storm 2.0
Hearthstone
Deck construction bug
TL Mafia
TL Mafia Community Thread
Community
General
US Politics Mega-thread Canadian Politics Mega-thread Russo-Ukrainian War Thread Things Aren’t Peaceful in Palestine The Chess Thread
Fan Clubs
Fan Club Resource Thread Reynor Fan Club The Flash Fan Club
Media & Entertainment
Anime Discussion Thread Movie Discussion! [Manga] One Piece
Sports
Football (Soccer) Thread TeamLiquid Health and Fitness Initiative For 2023 MLB/Baseball 2023
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread
TL Community
Recent Gifted Posts
Blogs
Why I built Repalyzer (1.1.…
BlueStar
Innovate or Game Over?
TrAiDoS
ShieldBattery on Mac
Kraekkling
[ASL22] Ro4 Day1 Ticket Giv…
bITt.mAN
Can Bots Beat Pros?? Starcr…
namkraft
Customize Sidebar...

Website Feedback

Closed Threads



Active: 11147 users

HTML Help

Blogs > Polemos
Post a Reply
1 2 Next All
Polemos
Profile Blog Joined March 2011
United States160 Posts
Last Edited: 2011-08-09 14:56:04
August 09 2011 14:54 GMT
#1
Hi!
Recently, I've been teaching myself HTML and CSS, with a bit of javascript thrown in. Unfortunately, I have run into a block, and I can't seem to find an error with my code (it's really, really simple.) I've looked at it for hours, and I still can't find an error. I was wondering if anyone could help :/ I'll put all the info in a spoiler below.


+ Show Spoiler +

http://dev.ieworks.net/devtest/location_add.html


+ Show Spoiler +


<!DOCTYPE html>
<head>
<title>Pop-Up Location Form</title>
</head>
<body>
<table>
<tr>
<td>Name: <input type="text" id="loc_name" /></td>
</tr>
<tr>
<td >Address 1: <input type="text" id="loc_add_1" /></td>
</tr>
<tr>
<td>Address 2: <input type="text" id="loc_add_2" /></td>
</tr>
<tr>
<td>City:<input type="tex" id="city_add" /></td>
<td>State: <select name="state" />
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select></td>
<td>Zip Code:<input type="Text" id="loc_zip" /></td>
</tr>
<tr>
<td><input type="button" id="button_cancel" value="Cancel" /></td>
<td><input type="button" id="button_save" value="Save" /></td>
</tr>
</table>
</body>
</html>


P.S. I've run it through a code validator to no avail, and I've tried using Firebug, but I can't figure out how to use it ._.

It is better to be hated for who you are then loved for who you are not.
Deleted User 101379
Profile Blog Joined August 2010
4849 Posts
August 09 2011 14:58 GMT
#2
On August 09 2011 23:54 Polemos wrote:
Hi!
Recently, I've been teaching myself HTML and CSS, with a bit of javascript thrown in. Unfortunately, I have run into a block, and I can't seem to find an error with my code (it's really, really simple.) I've looked at it for hours, and I still can't find an error. I was wondering if anyone could help :/ I'll put all the info in a spoiler below.


+ Show Spoiler +

http://dev.ieworks.net/devtest/location_add.html


+ Show Spoiler +


<!DOCTYPE html>
<head>
<title>Pop-Up Location Form</title>
</head>
<body>
<table>
<tr>
<td>Name: <input type="text" id="loc_name" /></td>
</tr>
<tr>
<td >Address 1: <input type="text" id="loc_add_1" /></td>
</tr>
<tr>
<td>Address 2: <input type="text" id="loc_add_2" /></td>
</tr>
<tr>
<td>City:<input type="tex" id="city_add" /></td>
<td>State: <select name="state" />
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select></td>
<td>Zip Code:<input type="Text" id="loc_zip" /></td>
</tr>
<tr>
<td><input type="button" id="button_cancel" value="Cancel" /></td>
<td><input type="button" id="button_save" value="Save" /></td>
</tr>
</table>
</body>
</html>


P.S. I've run it through a code validator to no avail, and I've tried using Firebug, but I can't figure out how to use it ._.


<select name="state" />

There is your mistake.
Remove the / in the opening select tag.

NihiLStarcraft
Profile Blog Joined January 2010
Denmark1413 Posts
Last Edited: 2011-08-09 14:59:04
August 09 2011 14:58 GMT
#3
It'd probably save time if you let us know what the problem is? :p

EDIT: Ninja'd.
Polemos
Profile Blog Joined March 2011
United States160 Posts
August 09 2011 14:59 GMT
#4
I have done so, but it still hasn't done anything with my formatting issues ._.
It is better to be hated for who you are then loved for who you are not.
Polemos
Profile Blog Joined March 2011
United States160 Posts
August 09 2011 15:00 GMT
#5
Look at the first spoiler. Since it's in a table, all the text inputs, and name address & w/e should be lining up, but they aren't. My issue is finding out why they aren't lining up.
It is better to be hated for who you are then loved for who you are not.
Deleted User 101379
Profile Blog Joined August 2010
4849 Posts
Last Edited: 2011-08-09 15:07:49
August 09 2011 15:01 GMT
#6
On August 09 2011 23:59 Polemos wrote:
I have done so, but it still hasn't done anything with my formatting issues ._.


Ok, what are your formatting issues then?
Edit: Now i got Ninjaed.

They are aligning up exactly like you wrote in the code.
The layout is exactly as defined.

However, your table structure is broken in a logical/semantical way, not a syntactical way.

A table has a defined number of rows and columns and should have the same number of columns in every row.
Your first 3 rows only have 1 column (td)

<tr>
->>> <td>Name: <input type="text" id="loc_name" /></td>
</tr>
<tr>
->>> <td >Address 1: <input type="text" id="loc_add_1" /></td>
</tr>
<tr>
->>> <td>Address 2: <input type="text" id="loc_add_2" /></td>
</tr>


Your fourth row has 3

<tr>
->>> <td>City:<input type="tex" id="city_add" /></td>
->>> <td>State: <select name="state">
<option value="AL">Alabama</option>
..snip..
</select></td>
->>> <td>Zip Code:<input type="Text" id="loc_zip" /></td>
</tr>


Your fifth row has 2:


<tr>
->>> <td><input type="button" id="button_cancel" value="Cancel" /></td>
->>> <td><input type="button" id="button_save" value="Save" /></td>
</tr>


You probably want to have the label in a seperate column.
Polemos
Profile Blog Joined March 2011
United States160 Posts
August 09 2011 15:02 GMT
#7
Look up one post
It is better to be hated for who you are then loved for who you are not.
Moff
Profile Joined August 2008
United Kingdom166 Posts
August 09 2011 15:07 GMT
#8
http://jsfiddle.net/BjgW4/

Is that what you wanted?

Since you put two <td> inside one <tr> it messed up the formatting.
Polemos
Profile Blog Joined March 2011
United States160 Posts
August 09 2011 15:13 GMT
#9
So, if I understand you correctly Morf, I can only have like
<tr>
<td>xxxx</td>
</tr>

and no other TD's in there?
It is better to be hated for who you are then loved for who you are not.
Polemos
Profile Blog Joined March 2011
United States160 Posts
August 09 2011 15:13 GMT
#10
Assuming that I want them to be all lined up
It is better to be hated for who you are then loved for who you are not.
lolsixtynine
Profile Blog Joined January 2011
United States600 Posts
Last Edited: 2011-08-09 15:20:58
August 09 2011 15:17 GMT
#11
No, you can have multiple tds in a tr, you just need to have the same number in each or the formatting can get wacky. Normally if you have the same number of td's in each row, it will automatically align them into columns.

Edit for example:

You currently have
<td>Name: <input type="text" id="loc_name" /></td>


You want:

<td>Name: </td> 
<td> <input type="text" id="loc_name" /></td>

Deleted User 101379
Profile Blog Joined August 2010
4849 Posts
August 09 2011 15:19 GMT
#12
On August 10 2011 00:13 Polemos wrote:
So, if I understand you correctly Morf, I can only have like
<tr>
<td>xxxx</td>
</tr>

and no other TD's in there?


You can have as many as you want, you should just always have the same number of <td>s in all <tr>s of the same table.

<tr> starts a new row (table row)
<td> starts a new column (table data)

A table is always a rectangle.
For example, a table 2 cells wide, 5 rows high would be:
(Using dummy content)

<table>
<tr>
<td>Name</td>
<td><input type="text" name="name" /></td>
</tr>
<tr>
<td>City</td>
<td><input type="text" name="city" /></td>
</tr>
<tr>
<td>ZIP code</td>
<td><input type="text" name="zip" /></td>
</tr>
<tr>
<td>State</td>
<td><input type="text" name="state" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="save" /></td>
<!-- colspan means, this column should span over 2 columns, it counts double in this case -->
</tr>
</table>

Polemos
Profile Blog Joined March 2011
United States160 Posts
August 09 2011 15:22 GMT
#13
Ahhhhhhhhhhhhhh!! I understand ! Thank you all very much!
It is better to be hated for who you are then loved for who you are not.
Trowabarton756
Profile Blog Joined May 2008
United States870 Posts
August 09 2011 15:45 GMT
#14
Basically bra when i looked at your page it was fine in firefox, but you gotta understand that just because the code works in 1 browser doesn't mean it will work in another(i assume you're looking at this in IE or another browser) so make sure to check it in as many browsers as you can to make sure the code properly works.
http://www.teamliquid.net/video/streams/Trowabarton756
Marou
Profile Blog Joined April 2010
Germany1371 Posts
August 09 2011 16:58 GMT
#15
i wouldn't recomend using tables for your layout, but rather use div and css to have boxes layed out the same way as a table does it. That's just my opinion tho, many people still use tables, but if you are serious about html/css you shouldn't rely on them to much.
twitter@RickyMarou
aike
Profile Blog Joined July 2010
United States1629 Posts
Last Edited: 2011-08-09 17:35:25
August 09 2011 17:34 GMT
#16
On August 10 2011 01:58 Marou wrote:
i wouldn't recomend using tables for your layout, but rather use div and css to have boxes layed out the same way as a table does it. That's just my opinion tho, many people still use tables, but if you are serious about html/css you shouldn't rely on them to much.


This exactly. Tables are supposed to be for tabular data. Like say you want to display the results of all info that has ever been submitted with the current from, you'd want it to be laid out like a spreadsheet. But for actual page formatting you should use CSS + Divs and other HTML elements. With CSS you can position things anywhere you want on the page, you aren't stuck with the constraints of a table.

And to Trowabarton756, that isn't completely true. These days as long as you are using proper CSS and HTML your pages should look the same in all browsers. I haven't had any issues with different stuff in different browsers in a long time.
Wahaha
KeksX
Profile Blog Joined November 2010
Germany3634 Posts
Last Edited: 2011-08-09 18:03:36
August 09 2011 17:59 GMT
#17
On August 10 2011 00:19 Morfildur wrote:
Show nested quote +
On August 10 2011 00:13 Polemos wrote:
So, if I understand you correctly Morf, I can only have like
<tr>
<td>xxxx</td>
</tr>

and no other TD's in there?


You can have as many as you want, you should just always have the same number of <td>s in all <tr>s of the same table.


Not (100%) true, you can just use colspans !
Integra
Profile Blog Joined January 2008
Sweden5626 Posts
August 09 2011 18:08 GMT
#18
I just read your code, why are you using CSS when you clearly aren't using it? Your form should not be formatted through tables, since you are using CSS. Just setup the form using the List tag and then format it with CSS.
"Dark Pleasure" | | I survived the Locust war of May 3, 2014
SarR
Profile Joined June 2011
476 Posts
Last Edited: 2011-08-09 18:19:17
August 09 2011 18:16 GMT
#19
I strongly recommend that you do not use tables to arrange HTML elements. It could get real ugly for you should you decide to make changes later. Tables are so 1995

Use CSS instead to arrange your elements. Id even go so far as to say that tables are unnecessary in this age. CSS is the way you should be going.

Edit:
Could you provide a screenshot of what you expect your HTML form to look like and id make some time to to recreate it using CSS as an example for you.
KeksX
Profile Blog Joined November 2010
Germany3634 Posts
August 09 2011 18:20 GMT
#20
On August 10 2011 03:16 SarR wrote:
I strongly recommend that you do not use tables to arrange HTML elements. It could get real ugly for you should you decide to make changes later. Tables are so 1995

Use CSS instead to arrange your elements. Id even go so far as to say that tables are unnecessary in this age. CSS is the way you should be going.

Edit:
Could you provide a screenshot of what you expect your HTML form to look like and id make some time to to recreate it using CSS as an example for you.


"to break a butterfly on a wheel"

He needs a table. He makes a table. :3
1 2 Next All
Please log in or register to reply.
Live Events Refresh
Kung Fu Cup
20:00
2026 Week 30
IntoTheiNu 867
WardiTV350
RotterdaM286
TKL 148
Rex96
LiquipediaDiscussion
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
RotterdaM 286
Reynor 240
TKL 148
Rex 96
Codebar 72
StarCraft: Brood War
Calm 6039
Shuttle 1331
Horang2 802
Jaedong 477
firebathero 330
Rush 274
Stork 259
Light 245
Zeus 182
Soulkey 178
[ Show more ]
Soma 160
Snow 158
Dewaltoss 125
ZerO 117
hero 95
Mind 93
Hyun 84
Pusan 83
sorry 26
soO 24
Movie 21
JYJ 20
Creator 15
zelot 14
Hm[arnc] 13
Noble 10
yabsab 9
Sacsri 7
Dota 2
Dendi330
XcaliburYe18
Counter-Strike
fl0m5205
olofmeister1843
dupreeh617
Heroes of the Storm
crisheroes230
Other Games
B2W.Neo849
XaKoH 432
DeMusliM254
Pyrionflax201
ArmadaUGS18
ZerO(Twitch)7
Organizations
Counter-Strike
PGL158
StarCraft: Brood War
lovetv 9
[ Show 13 non-featured ]
StarCraft 2
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• Laughngamez YouTube
• Migwel
StarCraft: Brood War
• iopq 7
• ChaeLyn 5
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Dota 2
• C_a_k_e 3999
• WagamamaTV318
Upcoming Events
Replay Cast
10h 52m
The PondCast
21h 52m
KCM Race Survival
21h 52m
OSC
1d 1h
IntoTheTV X SOOP
2 days
Reynor vs Solar
ByuN vs SHIN
Clem vs MaxPax
herO vs Rogue
IPSL
3 days
WorsT vs nOmaD
Dewalt vs andersOn
AI Arena Tournament
3 days
IntoTheTV X SOOP
3 days
IPSL
4 days
Azhi_Dahaki vs ggnore13
Double vs WIZARD
Replay Cast
4 days
[ Show More ]
Replay Cast
5 days
Sparkling Tuna Cup
5 days
WardiTV Invitational
5 days
YoungYakov vs Lambo
SHIN vs TBD
Percival vs Shameless
Solar vs TBD
PiGosaur Cup
6 days
Liquipedia Results

Completed

Proleague 2026-11-03
Blizzard Classic Cup 2026
HCC Season 3

Ongoing

Acropolis #5
KCM Race Survival 2026 Season 4
International ShieldBattery League
BSL Season 23
IPSL Winter 2026-27
Calamity Cup Div. A Season 8
IEM Beijing 2026
PGL Masters Bucharest 2026
Stake Ranked Episode 5
1win Private Club #2
Thunderpick World Champ. '26
ESL Pro League Season 24
Stake Ranked Episode 4
1win Private Club #1
Logitech G Play Connect 2026
SL StarSeries Fall 2026
FISSURE Playground #3
BLAST Open Fall 2026
Esports World Cup 2026

Upcoming

1xBet Invitational
SC4ALL II: Brood War
BSL 23: Non-Korean Championship
HSC XXX
Stellar Fest 2: Lunar Cup
SC4ALL II: StarCraft II
Kung Fu Cup 2026 Grand Finals
RSL Offline Finals
Underdog Cup 2026 Div 2-3
PGL Bucharest 2027
BLAST Bounty Winter 2027
eXTREMESLAND 2026
PGL Major Singapore 2026
Stake Ranked Episode 6
BLAST Rivals Fall 2026
TLPD

1. ByuN
2. TY
3. Dark
4. Solar
5. Stats
6. Nerchio
7. sOs
8. soO
9. INnoVation
10. Elazer
1. Rain
2. Flash
3. EffOrt
4. Last
5. Bisu
6. Soulkey
7. Mini
8. Sharp
Sidebar Settings...

Advertising | Privacy Policy | Terms Of Use | Contact Us

Original banner artwork: Jim Warren
The contents of this webpage are copyright © 2026 TLnet. All Rights Reserved.