TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
  • Total Members: 3,966
  • Latest: safir45
Stats
  • Total Posts: 195,982
  • Total Topics: 21,320
  • Online today: 1,031
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 284
  • Total: 284

Spacing or padding around article blocks

Started by Dianna, February 28, 2009, 10:19:08 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Renegd98

#30
I see that the width change has eliminated the scroll bars on the right panel. 
The reason for the right panel and center column not having the right padding between them in your custom theme is a theme issue, not a TP3 issue because as you can see in the default theme the padding is correct.

That issue and the scroll bar at the bottom, which again is a custom theme issue are the only issues I see with a quick look around the site.  Site looks nice...


Dianna

Okay, I changed the right panel size by 5pixels and that did the trick for the right panels!!! YAYYYY!  However, I've tried to tweak the footer and still not working, still have a scroll.  I've set the bottom panel to 925 which is my body width, then the iframe is set at 900 and my footer html is at 890. So there should be no problem in a typical iframe world. I'm just about thinking of putting my footer into the hardcoding of the smf copyright footer area. 

Which that also comes back to the question of WHERE is the TPportal copyright located?  I could not find it so I could put it on the same line as the SMF copyright just like you guys have it here in the forum.  If I just hardcode the footer, I can do away with this iframe footer issue. 

So that still leaves my articles scrolling.  In beta1 I didn't have that issue. So it clearly looks like the article does not have enough space.  In my themes (gold charm) body I have it set go 925px which is the pixel width of my header. 

I have my HTML body designed at a table wide of 595 and the iframes set at 603. 

Do you know where this body not aligning or enough space?  Would the issue be in my goldcharm theme CSS or in the article block settings?  This also goes back to my original issue of wanting to find where the article setting is at so I can remove that space/padding above the articles. I want the heading to start where the right and left panels line up.  Also, with beta3 I get the article background as a different shade of gray and I need to find that. I'm wondering if the sizing issue and that block color is in the same area?  Any suggestions on where to find this issue? 

And should I just try to put the footer coding into the index.template where the SMF copyright stuff is located?

