Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Blok DIV bez nowej linii - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Blok DIV bez nowej linii (/thread-blok-div-bez-nowej-linii)



Blok DIV bez nowej linii - tomekgg - 03-12-2009

Witam wszystkich,

Otóż mam taki problem:

Potrzebuję użyć bloku div zawierającego tekst z określoną maksymalną długością (style="max-width:20em").

Po tym bloku zawsze następuje przejście do nowej linii (tak jakby <BR/>), ja chcę aby ten div zachował się jak SPAN.

Span nie obsługuje stylu max-width.

Czy jest sposób, aby zablokować przejście do nowej linii?


RE: Blok DIV bez nowej linii - virus4 - 03-12-2009

Pokaż kod. Będzie prościej. Możesz spróbować zrobić w tym divie
Kod:
float: left;
.


RE: Blok DIV bez nowej linii - tomekgg - 03-12-2009

Z float:left działa na prostym kodzie, ale w moim przypadku nie jest to takie proste: dużo DIV-ów różnie wyrównanych.

Po wielu próbach dalej nic.

Kiedy zastosuję display:inline nie działa styl max-width.
Przy float left poprubuję jeszcze.


RE: Blok DIV bez nowej linii - virus4 - 03-12-2009

Daj ten kod i jakiś screen jak to ma wyglądać.

PS" parametrze display nie można ustawiać szerokościSmile.


RE: Blok DIV bez nowej linii - tomekgg - 04-12-2009

(03-12-2009, 21:18)virus4 napisał(a): Daj ten kod i jakiś screen jak to ma wyglądać.

PS" parametrze display nie można ustawiać szerokościSmile.

OK, dzięki virus4 za dobre chęci, ale nie już jest mi to potrzebne
- przerobiłem fragment strony tak, aby nowa linia, którą div wstawia niczego nie psuła.

A tak na marginesie to sądzę, że w div-ie, gdzie mamy style="max-width:20em"
nie pomoże ani display:inline (wówczas style="max-width:20em" nie działa), ani float:left (bloki są wielowierszowe, na dodatek style="max-width:20em" utrudnia działania z inline).

Po przeróbce myślę, że strona jest nawet bardziej wygodna w korzystaniu.

Pozdrawiam