SEARCH

Enter your search query in the box above ^, or use the forum search tool.

You are not logged in.

#1 2013-10-26 14:49:42

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Need help with html table coding issue

First off, my eyes hurt. I have been going over the code to see what the problem could be and nothing is standing out for me. I need a second pair of eyes. If you go here, you will see that the 2013 table looks great (at least I think it does smile )

http://www.mcran.com/it2013.php

Go to my 2012 table and it looks like there is what looks to be a second column to the far right of the table. What could be causing this?

http://www.mcran.com/it2012.php

It's driving me nuts. Just when it seems that I have the code the way I want it, some quirky thing turns up.

Appreciate the help!!!

Offline

Be excellent to each other!

#2 2013-10-26 15:02:13

NewCityVegas
Resident Tech Reporter
From: ANTI-CENSORSHIP
Registered: 2008-12-02
Posts: 628
Website

Re: Need help with html table coding issue

You did not close your <td> with </td> - you instead tried to close with <td>

<td>
<a href="#"></a><br>
<a href="http://sd.mcran.com/assets/shows/2012/ITJUL0112.mp3">Jul 01</a><br>
<a href="http://sd.mcran.com/assets/shows/2012/ITJUL0812.mp3">Jul 08</a><br>
<a href="http://sd.mcran.com/assets/shows/2012/ITJUL1512.mp3">Jul 15</a><br>
<a href="http://sd.mcran.com/assets/shows/2012/ITJUL2212.mp3">Jul 22</a><br>
<a href="http://sd.mcran.com/assets/shows/2012/ITJUL2912.mp3">Jul 29</a><br>
<a href="#"></a><br>
<td>

Offline

#3 2013-10-26 17:59:19

wuxmedia
wookiee madclaw
From: Back in Blighty
Registered: 2012-03-09
Posts: 1,478
Website

Re: Need help with html table coding issue

welcome to webdesigning lol
indeed an unclosed <td> tag as vegas points out.

Last edited by wuxmedia (2013-10-26 17:59:34)

Offline

#4 2013-10-26 18:28:41

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need help with html table coding issue

Now how the heck did I miss that one smile
Aside from this, does my table code look OK? Anything you might suggest?

Thanks for that razor sharp eye of yours!!

One other thing? Is there a way I can check my code to make sure that everything is in order?

Last edited by rmcellig (2013-10-26 18:58:56)

Offline

#5 2013-10-26 19:46:57

damo
#! gimpbanger
From: N51.5 W002.8 (mostly)
Registered: 2011-11-24
Posts: 5,434

Re: Need help with html table coding issue

Offline

#6 2013-10-26 20:42:53

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need help with html table coding issue

Thanks Damo. Wasn't sure what I should put in for the keywords. I guess I wanted to hear back from people who actually use something to check their code and would recommend it to someone like me.

Thanks again!!

Offline

#7 2013-10-26 23:09:25

damo
#! gimpbanger
From: N51.5 W002.8 (mostly)
Registered: 2011-11-24
Posts: 5,434

Re: Need help with html table coding issue

Also don't forget that many editors, including Geany, will do tags code completion and folding - makes it much easier not to get lost in the code spaghetti!

Offline

#8 2013-10-27 23:14:52

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need help with html table coding issue

I have another question. I found a way to achieve what I am looking for but I'm sure there is a better way to do this.

Check out the code for this page:

http://www.mcran.com/it2012.php

You will see that the only way I could figure out how to put a blue seperator line between playlists and shows was to add the code individually to the Oct pdf tag, the nov pdf tag as well as the dec pdf tag.

There must be an easier way using CSS only once instead of the way I am doing it? I tried running the solid blue line between the playlists and shows headings but it didn't work. I tried using the same technique described above.

Thanks for the advice!!

Offline

#9 2013-10-28 02:10:26

wuxmedia
wookiee madclaw
From: Back in Blighty
Registered: 2012-03-09
Posts: 1,478
Website

Re: Need help with html table coding issue

Offline

#10 2013-10-28 05:37:48

ZAP
#! Junkie
Registered: 2009-01-31
Posts: 350

Re: Need help with html table coding issue

How about:

td:nth-child(4) {
   border-right: 2px solid #00f;
}
td:nth-child(5) {
   border-left: 2px solid #00f;
}

(which would also center the blue line instead of having all 4px to the left)?

Offline

#11 2013-10-28 09:38:10

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need help with html table coding issue

Thanks wuxmedia and ZAP!

I thought about inserting divs and then floating left if that makes any sense. I want to keep this as simple as possible and at some point I will be putting the CSS code into a separate sytlesheet.css file so it will be easier to manage. Right now I am taking it one step at a time so I can understand what I am doing. wuxmedia, in your comment you mention inline. Do you mean inline style where I insert the style code inside a tag like I did in the example I mentioned in my post? I went searching and found inline block and other references to inline that got me really confused. Changing one line of code (using a .css file) would be way easier than changing multiple code lines. This is my goal, but as I said I need to understand exactly what I am doing.

ZAP,

You mention something interesting and totally new to me. Do I just copy and paste the code you mention between my style tags in the head section of my page? I never heard of the child thing. I'll have to explore further.

Thanks again for your continuing help!!!

Offline

#12 2013-10-28 11:53:25

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need help with html table coding issue

I think I did it. Check out the code on my page now and you will see that I put in a class called .border-right. I then added Class="border-right" to the affected tags and it worked. I still have to enter code for the affected tags in the other pages that I will be doing. Each page has a year as you will see from my web site so I have to do this for every page even if I have the .class code in a style.css file.

Am I on the right track with what I have done so far? I think my table looks much better for the 2012 page. Agree? Be honest now wink

http://www.mcran.com/it2012.php

Last edited by rmcellig (2013-10-28 11:54:08)

Offline

#13 2013-10-28 12:26:55

wuxmedia
wookiee madclaw
From: Back in Blighty
Registered: 2012-03-09
Posts: 1,478
Website

Re: Need help with html table coding issue

Offline

#14 2013-10-28 13:11:49

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need help with html table coding issue

Thanks for the feedback wuxmedia!

Ya, I might change the color. That's what is nice about a CSS style sheet. Make the change once and all the rest follow. I use Yola.com for my site. They said it would be OK to put my own custom css stylesheet in my online account. The only thing they told me was that when I need to change the css file, I would have to download it, make the changes and re-upload it again. What a pain. Any other ideas where I can locate the css file for quick access and editing? I could put it up on my Hostmonster account, but again, I am not sure if I can edit it from that account of if I have to upload/download the file to edit it.

I will increase the font size as you suggested. You could always use the zoom in/out in your browser like I told my wife. She had the same concerns. A softer color other than "blue" would be nice.

Not sure how to make the pages mobile friendly. Maybe Yola does that automatically. Not sure.

Thanks again!!!

Offline

Board footer

Powered by FluxBB

Copyright © 2012 CrunchBang Linux.
Proudly powered by Debian. Hosted by Linode.
Debian is a registered trademark of Software in the Public Interest, Inc.
Server: bleh

Debian Logo