Jump to content

Featured Replies

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 />

f671d61c-3e99-4e07-bfbd-1cb7e320403c.thumb.jpg.b31cc3e01d7ac2188d3d81263426a419.jpg

@Exception@Desti@AHristich

Link to comment
https://ipbmafia.ru/topic/26139-breaking-the-border-around-the-text/
Share on other sites
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 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

f671d61c-3e99-4e07-bfbd-1cb7e320403c.thumb.jpg.684211b0cc3368a3a17f5cd5c6c76ca7.jpg

Link to comment
https://ipbmafia.ru/topic/26139-breaking-the-border-around-the-text/?&do=findComment&comment=197510
Share on other sites

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

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
  • 5 недель спустя...
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
  • 5 недель спустя...
В 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.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.