Search the Community
Showing results for tags 'problem in css'.
-
Hey, will anybody solve this problem or explain me why it is happening to this counter lists that I am creating in css. the problem here is that the last group of lists are the continuation of the first group of lists and in between, I have used nested lists, so counter should be continuing the counting after the the first group( 1-5th lists ) of lists( which is from the number 6 - last group of lists) but it doesn't....please tell me why ? <style> ol{ counter-reset: section; list-style-type: none; } li::before{ counter-increment: section; content:Counters(section,":") " "; } </style> </head> <body> <br><br><br><br> <ol> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <ol> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text <ol> <li>text</li> <li>text</li> <li>text</li> </ol> </li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> </ol> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> </ol>
-
Hello everyone. (Sorry for my bad english, I'm french)So I have an HTML page with a header, a footer, a lateral menu and of course, content.It is perfectly sized for desktops and mobiles (thanks to a media query I invented, which is : @media screen and (max-aspect-ratio: 7/8) and (min-height: 1100px){ /* MY CODE HERE */ } The content is perfectly adjusted like this : , thanks to: html{font-size: 200%} in this media query. I precise that ALL my font-sizes and padding between divs / paragraphs are in "rem" unit. But the problem is, that when I exceeds the precise nuber of 89 characters, the texte suddenly look like this : But only on mobile devices (with the media query I said previously)... I visualized this with the Chrome developer tool -> Device toolbar (Ctrl + Shift + I then Ctrl + Shift + M) There I do a little as if it was not serious but it's days that I drudge everywhere and nobody was able to give me an answer ... I put the page online so you can watch it more precisely...http://vincentvincent.rf.gd/l-histoire.html Thanks for your help.
-
Hello guys I have a question about CSS: 1.What is the different between these things: div>p {background-color: yellow;} div p {background-color: yellow;} ---------------------------------------------------------- 2.And what is the different between these things: :root {background-color: yellow;} * {background-color: yellow;} ---------------------------------------------------------- 3.And what is this: ::selection ---------------------------------------------------------- I will be happy if you answer me.
- 2 replies
-
- css
- css problem
-
(and 4 more)
Tagged with:
-
Hello guys I have some questions about CSS: What is the different between these codes: div[class*="value"] div[class$="value"] div[class^="value"] Thanks guys
- 2 replies
-
- css
- problem in css
-
(and 3 more)
Tagged with: