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: 607
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!!!


Cheers Randy
www.mcran.com - my web site
www.chuo.fm - My radio show Sundays  noon-2pm EST or 89.1 fM

Offline

Help fund CrunchBang, donate to the project!

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

NewCityVegas
Resident Tech Reporter
From: ANTI-CENSORSHIP
Registered: 2008-12-02
Posts: 574
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>

============= You are the dreamer - and the dream =============

gooplusplus.com (goo++) --- compact web tools + 240 internet radio stations

Offline

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

wuxmedia
wookiee madclaw
From: Back in Blighty
Registered: 2012-03-09
Posts: 1,472
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: 607
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)


Cheers Randy
www.mcran.com - my web site
www.chuo.fm - My radio show Sundays  noon-2pm EST or 89.1 fM

Offline

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

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

Re: Need help with html table coding issue

rmcellig wrote:

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

My mate google came up with loadsa ways eg: Clean up your Web pages with HTML TIDY  tongue  (You can get it from tidy.sourceforge.net/)


Artwork at deviantArt;  Iceweasel Personas;  SLiM #! Themes;  Openbox themes

Offline

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

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 607
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!!


Cheers Randy
www.mcran.com - my web site
www.chuo.fm - My radio show Sundays  noon-2pm EST or 89.1 fM

Offline

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

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

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!


Artwork at deviantArt;  Iceweasel Personas;  SLiM #! Themes;  Openbox themes

Offline

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

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 607
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!!


Cheers Randy
www.mcran.com - my web site
www.chuo.fm - My radio show Sundays  noon-2pm EST or 89.1 fM

Offline

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

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

Re: Need help with html table coding issue

if it works go for it, looks fine by me.
might be easier not better, to wrap the tables in divs.
thinking about it, you could declare a class, in your css (inline i think for your case) then you wouldn't have to type or c/p <style blahblah: red;> every table every header, it would be; <td class="lborder"> an <th class="lborder"
then also if you change your mind about colour or style, you only change one line rather than 20.

something like this;
http://stackoverflow.com/questions/7434 … xhtml-file

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: 607
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!!!


Cheers Randy
www.mcran.com - my web site
www.chuo.fm - My radio show Sundays  noon-2pm EST or 89.1 fM

Offline

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

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 607
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)


Cheers Randy
www.mcran.com - my web site
www.chuo.fm - My radio show Sundays  noon-2pm EST or 89.1 fM

Offline

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

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

Re: Need help with html table coding issue

there are multiple ways to skin a cat  big_smile
that code from ZAP is great, more things I didn't know  smile

as you've found yes inline styling, thats why i posted the link. It's not recommended, but this sort of inline makes it easier to migrate to a style.css, as your tags are styled, only the <style> bit in the header would be moved to the .css file. your tags would not need editing.
You'll need to check with your host if thats possible - looking at the source for your pages, seems there is a 'master' css styling already inline in the html.
Inline takes precedence over an external stylesheet.

personally i'd choose a nicer colour than css 'blue' but thats just me. you could make it all a bit bigger (text), looks a bit lost on my screen, mobile friendly too, not like your gonna run out of space smile

Offline

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

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 607
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!!!


Cheers Randy
www.mcran.com - my web site
www.chuo.fm - My radio show Sundays  noon-2pm EST or 89.1 fM

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.

Debian Logo