Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]Overflow:hidden nie działa
Greg23
post
Post #1





Grupa: Zarejestrowani
Postów: 120
Pomógł: 0
Dołączył: 6.04.2012

Ostrzeżenie: (0%)
-----


Mam taki kod:

  1. <div id="latest">
  2. <h2>Nazwa</h2>
  3. <div class="stor">
  4.  
  5. <div class='top' style='width:400px; overflow:hidden;'>
  6. <div class='p'>
  7. <ul>
  8. <li><span>1.</span></li>
  9. <li><a title='' href=''>sadasd</a></li>
  10. </ul>
  11. </div>
  12.  
  13. <div class='p'>
  14. <ul>
  15. <li><span>2.</span></li>
  16. <li><a title='' href=''>fsdfsdf</a></li>
  17. </ul>
  18. </div>
  19.  
  20. </div>
  21. </div>
  22. </div>
  23.  


Problem jest z elementami listy. Jeśli tekst linka jest dłuższy niż szerokość diva, treść powinna zostać ukryta (overflow:hidden)
Niestety tak się nie dzieje i dłuższy tekst jest przełamywany do nowej linii.

Dlaczego overflow:hidden nie działa ?
Próbowałem dodawać tą dyrektywę do innych divów, ale też nic to nie zmienia :/

Ten post edytował Greg23 19.08.2012, 19:29:55


--------------------
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
toaspzoo
post
Post #2





Grupa: Zarejestrowani
Postów: 778
Pomógł: 84
Dołączył: 29.07.2010
Skąd: Gliwice / Pławniowice Mistrz niezmordowanej klawiatury.

Ostrzeżenie: (20%)
X----


Dlaczego div.stor nie nadasz takich samego atrybutu stylu jak dziecku ?


--------------------

LS Easter egg <
Go to the top of the page
+Quote Post
Greg23
post
Post #3





Grupa: Zarejestrowani
Postów: 120
Pomógł: 0
Dołączył: 6.04.2012

Ostrzeżenie: (0%)
-----


A to dlaczego ?
Chcę, żeby był inaczej formatowany, ale nawet jak to zrobie to i tak nic nie zmienia.


--------------------
Go to the top of the page
+Quote Post
PanGuzol
post
Post #4





Grupa: Zarejestrowani
Postów: 353
Pomógł: 50
Dołączył: 28.07.2005
Skąd: Łaziska Górne

Ostrzeżenie: (0%)
-----


http://www.w3schools.com/cssref/pr_text_white-space.asp


--------------------
Sposób na życie? Uśmiech na twarzy :D
"Widzę więcej, wiem więcej, tak to jest mniej więcej"
"NIE kradnij, rząd nielubi konkurencji"
Go to the top of the page
+Quote Post
Greg23
post
Post #5





Grupa: Zarejestrowani
Postów: 120
Pomógł: 0
Dołączył: 6.04.2012

Ostrzeżenie: (0%)
-----


Niby działa ten sposób, ale znowu jak mam listę:

  1. 1.sdasdasdasdadsasdaddasdasdasd
  2. 2.dsfsadsdfsdfsdf
  3. 3.dfsdfsdfs

To pierwszy tekst (za długi) co prawda jest w jednej linii (nie przełamuje się) ale jest obniżony w stosunku do wypunktowania.
Wygląda to tak:

  1. 1.
  2. sdasdasdasdadsasdaddasdasdasd
  3. 2.dsfsadsdfsdfsdf
  4. 3.dfsdfsdfs


Czyli dalej nie jest tak jak trzeba.

Ten post edytował Greg23 19.08.2012, 21:41:06


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 22:48