The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Sidebar is not in it's correct position??

View previous topic View next topic Go down

Sidebar is not in it's correct position??

Post by HogwartsAcademy on 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.








here is my code if you want it:

Spoiler:
<span style="font-size: 18px; line-height: normal"><span style="color:white;font-weight:bold"><center><STRONG>Guest</STRONG></center></span><p></p></span>

<span style="font-size: 13px; line-height: normal">
<center><span style="color:darkred;font-weight:bold"><STRONG> New PM's</STRONG></span><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>
<p></p>



<center><span style="color:darkred;font-weight:bold"><STRONG>Post Count </STRONG></span></center><p></p>
<center>0</center>
<p></p><div class="rounded">

<center><span style="color:darkred;font-weight:bold"><STRONG> User Info</STRONG></span></center></p><p>
<center><A href="http://hogwartsheights.canadian-forum.com/profile?mode=editprofile"> Edit Profile</A></p><p>
<A href="http://hogwartsheights.canadian-forum.com/profile?mode=editprofile&page_profil=preferences" target=_blank>Preference</A></p><p><A
href="http://hogwartsheights.canadian-forum.com/profile?mode=editprofile&page_profil=signature" target=_blank>Signature</A></p><p><A
href="http://hogwartsheights.canadian-forum.com/profile?mode=editprofile&page_profil=avatars" target=_blank>Avatar</A></p></TD></TR><TR><TD align=left>
<center><span style="font-size: 14px; line-height: normal"><A href="http://hogwartsheights.canadian-forum.com/u1wall" target=_blank>View Wall</A></center></span>

<span style="font-size: 13px; line-height: normal"><p><p>

<center><span style="color:darkred;font-weight:bold"><STRONG> Owls</STRONG></span></center></p><p>

<center><A href="http://hogwartsheights.canadian-forum.com/privmsg?folder=inbox" target=_blank>Inbox</A></p><p>
<A href="http://hogwartsheights.canadian-forum.com/privmsg?mode=post" target=_blank>Send an Owl</A></p><p>
<A href="http://hogwartsheights.canadian-forum.com/privmsg?folder=sentbox" target=_blank>Sent Owls</A></p></TD></TR><TR><TD align=left>



<p></p></span>

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:
a:link {
text-decoration: none;
text-shadow: none;
-webkit-transition: 100ms linear 0s;
-moz-transition: 100ms linear 0s;
-o-transition: 100ms linear 0s;
transition: 100ms linear 0s;
outline: 0 none;
}

