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.

about li tag-html

4 posters

Go down

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
avatar
fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

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
nextlevelgaming
nextlevelgaming
Forumember

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

http://www.easybbtutorials.forumotion.com

Back to top Go down

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

avatar
fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

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.
LGforum
LGforum
Hyperactive

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

Back to top Go down

Solved Re: about li tag-html

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

So ... solution ?
avatar
fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

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
LGforum
LGforum
Hyperactive

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

Back to top Go down

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
avatar
fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

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.
LGforum
LGforum
Hyperactive

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

Back to top Go down

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 :!
avatar
fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

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?
LGforum
LGforum
Hyperactive

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

Back to top Go down

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.
avatar
fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

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?
LGforum
LGforum
Hyperactive

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

Back to top Go down

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
avatar
fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

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.
LGforum
LGforum
Hyperactive

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

Back to top Go down

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
avatar
fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

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.
LGforum
LGforum
Hyperactive

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

Back to top Go down

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
avatar
fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

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.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51569
Reputation : 3525
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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