Posted 11 ноября, 2023Nov 11 comment_197506 Hello I have this html code, it breaks like this in mobile mode <code style="border: 1px solid #ccc;padding: 15px;border-radius: 3px;">{setting="walet addres"}</code><br /> @Exception@Desti@AHristich Link to comment https://ipbmafia.ru/topic/26139-breaking-the-border-around-the-text/ Share on other sites Больше вариантов
11 ноября, 2023Nov 11 comment_197507 Don't use <code> element Link to comment https://ipbmafia.ru/topic/26139-breaking-the-border-around-the-text/?&do=findComment&comment=197507 Share on other sites Больше вариантов
11 ноября, 2023Nov 11 Author comment_197508 1 minute ago, Desti said: Don't use <code> element What should I use???? Link to comment https://ipbmafia.ru/topic/26139-breaking-the-border-around-the-text/?&do=findComment&comment=197508 Share on other sites Больше вариантов
11 ноября, 2023Nov 11 comment_197509 <div> Link to comment https://ipbmafia.ru/topic/26139-breaking-the-border-around-the-text/?&do=findComment&comment=197509 Share on other sites Больше вариантов
11 ноября, 2023Nov 11 Author comment_197510 11 minutes ago, Desti said: <div> The box is created, but the text comes out of the box I want the text to stay inside the frame Link to comment https://ipbmafia.ru/topic/26139-breaking-the-border-around-the-text/?&do=findComment&comment=197510 Share on other sites Больше вариантов
11 ноября, 2023Nov 11 comment_197511 But it doesn't fit in there! Maybe try making the font size smaller? Link to comment https://ipbmafia.ru/topic/26139-breaking-the-border-around-the-text/?&do=findComment&comment=197511 Share on other sites Больше вариантов
11 ноября, 2023Nov 11 Author comment_197512 2 minutes ago, Desti said: But it doesn't fit in there! Maybe try making the font size smaller? Can it be set automatically only for mobile??? Link to comment https://ipbmafia.ru/topic/26139-breaking-the-border-around-the-text/?&do=findComment&comment=197512 Share on other sites Больше вариантов
11 ноября, 2023Nov 11 comment_197513 @media css options Link to comment https://ipbmafia.ru/topic/26139-breaking-the-border-around-the-text/?&do=findComment&comment=197513 Share on other sites Больше вариантов
11 ноября, 2023Nov 11 Author comment_197514 2 minutes ago, Desti said: @media css options I added this class to the code, the text didn't come out of the box Is it right to use this class???? class="ipsType_richText" <div class="ipsType_richText" style="border: 1px solid #ccc;padding: 15px;border-radius: 3px;">{setting="walet addres"}</div><br /> Link to comment https://ipbmafia.ru/topic/26139-breaking-the-border-around-the-text/?&do=findComment&comment=197514 Share on other sites Больше вариантов
11 ноября, 2023Nov 11 comment_197515 You can use anything you want, as long as you're happy with the result. Link to comment https://ipbmafia.ru/topic/26139-breaking-the-border-around-the-text/?&do=findComment&comment=197515 Share on other sites Больше вариантов
11 декабря, 2023Dec 11 Author comment_198063 On 11/12/2023 at 1:11 AM, Desti said: @media css options Can you send how to use @media??? I only have this problem with mobile Link to comment https://ipbmafia.ru/topic/26139-breaking-the-border-around-the-text/?&do=findComment&comment=198063 Share on other sites Больше вариантов
11 декабря, 2023Dec 11 comment_198066 use overflow = hidden Link to comment https://ipbmafia.ru/topic/26139-breaking-the-border-around-the-text/?&do=findComment&comment=198066 Share on other sites Больше вариантов
11 январяJan 11 comment_198797 В 11.12.2023 в 14:30, avangcom сказал: Can you send how to use @media??? Hello! You need to use css media queries: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries You especially need point "@media (max-width: 1250px)...", as it allows you to change styles for a specific screen resolution. So, for example, if the screen size is too small, then you can reduce the size of the content and everything will be displayed correctly. Good luck! Link to comment https://ipbmafia.ru/topic/26139-breaking-the-border-around-the-text/?&do=findComment&comment=198797 Share on other sites Больше вариантов
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.