[html][css] table div

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
marwol
Posty: 2
Rejestracja: ndz lut 17, 2008 2:28 pm

[html][css] table div

Post autor: marwol »

Witam, nigdzie nie mogłem się doszukać, mianowicie czy istnieje możliwość aby w takim obiekcie:

Kod: Zaznacz cały

<div style="width: 100px; height: 100px; border: 1px solid black"> </div>
pomiędzy jego znaczniki wpisując duża ilość tekstu, to żeby on nie wychodził poza zdefiniowany obszar? Inny sposób realizacji takiego problemu?

Inny problem, definiując tabele:

Kod: Zaznacz cały

<table cellspacing="0" cellpadding="0" width="300">
<tr>
 <td> </td>
</tr>
</table>
Umieszczając duża ilość tekstu pomiędzy znaczniki td, tabela się po prostu
rozrasta pomimo zdefiniowanego rozmiaru, czy to normalne? Jak tego unikać?

Pozdrawiam,
marwol
MobyDick
Nowy
Nowy
Posty: 55
Rejestracja: czw sty 24, 2008 7:49 pm
Lokalizacja: Jarocin
Kontakt:

Re: [html][css] table div

Post autor: MobyDick »

pokombinuj ze znacznikiem overflow:
Masz do wyboru: visible, scroll, hidden, auto

Tabelami sie nie bawie wiec nie wiem.
SzamanGN
Nowy
Nowy
Posty: 92
Rejestracja: pn lis 27, 2006 3:28 pm
Kontakt:

Re: [html][css] table div

Post autor: SzamanGN »

DIV
Nie wiem czy to będzie dobra odpowiedź na twoje pytanie, ale jak zastosujesz (overflow: auto;):

Kod: Zaznacz cały

<div style="width: 100px; height: 100px; border: 1px solid black; overflow: auto;"> </div>
to po przekroczeniu rozmiaru DIVa pojawi się pasek przewijania.

TABELA
Może lepiej zastosować DIVa jak wyżej (overflow: auto;):

Kod: Zaznacz cały

<table cellspacing="0" cellpadding="0"> 
<tr> 
 <td>
  <div style="width: 300px; height: 100px; overflow: auto;">
  To co chcesz wpisać.
  </div>
 </td> 
</tr> 
</table>
Oczywiście rozmiary: width i height zmień według potrzeb.
ODPOWIEDZ