Styling a text box

  • 1
  • Question
  • Updated 8 years ago
  • Answered
I am thinking of getting rid of the Radio Archives tab and moving the links to just below where it says Radio Shows - In Transition when you click on the Radio Shows link. When you see the attached screenshot, let me know if I am doing this right. I would like the links not to have underlines if possible, and I would like them to display evenly under Radio Shows - In Transition. Right now I am using spaces to do this which to me is not the right way to go about it.

www.mcran.com

Another think is that every date (2010-2006, 2005-2001, 2000-1996, and 1995-1989) are seperate pages. How can I make it so that every page will look consistent when I make the above changes?

Is there a better totally different way for me to do this? I am open (as always :)), to new ideas.
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
  • confident a solution is near...

Posted 8 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Randy

I think probably the best solution is to use a table to have your links line up nicely under your Radio Shows - In Transition - much like how you have set up the list of your shows on the bottom of that page.

Then, you will need to copy the code and add to each page. You can probably create a css file and link to it if you want as well.

Hopefully others will chime in with their ideas!
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
Thanks Sanja!

That makes a ton of sense! I will do that.
Photo of Margie

Margie

  • 286 Posts
  • 25 Reply Likes
I think Sanja's right on. Make a table with it's own css styles in a separate file. Be sure to identify the id's or classes with your table name so styled fonts, links, etc. don't override fonts, links, etc. in other widgets.

Then you can simply reference your table style sheet once in the same html widget as the table.

I would build the table and css first in a test site to see that it reads correctly. When it looks right, place it into the html widget on each page of your real site. Still a pain, but definitely better than individual table styling.

As far as not using spaces, I would put each date in a separate cell, with some blank for months with less than 5 dates. If you have the time or inclination, it would also be nice to have alt text of the theme/title for each date.
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
Hi Margie!!

Is there a tutorial explaining how to create a CSS file and attaching it to a HTML widget?

Is
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
OK. Here is what I have done so far. I put the links under the Radio Shows - In Transition title when you click on the Radio Shows tab. I find that it looks fine. Now I have two questions.

1. When you click on any of the date links on the Radio Shows page, they seem to move up and down depending on the date you click on. What is causing this? I made sure that the margins are the same for every page and I am still getting this behavior.

2. Since removing the Radio Archives tab from the main menu, the menu looks like it is right justified. I would like to move the menu to the left so that Home appears under It's, instead of between the and past. How can I fix this?
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
I just got rid of a lot of stuff from my site and cleaned it up so that I hope it is even simpler than before. If you go to my Radio Shows tab, it takes you to a page that has all of my shows on it. The playlists page has been cleaned up as well. Comments? Feedback? I am always trying to break things down while maintaining functionality.

What I like about the Radio Shows page now is that when I add my new table on December 31 2010 that covers 2011-2015, I just have to insert another HTML widget above the 2010-2006 one and paste in the code. Very simple I think :)

Now the only think I would like help with is how to center the main menu or left justify it. Right now the main menu throws off the balance of every page when it comes to looks.