problem z div i nobr Opcje

[zaajcu]

mam problem z ukladem strony mianowicie mam mniejwiecej taki kod

[PHP] pobierz, plaintext 
<div class="blok">
	<nobr>
		<div class="opis"></div>
		<div class="opis"></div>
		<div class="opis"></div>
		...
	</nobr>
</div>
[PHP] pobierz, plaintext 

problem z tym mam taki ze jak włożę do div class opis jakiś teks to tez jest nobr :/

mam tak zrobione bo potrzebuje mieć wszystkie div opis w jednej lini (jeden obok drugiego)
rozwiązaniem jest ustawienie szerokości diva na dość spore ale tak być nie może bo nie wiadomo jak dużo będzie w środku div opis

poza tym div blok musi mieć overflow hidden

jak można to zrobić inaczej żeby nie było nobr albo żeby mi się tekst sam łamał?

[luckyps]

A nie lepiej wywalic <nobr> i dodac w stylach dla klasy diva "opis" taki tekst

[HTML] pobierz, plaintext 
 float: left;
[HTML] pobierz, plaintext 

?

Ewentualnie zamiast takiego rozwiazania, mozesz dodac do tej samej klasy taki tekst

[HTML] pobierz, plaintext 
white-space:normal;
[HTML] pobierz, plaintext 

powinno tez zadzialac

[zaajcu]

niestety ale to nie działa

taki mam teraz działający kod z nobr

[HTML] pobierz, plaintext 
	<div class="gigapanorama_mini tresc">
			<div class="mini_blok">
				<div class="miniatury">
				<nobr>
				     <span class="mini_image_blok"><span class="img"></span><div class="opis"></div	></span>
			      	     <span class="mini_image_blok"><span class="img"></span><div class="opis"></div	></span>
				     <span class="mini_image_blok"><span class="img"></span><div class="opis"></div	></span>
				     <span class="mini_image_blok"><span class="img"></span><div class="opis"></div	></span>
                                      ...
				</nobr>
				</div>
			</div>
				<div class="mov_left"></div>
				<div class="mov_right"></div>			
 
	</div>
[HTML] pobierz, plaintext 

i css

[HTML] pobierz, plaintext 
#start .gigapanorama_mini
	{
	position: relative;
	overflow: hidden;
	height: 193px;
	margin:0 auto;
	}
.gigapanorama_mini	.mini_blok
	{
	display: block;
	position: relative;
	margin:0 auto;
	width:980px;
	height: 196px;
	overflow: hidden;
	}	
.gigapanorama_mini	.mini_blok .miniatury
	{
	display:block;
	position: absolute;
	width:100%;
	height:100%;
	}
 
.gigapanorama_mini .mini_image_blok
	{
	display: inline-block;
	width: 227px;
	margin-right: 24px;
	vertical-align: top;
	floa:left;
	}	
[HTML] pobierz, plaintext 

Ten post edytował zaajcu 10.10.2011, 14:25:16

[Damonsson]

To w końcu działa, czy nie działa? Zdecyduj się.

[zaajcu]

tak jak jest to działa z nobr przy czym mam dalej w span "opis" tak samo nobr i mi nie zalamuje teksu
natomiast <span class="mini_image_blok"> sa w jednej lini tak jak to ma byc

potrzebuje albo wywalic nobr i jakos to zrobic zeby <span class="mini_image_blok"> byly w jednej lini (float left nie działa) albo w div class opis zrobic jakims cudem załamywanie tekstu

[Damonsson]

No od tego jest znacznik <nobr> żeby nie łamał tekstu.

Co Ty chcesz osiągnąć? Bo ja już kompletnie zgłupiałem

Takie coś? http://jsfiddle.net/uazWQ/1/

Pomijając już, że w elementach liniowych umieszczasz blokowe....

[zaajcu]

tam wiem ze tego diva ma nie byc został on z kombinowania jak to zrobic u mnie już go nie ma ale tu został

potrzebuje zrobic cos takiego
http://jsfiddle.net/uazWQ/3/
tylko zeby mi sie tekst zalamywał a wszystkie obrazki z tekstem pod spodem musza byc w jednej lini

[luckyps]

dodaj to do CSS

[HTML] pobierz, plaintext 
span.opis {white-space:normal;}
[HTML] pobierz, plaintext 

[zaajcu]

Dzięki dobry człowieku
1,5 h nad tym straciłem :/