I'm just ignoring the firefox crashing issue for now. Too much going on. I'll deal with that later. It's pretty critical for me since I mainly use firefox and do my designing on my mac. Sorta really puts me in a weird situation having to go to my pc to pull up my site and back and forth to my mac. It won't work for the long haul. :(

Dianna

That spacing/padding above the article section is also in the default theme. Could it be located in some sort of spacing in the index.template? 

I've played so much with the CSS on that spacing issue that it's become a mystery to be solved.

I need to go and work with the body and footer on the sizing, but I'm thinking if I figure out where the article body spacing is located, it might solve a lot of these issues. 

Renegd98

#33
Quote from: Dianna on March 02, 2009, 03:28:40 AM
Okay, I changed the right panel size by 5pixels and that did the trick for the right panels!!! YAYYYY!  However, I've tried to tweak the footer and still not working, still have a scroll.  I've set the bottom panel to 925 which is my body width, then the iframe is set at 900 and my footer html is at 890. So there should be no problem in a typical iframe world. I'm just about thinking of putting my footer into the hardcoding of the smf copyright footer area. 

You will need to get a coder to answer this.

QuoteWhich that also comes back to the question of WHERE is the TPportal copyright located?  I could not find it so I could put it on the same line as the SMF copyright just like you guys have it here in the forum.  If I just hardcode the footer, I can do away with this iframe footer issue. 

You will need to get a coder to answer this.

QuoteSo that still leaves my articles scrolling.  In beta1 I didn't have that issue. So it clearly looks like the article does not have enough space.  In my themes (gold charm) body I have it set go 925px which is the pixel width of my header. 

I do not see any articles scrolling (if you mean left and right)... by articles I suspect you mean advertising, testimonials, contact us, book club, shopping, etc..... again I do not have to scroll them...

QuoteI have my HTML body designed at a table wide of 595 and the iframes set at 603. 

coder issue.... and again I do not like the idea of the iframes when SMF/TP can control this... but I am not a coder...

QuoteDo you know where this body not aligning or enough space?  Would the issue be in my goldcharm theme CSS or in the article block settings?  This also goes back to my original issue of wanting to find where the article setting is at so I can remove that space/padding above the articles. I want the heading to start where the right and left panels line up.  Also, with beta3 I get the article background as a different shade of gray and I need to find that. I'm wondering if the sizing issue and that block color is in the same area?  Any suggestions on where to find this issue? 

There are some definite issues I think with your theme and how it interacts with SMF/TP. Hopefully a coder can help, but you need to post the code you are using if you want any help.

QuoteAnd should I just try to put the footer coding into the index.template where the SMF copyright stuff is located?

Can't hurt as long as you do not change, remove the TP and SMF copyrights.


I'm off to bed.. going away on business in the morning and 4:00 AM comes early... I hope some of the TP coding gurus can help with your issues.. but I do belive you are better off with beta 3.. it has lots of bug fixes over Beta 1 & 2.


Dianna

Thanks for all of your help Renegade!  If I want to put my HTML into the TP blocks, what other options do I have in TP?  Just copy the coding into the HTML block?  So everytime I make site changes I would need to come over and copy and paste over the old cold?  Is that how you would suggest to build the content?

Yea, I'm talking about the FAQs, Testimonials as the articles. 

It's that gray section that is showing that is the padding that I can't find and if I removed it, then my scrolling issue and the header spacing issue would be resolved.

Thanks for your late night help before a trip, I really do appreciate that! 

What code should I be copying her for a coder to look at?  The entire theme CSS coding?  I'll definitely do that if that's what they need.

IchBin

These are the problems you will run into using iframes and fixed width etc. If you have so many questions and are constantly trying to figure out things, I would highly recommend you use the firebug extension for firefox. Most of your padding questions can be found with ease by just using the firebug extension to see what CSS is related to your code. You have a scrollbar at the bottom because your content is wider that the width you have set. Change the width of your body in the CSS file and you will see that. I realize that using a program like dreamweaver or go live are nice an easy because they hold your hand so much. But if you're looking to do it that way, there really is no ideal way for you to use TP then. The best thing you can do IMO, is to stop using iframes, and to start using PHP includes. In a php article all you have to do is include the file.


include('path/to/file.html');


This way, you don't have to mess with iframes. Not to mention the SEO problems you run into when using frames. Take a search for moving the copyright, that answer has already been posted.

Dianna

#36
Ichbin, that is EXACTLY the code that I have been looking for!!!  I knew that way back I had read that there was a way to put a PHP path to my pages.  I could not find it since then.  I would MUCH rather use the php path you just provided. OMGGG, thank you soooo much!  I'm getting my #$&)#&$ out of iframes right now!  Thank you thank you thank you!  I just needed another way and I that is it!

I've never heard of this firebug extension, I'll do anything to find where that damn padding is at in my pages.  Do I go to firefox and do a search for a download?

I just don't see the padding in the CSS. It is really hidden somehow. I was about to paste my CSS file for you guys to maybe take a look to see if anything stands out.  Can I or should I do that?  I'll do either, firebug, past my CSS, anything to sort out the problem.  I really want to keep my body at 925px so it will line up with my header. 

Thank you again for the php coding, that's all I needed to get away from iframes.  :D

Dianna

p.s. I've been looking for that copyright topic, I'll look again here in the forum.

IchBin

Take a look at firebug. If you don't know how to use it, search on youtube as there are lots of tutorials for using it on that site. If you can't figure out things after that, post what you are still having problems with. No need to post code yet.

As for the copyright, searching for "move copyright" will show the result on the first page of search results.

ZarPrime

Diana,

Let's try to solve one problem at a time.

For the copyright, click on the globe under my avatar and look at my site.  At the very bottom, right above the TP copyright, you will se a copyright statement about the site.  This is a php "bottom" Block and is set to show without the title or frame.  The code for it is ...

echo '<div align="center" class="smalltext">Tales of the Haven Expanse is Copyright Ã,© '.date("Y",mktime()).' Phoenix Liberties, LLC ~ All Rights Reserved</div>';

You'll need to change the code for your own site.

The mktime function automatically changes the statement to the new year every January 1st.  This is block code from somewhere in our block code snippits board.  Let me do a quick search for it.  OK, found it.  Here is the link --> http://www.tinyportal.net/index.php/topic,27087.msg215889.html#msg215889

It would be simple to put another div above this in the same block containing your html links.

That should fix your copyright thing.

ZarPrime

This website is proudly hosted on Crocweb Cloud Website Hosting.