Podstrony
- telcocafe
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- Darmowe statystyki odslon banera dla strony .html Czy istnieja statystyki odslona banera n
- [html] Newsy i suwak - jak to zrobić? Jak zrobić suwak?
- [html Css] Obramowanie Czcionki jak obramowac czcionke??
- [HTML] Miejsce pod formularzem Jak usunąć miejsce pod formularzem?
- [HTML] '*' == ?
- Usuwanie zbednych linijek kodu Program do usuwania linijek html
- [HTML] Formularz liczący punkty Coś w rodzaju testu liczącego punkty ;)
- [html] Polskie znaki Po wsadzeniu banera, zniknęły polskie znaki
- [html]W jakiej technice zrobić stronkę? Jestem grafikiem a chce zrobić stronkę....
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- anioly24.xlx.pl
telcocafe
Bawię się HTML i zauważyłem pewną "dziwność". Definiują sobie szerokość tabeli na 500 pikseli a potem jedną z komórek na 100px dochodzę do wniosku, że jak się wpiszę dłuugi ciąg znaków to komórka się rozszeża (a wraz z nią cała tabela i strona w szerokośći) to samo dzieje się na divach (tyle że na stylach CSS). Czy jest możliwość zablokowania tak tabeli lub diva że jeśli tekst będzie dłuższy niż ustawa przewiduje to np. przeniesie go do następnego wiersza? Proszę o pomoc.overflow: auto;
a definiujesz szerokość drugiej komórki tabeli na 400 ?
Poza tym nie sądzę, aby taka możliwość była, przeglądarki nie dzielą słów same - wyświetlają całe słowa.
overflow: auto;
Nie działa.
@down
Tak teraz zdefiniowałem i nadal to samo :(
Bawię się HTML i zauważyłem pewną "dziwność". Definiują sobie szerokość tabeli na 500 pikseli a potem jedną z komórek na 100px dochodzę do wniosku, że jak się wpiszę dłuugi ciąg znaków to komórka się rozszeża (a wraz z nią cała tabela i strona w szerokośći) to samo dzieje się na divach (tyle że na stylach CSS). Czy jest możliwość zablokowania tak tabeli lub diva że jeśli tekst będzie dłuższy niż ustawa przewiduje to np. przeniesie go do następnego wiersza? Proszę o pomoc.
<div style=" margin-top:30mm; position: relative; top:3cm; left:1cm; overflow: auto; height: 12cm; width: 12cm; display: block;">Tu twój tekst</div>
<div style=" margin-top:30mm; position: relative; top:3cm; left:1cm; overflow: auto; height: 12cm; width: 12cm; display: block;">Tu twój tekst</div>
Dziwne to jakieś ale i tak nie działa.
Szukałem i znalazłem to overflow: hidden, ale to jak zastosuje w stylach na całą tabelę to i tak nie działa:
table{overflow: hidden; border: thin outset #990099; width: 20px } td { overflow: hidden; width: 10px; border: thin solid;} <table> <tr> <td>ssssssssssssssssssssss</td><td>sssssssssssssssssssss</td> </tr> </table>
To i tak się komórki rozszerzają wraz z nimi cała tabela i strona.
Nie pisz ciągów znaków, bo przeglądarka Ci tego nie przerzuci - traktuje to jako jeden wyraz i go nie podzieli. Lepiej wklejaj na próbę jakieś teksty typu Lorem Ipsum itp.
Nie pisz ciągów znaków, bo przeglądarka Ci tego nie przerzuci - traktuje to jako jeden wyraz i go nie podzieli. Lepiej wklejaj na próbę jakieś teksty typu Lorem Ipsum itp.
Możesz jaśniej :) ?
Nie pisz ciągów znaków, bo przeglądarka Ci tego nie przerzuci - traktuje to jako jeden wyraz i go nie podzieli. Lepiej wklejaj na próbę jakieś teksty typu Lorem Ipsum itp.
Możesz jaśniej :) ?
http://www.lipsum.com - generator łaciny. Zamiast tekstu typu "akdjbaskfbasdjkhfbjh" (czyli co wyjdzie spod palców na klawiaturze) umieszczaj teksty z generatora. Uzyskasz naturalniejszy wynik (i testować będzie przyjemniej ;)).
Użytkownik DJ_ProG edytował ten post 10 luty 2007, 18:30
Więc nie ma na to sposobu? Może rozwiązuje się to po prostu w inny sposób? Bezsensem byłoby w ogóle definiowanie szerokośći skoro one i tak nic nie dają (jeśli tekst jest dłużyszy) to same osiągnę bez ich definiowania. Więc twarząc stronę muszę za każdym razem patrzeć czy aby przypadkiem tabela się nienatutalnie rozciągnie?
<style type="text/css"> table { width: 500px; } td.a { width: 100px; } td.b { width: 400px; } </style> <table> <tr> <td class="a">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed faucibus orci non quam. Nulla urna mi, commodo nec, nonummy id, pharetra ac, augue. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed gravida pretium turpis. Nulla facilisi. Vestibulum placerat neque ut urna. Ut blandit magna eu metus. Maecenas vel velit quis turpis facilisis consectetuer. Mauris id risus non purus egestas venenatis. Sed ut dui. Vestibulum varius nisi sit amet purus. Fusce tincidunt consequat arcu. Etiam interdum. Phasellus quam dolor, tincidunt vitae, feugiat in, pharetra ut, lacus. Aliquam eros libero, pellentesque et, ullamcorper ut, vulputate ut, nibh. Vestibulum ante.</td> <td class="b">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed faucibus orci non quam. Nulla urna mi, commodo nec, nonummy id, pharetra ac, augue. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed gravida pretium turpis. Nulla facilisi. Vestibulum placerat neque ut urna. Ut blandit magna eu metus. Maecenas vel velit quis turpis facilisis consectetuer. Mauris id risus non purus egestas venenatis. Sed ut dui. Vestibulum varius nisi sit amet purus. Fusce tincidunt consequat arcu. Etiam interdum. Phasellus quam dolor, tincidunt vitae, feugiat in, pharetra ut, lacus. Aliquam eros libero, pellentesque et, ullamcorper ut, vulputate ut, nibh. Vestibulum ante.</td> </tr> </table>
No nie wiem jak Tobie, ale u mnie to działa bez większych problemów.
A overflow: auto; używamy raczej wtedy, kiedy ograniczamy sobie wysokość komórki i nie chcemy, by się rozciągała nam w dół. I gdy ilość tekstu będzie wykraczała poza komórkę, to pojawi nam się suwak.
Użytkownik szyma2 edytował ten post 11 luty 2007, 16:00
Więc nie ma na to sposobu? Może rozwiązuje się to po prostu w inny sposób? Bezsensem byłoby w ogóle definiowanie szerokośći skoro one i tak nic nie dają (jeśli tekst jest dłużyszy) to same osiągnę bez ich definiowania. Więc twarząc stronę muszę za każdym razem patrzeć czy aby przypadkiem tabela się nienatutalnie rozciągnie?
Nie tragizuj. css jest bogaty. masz jeszcze coś takiego - przykład urzycia:
<div style="max-height: 10cm; max-width: 10cm;">tu to co tam sobie chcesz</div>
Użytkownik statjacek edytował ten post 12 luty 2007, 07:51
<style type="text/css"> table { width: 500px; } td.a { width: 100px; } td.b { width: 400px; } </style> <table> <tr> <td class="a">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed faucibus orci non quam. Nulla urna mi, commodo nec, nonummy id, pharetra ac, augue. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed gravida pretium turpis. Nulla facilisi. Vestibulum placerat neque ut urna. Ut blandit magna eu metus. Maecenas vel velit quis turpis facilisis consectetuer. Mauris id risus non purus egestas venenatis. Sed ut dui. Vestibulum varius nisi sit amet purus. Fusce tincidunt consequat arcu. Etiam interdum. Phasellus quam dolor, tincidunt vitae, feugiat in, pharetra ut, lacus. Aliquam eros libero, pellentesque et, ullamcorper ut, vulputate ut, nibh. Vestibulum ante.</td> <td class="b">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed faucibus orci non quam. Nulla urna mi, commodo nec, nonummy id, pharetra ac, augue. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed gravida pretium turpis. Nulla facilisi. Vestibulum placerat neque ut urna. Ut blandit magna eu metus. Maecenas vel velit quis turpis facilisis consectetuer. Mauris id risus non purus egestas venenatis. Sed ut dui. Vestibulum varius nisi sit amet purus. Fusce tincidunt consequat arcu. Etiam interdum. Phasellus quam dolor, tincidunt vitae, feugiat in, pharetra ut, lacus. Aliquam eros libero, pellentesque et, ullamcorper ut, vulputate ut, nibh. Vestibulum ante.</td> </tr> </table>
No nie wiem jak Tobie, ale u mnie to działa bez większych problemów.
A overflow: auto; używamy raczej wtedy, kiedy ograniczamy sobie wysokość komórki i nie chcemy, by się rozciągała nam w dół. I gdy ilość tekstu będzie wykraczała poza komórkę, to pojawi nam się suwak.
Działa ale zauważyłem dziwną rzecz i ciężo będzie mi ją wytułmaczyć. Kiedy wpisałem między znaczniki <td>Jakiś tam tekst</td> i zaczełem go kopiować wynik był poprawny zobacz.
A teraz między ten tekst gdzieś tam w środku dopisałem (przytrzymując tylko) coś w tym stylu "sdfsdfsdakfadkjfadskjfasjkfasgkfhagsdffgsafgasfasfkjagsfhadgfadfgadfg" oto co wychodzi zobacz. Możliwe że właśnie dlatego moje wcześniejsze przykłady nie działały, wklejając tekst (Ctrl+V) Pajączek dzieli go do końca linii a następny wstawia w nowej, a ja pisząc tekst pisałem go tylko w jednej linii. Ale przecież HTML i tak nie rozróżnia znaków nowej linii w postaci ENTERa - to bez sensu. Ale dzięki za pomoc :)
Użytkownik p_p_c++ edytował ten post 12 luty 2007, 13:37
No tłumaczyłem już, że wpisując ciąg znaków bez spacji przeglądarka traktuje go jako jeden wyraz - i dlatego nie dzieli. Więc na próbę nie wpisuj tekstów właśnie typu "dfsdfsdakfadkjfadskjfasjkfasgkfhagsdffgsafgasfasfkjagsfhadgfadfgadfg", bo takie coś musi Ci rozciągnąć - przeglądarka traktuje to przecież jako jeden wyraz, a sama nie ma opcji 'dzielenia' wyrazów. I tutaj popełniasz błąd.
A jeśli wynajdziesz gdzieś takie długie wyrazy, to nie ma innego wyjścia jak ręczne dzielenie -<br /> :).
No tłumaczyłem już, że wpisując ciąg znaków bez spacji przeglądarka traktuje go jako jeden wyraz - i dlatego nie dzieli. Więc na próbę nie wpisuj tekstów właśnie typu "dfsdfsdakfadkjfadskjfasjkfasgkfhagsdffgsafgasfasfkjagsfhadgfadfgadfg", bo takie coś musi Ci rozciągnąć - przeglądarka traktuje to przecież jako jeden wyraz, a sama nie ma opcji 'dzielenia' wyrazów. I tutaj popełniasz błąd.
A jeśli wynajdziesz gdzieś takie długie wyrazy, to nie ma innego wyjścia jak ręczne dzielenie -<br /> :).
Ok dzięki już rozumiem :)