Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: problem z div i nobr
Forum PHP.pl > Forum > Po stronie przeglądarki
zaajcu
mam problem z ukladem strony mianowicie mam mniejwiecej taki kod
  1. <div class="blok">
  2. <nobr>
  3. <div class="opis"></div>
  4. <div class="opis"></div>
  5. <div class="opis"></div>
  6. ...
  7. </nobr>
  8. </div>


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
  1. float: left;

?

Ewentualnie zamiast takiego rozwiazania, mozesz dodac do tej samej klasy taki tekst
  1. white-space:normal;

powinno tez zadzialac
zaajcu
niestety ale to nie działa

taki mam teraz działający kod z nobr

  1. <div class="gigapanorama_mini tresc">
  2. <div class="mini_blok">
  3. <div class="miniatury">
  4. <nobr>
  5. <span class="mini_image_blok"><span class="img"></span><div class="opis"></div ></span>
  6. <span class="mini_image_blok"><span class="img"></span><div class="opis"></div ></span>
  7. <span class="mini_image_blok"><span class="img"></span><div class="opis"></div ></span>
  8. <span class="mini_image_blok"><span class="img"></span><div class="opis"></div ></span>
  9. ...
  10. </nobr>
  11. </div>
  12. </div>
  13. <div class="mov_left"></div>
  14. <div class="mov_right"></div>
  15.  
  16. </div>


i css

  1. #start .gigapanorama_mini
  2. {
  3. position: relative;
  4. overflow: hidden;
  5. height: 193px;
  6. margin:0 auto;
  7. }
  8. .gigapanorama_mini .mini_blok
  9. {
  10. display: block;
  11. position: relative;
  12. margin:0 auto;
  13. width:980px;
  14. height: 196px;
  15. overflow: hidden;
  16. }
  17. .gigapanorama_mini .mini_blok .miniatury
  18. {
  19. display:block;
  20. position: absolute;
  21. width:100%;
  22. height:100%;
  23. }
  24.  
  25. .gigapanorama_mini .mini_image_blok
  26. {
  27. display: inline-block;
  28. width: 227px;
  29. margin-right: 24px;
  30. vertical-align: top;
  31. floa:left;
  32. }
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 ohno-smiley.gif

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 wink.gif 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
  1. span.opis {white-space:normal;}
zaajcu
Dzięki dobry człowieku wink.gif
1,5 h nad tym straciłem :/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.