Sidebar is not in it's correct position??

by HogwartsAcademy September 15th 2012, 2:25 am

For some reason my sidebar just effed up and instead of it being atthe left of my forum it's now in all sorts of directions. Half of it is at the top of my forum under the main picture, part of it as you can see "Clock" is right above the category/forums list, and another part of it which you cant see is at the left where it's supposed to, but at the very bottom of my forum. I don't know what caused this, maybe something in CSS.. no idea.

P.S. I disabled forum widgets temporarily until I get this fixed, so currently you can't see it live but only in picture format, there' sno difference though.

Sidebar is not in it's correct position?? 797832748

Sidebar is not in it's correct position?? 797832748

Sidebar is not in it's correct position?? 942907836

Sidebar is not in it's correct position?? 306914999

here is my code if you want it:

Spoiler:

NOTE: THE ABOVE CODE IS ONLY THE CODE FOR THE ONE WIDGET, THERE'S ABOUT 4 MORE, SO OBVIOUSLY IT'S NOT THE WIDGET ITSELF THAT IS SCREWED UP, BECAUSE THEN THAT WOULD BE THE ONLY ONE OFF-LINED, OBVIOUSLY SOMETHING HAPPENED IN CSS OR SOMETHING..

Here's my CSS code for extra purposes explained above.

Spoiler:

by **brandon_g** September 15th 2012, 4:24 am

Which side bar do you mean exactly... and may we have the link to your forum so we can better assist you?

by HogwartsAcademy September 15th 2012, 4:39 am

http://hogwartsheights.canadian-forum.com/ (i disabled the bar for now because it would disrupt the members)

what do you mean which sidebar? The forum widget sidebar, on the left, its not aligned, part of it is on the top of the forum, another on the bottom.. it's just aligned differently.

by runawayhorses September 15th 2012, 5:07 am

When did you first notice this? Did you make a change in your CSS or template and then notice it or did it just happen all of a sudden without you doing anything? Did you change browsers and then notice it? Details. man, details. The screenshots are not really giving any idea of the problem, they are to close up, we need to pan out some to see the whole thing.

by HogwartsAcademy September 15th 2012, 5:14 am

yes i was in the css and i clicked enter and it updated it so i clicked back and it seemed to fix it, after that i enabled the forum widgets to test out my sidebar and thats when i realized like 30 minutes after the css thing that its unaligned.

by runawayhorses September 15th 2012, 5:21 am

Do you remember what you put in the CSS that through the widgets out of alignment? If so remove the code from the css stylesheet. Post it here if you want so we can see what might have caused it. Just the code you entered into the stylesheet that put the widgets out of alignment.

by HogwartsAcademy September 15th 2012, 5:49 am

Thats the problem, I didn't put anything in the css stylesheet. I meant to search something. In the search field @ the stylesheet, I searched "sidebar" then hit 'enter' which updated the sheet, so i dont know if this could have triggered it, other than that i did nothing else, whatsoever. You can see the stylesheet above in the first post.

by runawayhorses September 15th 2012, 12:43 pm

The first coding you posted in the spoiler (HTML) has this table alignment tag with no closing tag or is it being used for anything, so remove this bit of code, its located at the bottom of the coding you posted, in your widget.

Code:: <TD align=left>

by HogwartsAcademy September 15th 2012, 7:29 pm

listen I just deleted all my widgets and make a completely new one and the widget is still not in it's same place.. so it has to be something in css or whatever, I have no idea.

by runawayhorses September 15th 2012, 8:00 pm

Well maybe so, but that table alignment tag is not supposed to be there without closing tags like this </td></tr></table>

But like I said its not being used its at the end of the code, so it could have been removed, and it certainly could cause major alignment problems without closing tags.

by HogwartsAcademy September 15th 2012, 8:55 pm

The original code can be found here: https://help.forumotion.com/t114475-how-can-i-add-more-fields-to-my-login-widget#749598

it worked perfectly fine when I first used it, so obviously it can't be the code, unless I changed something from it, which I didn't because I made a new widget using that same code that worked for me the first time, and it still did it. So it can't be the code, it has to be the CSS or something I did wrong..

by runawayhorses September 15th 2012, 10:01 pm

Without the closing table tags it can cause other things to not align correctly. And yes it could have looked fine before because maybe it wasn't affected by it because its tags were already closed, but a new tag was there after that code to the widget <TD align=left> it could have affected other things on the same page. If you added something new (more widgets) after you already had that widget it could have been affected by that widget without the closing table tag and thus looked out of alignment.

OK, I'll leave you with that, and you are right it could be another problem that is causing your alignment issue, but my point is regardless if it is causing the problem, the closing tags should be there, or remove that <TD align=left> if its not being used.

good luck

