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.

about li tag-html

View previous topic View next topic Go down

Solved about li tag-html

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

fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

Solved Re: about li tag-html

Post by nextlevelgaming on 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
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 on August 2nd 2012, 9:08 pm

actually i made this topic because i more interested about the moderation box-option:

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


fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

Solved Re: about li tag-html

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

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

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: about li tag-html

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

So ... solution ?

fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

Solved Re: about li tag-html

Post by LGforum on 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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: about li tag-html

Post by fantastickmath on 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:

fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

Solved Re: about li tag-html

Post by LGforum on 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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: about li tag-html

Post by fantastickmath on 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
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 :!

fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

Solved Re: about li tag-html

Post by LGforum on 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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: about li tag-html

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

fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

Solved Re: about li tag-html

Post by LGforum on 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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: about li tag-html

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

fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

Solved Re: about li tag-html

Post by LGforum on 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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: about li tag-html

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

fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

Solved Re: about li tag-html

Post by LGforum on 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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: about li tag-html

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

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

fantastickmath
Forumember

Male Posts : 31
Reputation : 0
Language : Ro

Back to top Go down

Solved Re: about li tag-html

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

Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 36751
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

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