The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
4 posters

    about li tag-html

    avatar
    fantastickmath
    Forumember


    Male Posts : 31
    Reputation : 0
    Language : Ro

    Solved about li tag-html

    Post by fantastickmath August 2nd 2012, 4:12 pm

    hi all,
    I have this probleme: when i make a list using the html-tag "ul and li" in my forum it will never show the black dots tipical the tag li ... i also saw that the "option-box li" tools for moderation-topics with css :"display:inline" is not show inline.. the css-code is not affect the class "option-box li" .... i tried to display that class inline but i never succed ...
    I noticed this problem in a lot of forums .... it's a general problem ? How can i solve it ?


    Last edited by fantastickmath on August 5th 2012, 7:44 pm; edited 1 time in total
    nextlevelgaming
    nextlevelgaming
    Forumember


    Male Posts : 989
    Reputation : 38
    Language : English|CSS|HTML5|javascript|
    Location : New York

    Solved Re: about li tag-html

    Post by nextlevelgaming August 2nd 2012, 5:02 pm

    in CSS make a new class.
    Code:

    ul.classname {
    list-style-type: disc;
    }

    then in html write

    Code:

    <ul class="classname">
    <li>list item</item>
    </ul>

    also here is a full list of styles

    Code:

    ul.a {list-style-type:circle;}
    ul.b {list-style-type:disc;}
    ul.c {list-style-type:square;}

    ol.d {list-style-type:armenian;}
    ol.e {list-style-type:cjk-ideographic;}
    ol.f {list-style-type:decimal;}
    ol.g {list-style-type:decimal-leading-zero;}
    ol.h {list-style-type:georgian;}
    ol.i {list-style-type:hebrew;}
    ol.j {list-style-type:hiragana;}
    ol.k {list-style-type:hiragana-iroha;}
    ol.l {list-style-type:katakana;}
    ol.m {list-style-type:katakana-iroha;}
    ol.n {list-style-type:lower-alpha;}
    ol.o {list-style-type:lower-greek;}
    ol.p {list-style-type:lower-latin;}
    ol.q {list-style-type:lower-roman;}
    ol.r {list-style-type:upper-alpha;}
    ol.s {list-style-type:upper-latin;}
    ol.t {list-style-type:upper-roman;}

    ol.u {list-style-type:none;}
    ol.v {list-style-type:inherit;}

    hope this helps you. above styles are either ul context or ol context for future reference
    avatar
    fantastickmath
    Forumember


    Male Posts : 31
    Reputation : 0
    Language : Ro

    Solved Re: about li tag-html

    Post by fantastickmath August 2nd 2012, 9:08 pm

    actually i made this topic because i more interested about the moderation box-option:
    about li tag-html Untitled
    Past time, instead of box-option it was some mini-imagine that representing (delete, move, block, merge ..etc) ...
    The original css is:
    Code:
    .chatbox-options li {display:inline;}
    But i think because some jquery (not mine) the display:inline not make effect ....
    bwi

    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: about li tag-html

    Post by LGforum August 3rd 2012, 1:17 pm

    Well that piece of CSS has nothing to do with the mod tools.
    avatar
    fantastickmath
    Forumember


    Male Posts : 31
    Reputation : 0
    Language : Ro

    Solved Re: about li tag-html

    Post by fantastickmath August 3rd 2012, 1:58 pm

    So ... solution ?
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: about li tag-html

    Post by LGforum August 3rd 2012, 2:41 pm

    What are you wanting to do? Have the images back?
    Well you add them in the admin panel: display > pics management > advanced
    avatar
    fantastickmath
    Forumember


    Male Posts : 31
    Reputation : 0
    Language : Ro

    Solved Re: about li tag-html

    Post by fantastickmath August 3rd 2012, 3:35 pm

    The images are there ... from a long time ! but there are not placed inline ....The mod box are show like:
    about li tag-html Untitled
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: about li tag-html

    Post by LGforum August 4th 2012, 12:04 am

    I don't get what you mean, there are no moderation images in your screenshot, just the select box. Do you mean that images are hidden? If so, then you must have added something to hide them.
    avatar
    fantastickmath
    Forumember


    Male Posts : 31
    Reputation : 0
    Language : Ro

    Solved Re: about li tag-html

    Post by fantastickmath August 4th 2012, 2:06 pm

    Try this:
    Code:
        .chatbox-options li {display: inline !important;}
    I used this code a long before i post this topic ...
    I put this code in css stylesheet then jquery-management codes (with modification) but nothing about li tag-html Brigade_
    another way ?
    I don't get what you mean, there are no moderation images in your screenshot
    Yes a want there images to reapear instead that box ....
    I can do a hole html+css+jquery code that replacing the original mode-box code but it's some work there .... i prefer to use the original code provide by forummotion :!
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: about li tag-html

    Post by LGforum August 4th 2012, 3:03 pm

    Well have you definitely added images in the ACP?
    If so, then you must have some CSS or JavaScript to remove them. Can you show us what is in your CSS already?
    avatar
    fantastickmath
    Forumember


    Male Posts : 31
    Reputation : 0
    Language : Ro

    Solved Re: about li tag-html

    Post by fantastickmath August 4th 2012, 3:46 pm

    Well have you definitely added images in the ACP?
    Yes ...
    If so, then you must have some CSS
    I dont think so ... I'm really good at css ...on java code i removed them all and the mode-box look the same ... so i think it's not java fault.
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: about li tag-html

    Post by LGforum August 5th 2012, 2:21 am

    No it wouldn't be Java, being a computer programming language. lol.

    Can you post your site URL please?
    And have you checked the DOM, are the images on the page?
    Is phpbb3 your version?
    avatar
    fantastickmath
    Forumember


    Male Posts : 31
    Reputation : 0
    Language : Ro

    Solved Re: about li tag-html

    Post by fantastickmath August 5th 2012, 10:23 am

    When i inspected my site (with google chrome) i found this error "Uncaught TypeError: Cannot read property 'display' of undefined" for this java: /99856.js (this java is not in my java-management, so i could not edit it ... i think it's from my host-forummotion)...
    after all, I think java codes are to blame.....

    Is phpbb3 your version?
    Yes....
    Ps: i couldnot pm you a meesage with my forum adress ....you dont have pm button
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: about li tag-html

    Post by LGforum August 5th 2012, 1:41 pm

    That JavaScript is in your site. It's a local URL.
    And JavaScript errors would not prevent CSS from working.

    Just post your URL in a hide tag. Sorry I don't accept PMs here.
    avatar
    fantastickmath
    Forumember


    Male Posts : 31
    Reputation : 0
    Language : Ro

    Solved Re: about li tag-html

    Post by fantastickmath August 5th 2012, 2:14 pm

    That JavaScript is in your site. It's a local URL
    Yes i know....... it's in my site but i can not locate it (it is not in my managment java code).....It's somewhere in header...


    Last edited by fantastickmath on August 5th 2012, 7:42 pm; edited 1 time in total
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: about li tag-html

    Post by LGforum August 5th 2012, 3:14 pm

    Hmm, that's really strange. Its in the spot where it would be if you added it in Javascript Management, so if you haven't added it, then it shouldn't be there, that's strange. However, that code is not removing the mod tool images.

    You have this: p.right{display:none}
    Somewhere in your CSS. That is what is hiding those images.
    avatar
    fantastickmath
    Forumember


    Male Posts : 31
    Reputation : 0
    Language : Ro

    Solved Re: about li tag-html

    Post by fantastickmath August 5th 2012, 7:43 pm

    Thank you a lot ... truely that code was the problem ... thank you again Smile
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: about li tag-html

    Post by SLGray August 5th 2012, 9:22 pm

    Topic Solved & Locked



    about li tag-html Slgray10

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

      Current date/time is November 11th 2024, 9:27 pm