🚀 go-pugleaf

RetroBBS NetNews Server

Inspired by RockSolid Light RIP Retro Guy

4 total messages Started by RM Tue, 28 Apr 2020 16:45
responsywny akapit <p>
#408844
Author: RM
Date: Tue, 28 Apr 2020 16:45
23 lines
1885 bytes
Jak zrobić, żeby akapit był responsywny, tzn. żeby łamanie <p>tekstu w 
akapicie<p> zmieniało się przy zmianie szerokości okna przeglądarki?

Mam tabelkę Bootstrapową, a w niej wiersz:

<tr><td colspan="8"><b>Tytuł:</b> Programista PHP<br><b>Data 
wprowadzenia:</b> 21.03.2020</b><br><b>Okres ważności:</b> od 
01.04.2020<br><b>Kategoria:</b> IT / telekomunikacja<br><b>Imię i 
nazwisko:</b> Adam Kowalski<br><b>Wykształcenie:</b> 
wyższe<br><b>Województwo:</b> 
mazowieckie<br><b>Miejscowość:</b><br><b>Kod pocztowy:</b> 
02-495<br><b>Adres:</b> ul. Polna 1B m. 19<br><b>E-mail:</b> <a 
href="mailto:adam_k@wp.pl">adam_k@wp.pl</a><br><b>Telefon:</b> 
506117506<br><input type="button" value="Pokaż zdjęcie"><br><input 
type="button" value="Pokaż CV"><br><b>Treść:</b><p>5-letnie 
doświadczenie we frameworku CodeIgniter. Jestem magistrem informatyki, 
absolwentem UW.</p></td></tr>

i problem w tym, że jak zmniejszę szerokość okna przeglądarki to widać 
tylko początek tekstu:
	|5-letnie doświadczenie we frameworku Co|

Proszę o podpowiedź.
Re: responsywny akapit <p>
#408845
Author: RM
Date: Tue, 28 Apr 2020 17:20
11 lines
1240 bytes
W dniu 28.04.2020 o 18:45, RM pisze:
> Mam tabelkę Bootstrapową
Tzn mam:

     <!-- Bootstrap -->
     <link rel="stylesheet" 
href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
     <link rel="Stylesheet" type="text/css" 
href="https://kursbootstrap.pl/examples/docs.css" />
...
     <table class="table table-responsive table-stripped table-light">
Re: responsywny akapit <p>
#408846
Author: RM
Date: Tue, 28 Apr 2020 17:41
32 lines
2114 bytes
W dniu 28.04.2020 o 18:45, RM pisze:
> Jak zrobić, żeby akapit był responsywny, tzn. żeby łamanie <p>tekstu w 
> akapicie<p> zmieniało się przy zmianie szerokości okna przeglądarki?
> 
> Mam tabelkę Bootstrapową, a w niej wiersz:
> 
> <tr><td colspan="8"><b>Tytuł:</b> Programista PHP<br><b>Data 
> wprowadzenia:</b> 21.03.2020</b><br><b>Okres ważności:</b> od 
> 01.04.2020<br><b>Kategoria:</b> IT / telekomunikacja<br><b>Imię i 
> nazwisko:</b> Adam Kowalski<br><b>Wykształcenie:</b> 
> wyższe<br><b>Województwo:</b> 
> mazowieckie<br><b>Miejscowość:</b><br><b>Kod pocztowy:</b> 
> 02-495<br><b>Adres:</b> ul. Polna 1B m. 19<br><b>E-mail:</b> <a 
> href="mailto:adam_k@wp.pl">adam_k@wp.pl</a><br><b>Telefon:</b> 
> 506117506<br><input type="button" value="Pokaż zdjęcie"><br><input 
> type="button" value="Pokaż CV"><br><b>Treść:</b><p>5-letnie 
> doświadczenie we frameworku CodeIgniter. Jestem magistrem informatyki, 
> absolwentem UW.</p></td></tr>
> 
> i problem w tym, że jak zmniejszę szerokość okna przeglądarki to widać 
> tylko początek tekstu:
>      |5-letnie doświadczenie we frameworku Co|
> 
> Proszę o podpowiedź.

Samo:

table p {
   word-wrap: break-word;
}

mi nie pomaga.
Re: responsywny akapit <p>
#408847
Author: RM
Date: Tue, 28 Apr 2020 17:49
12 lines
1047 bytes
W dniu 28.04.2020 o 19:41, RM pisze:

> Samo:
> 
> table p {
>    word-wrap: break-word;
> }
> 
> mi nie pomaga.

overflow-wrap
też nie pomaga.
Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads