What Going On Icon Legend

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • princeedward
    Senior Member
    • Jan 2007
    • 180

    [Forum] What Going On Icon Legend

    cant understand how come my icon legend image below forumhome What's Going On are not straight on the side?....please view image attachment below...

    thanks and best regards to all...

    Click image for larger version

Name:	icons legend.gif
Views:	2
Size:	3.7 KB
ID:	3714162
  • princeedward
    Senior Member
    • Jan 2007
    • 180

    #2
    anyone can tell me how to solve this pls...

    Comment

    • princeedward
      Senior Member
      • Jan 2007
      • 180

      #3
      bumpppppppppppppppppppppppppppppp

      Comment

      • Lynne
        Former vBulletin Support
        • Oct 2004
        • 26255

        #4
        Create a new style with no parent:
        • Styles & Templates > Style Manager > Add New Style
        • Parent Style: No Parent Style
        • Title: Default vBulletin
        • Allow User Selection: Yes
        • Save


        Then browse the site using that totally default vbulletin style - do you still have the same problem?

        Please don't PM or VM me for support - I only help out in the threads.
        vBulletin Manual & vBulletin 4.0 Code Documentation (API)
        Want help modifying your vbulletin forum? Head on over to vbulletin.org
        If I post CSS and you don't know where it goes, throw it into the additional.css template.

        W3Schools <- awesome site for html/css help

        Comment

        • princeedward
          Senior Member
          • Jan 2007
          • 180

          #5
          it's all the same....thanks anyway Lynne...got a lot of shet problems on this new version....i know a lot of people too... i guess i have to quit on this now...just want to end only this last upgrade and will not continue anymore or pay for another upgrade...what a mess on this new version...they release it with tons of bugs....and for us to have a headache find a way to be look better or even fix it alone...because if we wait for them to reply to your problem and have a fix, they will not there anymore or you might wait or nothing at all, so your board will really look mess up ... wait and wait to have this stable is quite still far,far,far ...and for others newly customer who paid a LOT OF MONEY for this buggy board is not really quite good and fair at all...

          what a shame...

          Comment

          • Lynne
            Former vBulletin Support
            • Oct 2004
            • 26255

            #6
            If it is still doing that in a default style, then try disabling your modifications/plugins and see if you still have this problem.
            Note: To temporarily disable the plugin system, edit config.php and add this line right under <?php

            PHP Code:
            define('DISABLE_HOOKS'true); 
            You are doing *something* on your board to get it like that. It doesn't show like that on any of my test boards or here either. My guess is it's a css issue, but since you didn't post a link to your board, I can't confirm that.

            Please don't PM or VM me for support - I only help out in the threads.
            vBulletin Manual & vBulletin 4.0 Code Documentation (API)
            Want help modifying your vbulletin forum? Head on over to vbulletin.org
            If I post CSS and you don't know where it goes, throw it into the additional.css template.

            W3Schools &lt;- awesome site for html/css help

            Comment

            • floleb7
              Senior Member
              • Apr 2001
              • 455
              • 3.7.x

              #7
              I've got the same problem when i changed the buttons and this problem only appears in 1 style (the one with the new buttons) :

              http://forum.quizznblind.net/forum.php?styleid=45 style with new buttons

              http://forum.quizznblind.net/forum.php?styleid=40 default style with no problem

              Comment

              • Lynne
                Former vBulletin Support
                • Oct 2004
                • 26255

                #8
                Originally posted by floleb7
                I've got the same problem when i changed the buttons and this problem only appears in 1 style (the one with the new buttons) :

                http://forum.quizznblind.net/forum.php?styleid=45 style with new buttons

                http://forum.quizznblind.net/forum.php?styleid=40 default style with no problem
                Your images are 18x18 instead of the default 16x16. If you are going to use them at that size, then you will need to change the css there. (My firebug is being wacky right now, so I can't tell you exactly what to change, but you should be able to figure it out using firebug.)

                Please don't PM or VM me for support - I only help out in the threads.
                vBulletin Manual & vBulletin 4.0 Code Documentation (API)
                Want help modifying your vbulletin forum? Head on over to vbulletin.org
                If I post CSS and you don't know where it goes, throw it into the additional.css template.

                W3Schools &lt;- awesome site for html/css help

                Comment

                • floleb7
                  Senior Member
                  • Apr 2001
                  • 455
                  • 3.7.x

                  #9
                  OK thanks

                  Comment

                  • princeedward
                    Senior Member
                    • Jan 2007
                    • 180

                    #10
                    hi....just want to know how do i increase the padding or anything to place a bit larger icon here of maybe anything to add via additional .css? i was lookin to foumhome.css and try to change anything about size but no luck...i was about to use 30x30 px which is only 16X16 px is default


                    i am lookin to any of this code

                    Code:
                    .wgo_subblock dl.icon_legends dt {
                    	float: {vb:stylevar left};
                    	clear: {vb:stylevar right};
                    	margin-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
                    }
                    
                    .wgo_subblock dl.icon_legends dt:after {
                    	content: "";
                    }
                    
                    .wgo_subblock dl.icon_legends dd {
                    	margin-bottom: {vb:math {vb:stylevar padding}/2};
                    	display:block;
                    }


                    appreciate any help on this pls...
                    thanks and best regards...

                    Comment

                    • princeedward
                      Senior Member
                      • Jan 2007
                      • 180

                      #11
                      well i manage to attach my 30X30 px icon on downward line but seems not so perfect at all the space on top or down below is quite huge... also the title at the right side...is not on line with the image icon....hmmmm

                      by adding this on additional.css

                      Code:
                      .wgo_subblock dl.icon_legends dd {
                      margin:18px
                      }
                      pls view my attachment below
                      Attached Files

                      Comment

                      • Lynne
                        Former vBulletin Support
                        • Oct 2004
                        • 26255

                        #12
                        You may want to do something more along the lines of:
                        Code:
                        .wgo_subblock dl.icon_legends dd {
                        margin: 0 18px 5px;}

                        Please don't PM or VM me for support - I only help out in the threads.
                        vBulletin Manual & vBulletin 4.0 Code Documentation (API)
                        Want help modifying your vbulletin forum? Head on over to vbulletin.org
                        If I post CSS and you don't know where it goes, throw it into the additional.css template.

                        W3Schools &lt;- awesome site for html/css help

                        Comment

                        • princeedward
                          Senior Member
                          • Jan 2007
                          • 180

                          #13
                          thanks Lynne....doesn't help at all...looks not good or not better at all after adding both or any possible way

                          .wgo_subblock dl.icon_legends dd {
                          margin:18px
                          }

                          .wgo_subblock dl.icon_legends dd {
                          margin: 0 18px 5px;}


                          pls. view my attachment
                          Attached Files

                          Comment

                          • Lynne
                            Former vBulletin Support
                            • Oct 2004
                            • 26255

                            #14
                            Then add more padding on the bottom. It's hard to guess about css from just an image. You need to play with it. Get firebug for firefox and it makes this stuff so much easier since you may play with the css right there on the page.

                            Please don't PM or VM me for support - I only help out in the threads.
                            vBulletin Manual & vBulletin 4.0 Code Documentation (API)
                            Want help modifying your vbulletin forum? Head on over to vbulletin.org
                            If I post CSS and you don't know where it goes, throw it into the additional.css template.

                            W3Schools &lt;- awesome site for html/css help

                            Comment

                            • princeedward
                              Senior Member
                              • Jan 2007
                              • 180

                              #15
                              Lynne...thanks for reply and patience...normally i can get the icon or i guess that is the max downward alignment i can get also the in between distance...the problem is i tried so many ways to align the icon title to the icon image...that is my problem now... added class="inlineimg" to the forumhome template but it didn't help too..

                              hmmm...

                              best regards...

                              Comment

                              widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                              Working...