• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EST 10:07
CET 16:07
KST 00:07
  • 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
No more SC2 streamers on team liquid? [D] Hacker peak in sc2 ? Liquibets sc2 season 30 Evil Geniuses - shutting down Weekly Cups (Oct 26 - Nov 1): MaxPax, herO, Solar win
Tourneys
Sparkling Tuna Cup - Weekly Open Tournament WardiTV Mondays ISSL (IntoTheTV x SOOP SC2 League): Premier Stellar Fest TWO the Moon (Dec 16-20) RSL goes to London! 2026 Offline Finals Nov 21-22
Strategy
[H] ZvP Mid-Late Game: Stalkers Collossi HT
Custom Maps
Starcraft 2 Advance [D] the control group Simple Questions/Answers [G] How to playtest arcade maps
External Content
Mutation # 550 Graveyard Shift The PondCast: SC2 News & Results Mutation # 549 Endless Sparkles Mutation # 548 Shining Bright
Brood War
General
BGH Auto Balance -> http://bghmmr.eu/ Sagi.gg Launcher Released Top Players of October 2026 (EBPD Rankings) BW General Discussion Rollback Netcode in Brood War
Tourneys
[Megathread] Daily Proleagues KCM Race Survival 2026 Season 4 [Mixed-Gender CK] Rush+4 vs Best+4 [BSL23] RO24 Group F - Sunday 21:00 CET
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
Stormgate/Frost Giant Megathread Nintendo Switch Thread 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 Russo-Ukrainian War Thread Canadian Politics Mega-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: 9805 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
OSC
23:00
King of the Hill #267
EmpressLilyy65
Liquipedia
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
LamboSC2 205
SHIN 129
BRAT_OK 67
ByuN (SOOP) 28
EnDerr 4
StarCraft: Brood War
Jaedong 1727
Horang2 1224
Mini 667
Bisu 597
Shuttle 584
Light 539
Soulkey 404
BeSt 389
Stork 356
Soma 315
[ Show more ]
ggaemo 291
actioN 248
Snow 245
ZerO 199
firebathero 176
Hyuk 173
hero 165
Sharp 113
Mong 110
ProTech110
Mind 104
Hyun 93
Bonyth 91
Leta 89
Zeus 78
Pusan 54
Killer 46
Bale 38
Shinee 36
Shine 30
sorry 30
JYJ 25
HiyA 24
Hm[arnc] 23
ajuk12(nOOB) 17
Sacsri 17
Terrorterran 17
Aegong 16
Bishop 15
soO 15
zelot 15
910 13
Free 11
scan(afreeca) 11
Dota 2
qojqva1909
Dendi972
BananaSlamJamma315
monkeys_forever279
XcaliburYe155
League of Legends
Reynor110
Counter-Strike
kRYSTAL_43
Heroes of the Storm
crisheroes315
Other Games
B2W.Neo943
Liquid`RaSZi773
Lowko429
syndereN293
Fuzer 258
XaKoH 150
Mew2King118
QueenE72
ArmadaUGS62
NeuroSwarm59
Railgan26
Liquid`VortiX22
Chillindude19
ZerO(Twitch)14
Organizations
Counter-Strike
PGL275
[ Show 12 non-featured ]
StarCraft 2
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• Laughngamez YouTube
• Migwel
StarCraft: Brood War
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Dota 2
• C_a_k_e 5290
• WagamamaTV618
League of Legends
• TFBlade808
Upcoming Events
IntoTheTV X SOOP
1d 19h
Reynor vs Solar
ByuN vs SHIN
Clem vs MaxPax
herO vs Rogue
IPSL
2 days
WorsT vs nOmaD
Dewalt vs andersOn
AI Arena Tournament
2 days
IntoTheTV X SOOP
2 days
IPSL
3 days
Azhi_Dahaki vs ggnore13
Double vs WIZARD
Replay Cast
3 days
Replay Cast
4 days
Sparkling Tuna Cup
4 days
WardiTV Invitational
4 days
YoungYakov vs Lambo
SHIN vs TBD
Percival vs Shameless
Solar vs TBD
PiGosaur Cup
5 days
[ Show More ]
The PondCast
6 days
KCM Race Survival
6 days
WardiTV Invitational
6 days
Liquipedia Results

Completed

Proleague 2026-11-04
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.