by HogwartsAcademy September 15th 2012, 11:17 pm

runawayhorses wrote:Without the closing table tags it can cause other things to not align correctly. And yes it could have looked fine before because maybe it wasn't affected by it because its tags were already closed, but a new tag was there after that code to the widget <TD align=left> it could have affected other things on the same page. If you added something new (more widgets) after you already had that widget it could have been affected by that widget without the closing table tag and thus looked out of alignment.

OK, I'll leave you with that, and you are right it could be another problem that is causing your alignment issue, but my point is regardless if it is causing the problem, the closing tags should be there, or remove that <TD align=left> if its not being used.

good luck

Then can you help me out with how to make it aligned using the tags? Like where I put them because I know it's not allowed to do it to the code itself apparently.. but show me where to put them and what to put specifically?

Also, rideem, I used the same widgets that were there from the beginning, and it worked perfectly prior to that with the same widgets, after I did something in CSS or something I dont know it started to not work..

by runawayhorses September 15th 2012, 11:25 pm

Ok, in every widget you have add these to each one,

Add this at the beginning if each widget code:

Code:: <center>

Add this at the end of each widget code:

Code:: </center>

So the whole thing looks like this:

Code:: <center>WIDGET CODE GOES HERE</center>

Do that for each widget and see if it helps.

by HogwartsAcademy September 15th 2012, 11:30 pm

I just did that, nothing changed. Although, for some reason, one of my widgets, and it's the last one, is placed in the correct area but it's width is very small.

Sidebar is not in it's correct position?? 476764185

Sidebar is not in it's correct position?? 476764185

by runawayhorses September 15th 2012, 11:35 pm

I'm looking at your portal and the index page and I see nothing wrong. What browser are you using? I seriously don't know what your issue is now. The screenshots don't show anything wrong either.

by HogwartsAcademy September 15th 2012, 11:58 pm

The portal widgets work perfectly fine, its the forum widgets, and you can't see them because I turned them off. I can turn them on if you want? I just don't want my members to see them.

by HogwartsAcademy September 16th 2012, 5:18 pm

by HogwartsAcademy September 17th 2012, 12:46 pm

Bump :\

by HogwartsAcademy September 17th 2012, 10:31 pm

If any mod/admin wants to log on for themselves I'd be glad to.. Sanket, Rideem..?

by **SLGray** September 18th 2012, 3:32 am

HogwartsAcademy wrote:Bump :\

HogwartsAcademy wrote:If any mod/admin wants to log on for themselves I'd be glad to.. Sanket, Rideem..?

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!

You have received a warning since this is your third reminder about double posting.

by runawayhorses September 18th 2012, 3:57 am

Try this code now, I took out all the table coding because it wasn't correct. There was no opening table tags and other things wrong about it. I don't know if this will fix your situation but its worth a try.

Code:: <center></center> <center> New PM's<div id="number_pms">0</div></center> <script type="text/javascript"> if (document.getElementById('i_icon_mini_new_message')) document.getElementById('number_pms').innerHTML = document.getElementById('i_icon_mini_new_message').title.split(" ")[2];</script> <center>Post Count </center> <center>1255</center> <div class="rounded"> <center> User Info</center> <center><A href="http://hogwartsheights.canadian-forum.com/profile?mode=editprofile"> Edit Profile</A> <A href="http://hogwartsheights.canadian-forum.com/profile?mode=editprofile&page_profil=preferences" target=_blank>Preference</A><A href="http://hogwartsheights.canadian-forum.com/profile?mode=editprofile&page_profil=signature" target=_blank>Signature</A><A href="http://hogwartsheights.canadian-forum.com/profile?mode=editprofile&page_profil=avatars" target=_blank>Avatar</A> <center><A href="http://hogwartsheights.canadian-forum.com/u1wall" target=_blank>View Wall</A></center> <center> Owls</center> <center><A href="http://hogwartsheights.canadian-forum.com/privmsg?folder=inbox" target=_blank>Inbox</A> <A href="http://hogwartsheights.canadian-forum.com/privmsg?mode=post" target=_blank>Send an Owl</A> <A href="http://hogwartsheights.canadian-forum.com/privmsg?folder=sentbox" target=_blank>Sent Owls</A>

by HogwartsAcademy September 18th 2012, 11:07 pm

I just found out the solution.. it appears another one of my widgets caused this problem because when I deleted it, it appeared to fix the solution.

I only have one problem, and I know this is stressing you out.. but for some reason the post count says "1255". I just looked at the code again and it there's this bit here:

Code:: <center>Post Count </center> <center>1255</center>

How can I make it so it just shows the desired amount of post count, instead of making it fixed at 1255?

Sidebar is not in it's correct position??

Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??

Re: Sidebar is not in it's correct position??