a:link:hover, a:link:focus
{
text-shadow: -1px 1px 8px #000, 1px -1px 8px #000;
}
#tipkice {
padding-left: 0px;
position: fixed;
left: 0;
top: 100px;
width: 24px;
}
#tipkice a img:hover { padding-left: 14px;
}
a[href="/u1"]{
text-decoration: none !important;
text-shadow: 0 0 0.1em black, 0 0 0.1em black, 0 0 0.1em black;
}
a[href="/u2"]{
text-decoration: none !important;
text-shadow: 0 0 0.1em black, 0 0 0.1em black, 0 0 0.1em black;
}
.profile_field_list li {
display: inline;
}
#novo img {
max-width: 50px;
}
/*IPB Tables*/
table.ipbtable th.formsubtitle,.formsubtitle{background-color:#2d2d2d;margin-top:-12px}table.ipbtable tfoot td{background-image:url(http://hitskin.com/themes/15/40/59/i_back_title.png);border-bottom:solid 0 #131313;border-left:solid 0 #404040;border-right:solid 0 #121212;border-top:solid 1px #820000;height:10px;padding:0 3px}table.ipbtable .forumdesc{color:#666}.row1,.row2,.row3,.row3Right{background-color:#313131;background-image:url(http://www.dodaj.rs/f/1t/fb/10Tazcna/vaoolo27.png);background-repeat:repeat-x;border-bottom:.5px solid #131313!important;border-left:solid .5px #00000;border-right:solid .5px #00000;border-top:solid .5px #00000}.row1{background-color:#313131;background-image:url(http://www.dodaj.rs/f/1t/fb/10Tazcna/vaoolo27.png);background-repeat:repeat-x;border-bottom:solid .5px #00000;border-left:solid .5px #00000;border-right:solid .5px #00000;border-top:solid .5px #00000}.row2{background-color:#313131;background-image:url(http://www.dodaj.rs/f/1t/fb/10Tazcna/vaoolo27.png);background-repeat:repeat-x;border-bottom:solid .5px #00000;border-left:solid .5px #00000;border-right:solid .5px #00000;border-top:solid .5px #00000}.row3{background-color:#313131;background-image:url(http://www.dodaj.rs/f/1t/fb/10Tazcna/vaoolo27.png);background-repeat:repeat-x;border-bottom:solid .5px #00000;border-left:solid .5px #00000;border-right:solid .5px #00000;border-top:solid .5px #00000}.row3Right{background-color:#313131;background-image:url(http://www.dodaj.rs/f/1t/fb/10Tazcna/vaoolo27.png);background-repeat:repeat-x;border-bottom:solid .5px #00000;border-left:solid .5px #00000;border-right:solid .5px #00000;border-top:solid .5px #00000}
body {
margin: 0px;
-moz-opacity: 0.5;
opacity: 1.0;
}











.novo {
background-color: #141414;
border: 1px solid #252525;
color: #FFFFFF;
margin-top: 2px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 3px;
padding-top: 3px;
text-align: left;
width: 135px;
}
a[href="/faq"]{
display: none;
}
.code {
border-radius: 10px;
-webkit-border-radius: 10px;
}
.code {
background-color: #222222 !important;
border-color: #3a3a3a !important;
}
.quote {
border-radius: 10px;
-webkit-border-radius: 10px;
}
.quote {
background-color: #222222 !important;
border-color: #3a3a3a !important;
}
#tipkice a img:hover { padding-left: 10px;}
a.mainmenu img{
margin-left: 5px;
margin-right: 5px;
}

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

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

Post by brandon_g on 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?


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5139
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

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

Post by HogwartsAcademy on 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.

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

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

Post by runawayhorses on 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.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

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

Post by HogwartsAcademy on 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.

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

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

Post by runawayhorses on 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.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

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

Post by HogwartsAcademy on 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.

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

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

Post by runawayhorses on 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>

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

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

Post by HogwartsAcademy on 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.

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

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

Post by runawayhorses on 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.


runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

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

Post by HogwartsAcademy on September 15th 2012, 8:55 pm

The original code can be found here: http://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..

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

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

Post by runawayhorses on 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

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

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

Post by HogwartsAcademy on 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..

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

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

Post by runawayhorses on 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.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

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

Post by HogwartsAcademy on 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.


HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

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

Post by runawayhorses on 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.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

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

Post by HogwartsAcademy on 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.

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

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

Post by HogwartsAcademy on September 16th 2012, 5:18 pm

bump

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

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

Post by HogwartsAcademy on September 17th 2012, 12:46 pm

Bump :\

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

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

Post by HogwartsAcademy on September 17th 2012, 10:31 pm

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

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

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

Post by SLGray on 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.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

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

Post by runawayhorses on 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:
<span style="font-size: 18px; line-height: normal"><span style="color:white;font-weight:bold"><center><STRONG></STRONG></center></span><p></p></span>

<span style="font-size: 13px; line-height: normal">
<center><span style="color:darkred;font-weight:bold"><STRONG> New PM's</STRONG></span><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>
<p></p>



<center><span style="color:darkred;font-weight:bold"><STRONG>Post Count </STRONG></span></center><p></p>
<center>1255</center>
<p></p><div class="rounded">

<center><span style="color:darkred;font-weight:bold"><STRONG> User Info</STRONG></span></center></p><p>
<center><A href="http://hogwartsheights.canadian-forum.com/profile?mode=editprofile"> Edit Profile</A></p><p>
<A href="http://hogwartsheights.canadian-forum.com/profile?mode=editprofile&page_profil=preferences" target=_blank>Preference</A></p><p><A
href="http://hogwartsheights.canadian-forum.com/profile?mode=editprofile&page_profil=signature" target=_blank>Signature</A></p><p><A
href="http://hogwartsheights.canadian-forum.com/profile?mode=editprofile&page_profil=avatars" target=_blank>Avatar</A></p>
<center><span style="font-size: 14px; line-height: normal"><A href="http://hogwartsheights.canadian-forum.com/u1wall" target=_blank>View Wall</A></center></span>

<span style="font-size: 13px; line-height: normal"><p><p>

<center><span style="color:darkred;font-weight:bold"><STRONG> Owls</STRONG></span></center></p><p>

<center><A href="http://hogwartsheights.canadian-forum.com/privmsg?folder=inbox" target=_blank>Inbox</A></p><p>
<A href="http://hogwartsheights.canadian-forum.com/privmsg?mode=post" target=_blank>Send an Owl</A></p><p>
<A href="http://hogwartsheights.canadian-forum.com/privmsg?folder=sentbox" target=_blank>Sent Owls</A></p>



<p></p></span>

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

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

Post by HogwartsAcademy on 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><span style="color:darkred;font-weight:bold"><STRONG>Post Count </STRONG></span></center><p></p>
<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?

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum