Šta je novo?
Od:
Filteri

Kako fiksirati table width HTML???

psyhomb

psyhomb

Čuven
Učlanjen(a)
04.08.2003
Poruke
398
Poena
619
Zanima me kako da fiksiram sirinu tablele? Znaci, zelim da kucam neki
tekst unutar celije i kada dodjem do kraja celije ocu da me automatski
prebaci u novi red a ne da mi siri tablu. Kako to da izvedem sa HTML-om
ili CSS-om. :crash:
 
Poslednja izmena:
-=[::PsyhoMB::]=- je napisao(la):
Zanima me kako da fiksiram sirinu tablele? Znaci, zelim da kucam neki
tekst unutar celije i kada dodjem do kraja celije ocu da me automatski
prebaci u novi red a ne da mi siri tablu. Kako to da izvedem sa HTML-om
ili CSS-om. :crash:
Kliknite za proširenje...

Širinu tabele određuješ sa atributom width elementa <table>
Recimo: za tabelu širine 300 pixela
<table width="300">

Širinu pojedinačnih kolona određuješ pomoću elemenata <colgroup> i <col>
Recimo: u tabeli imaš 4 kolone od kojih su prve dve po 50px, treća 200px i četvrta 100px
<colgroup>
<col span="2" width="50">
<col width="200">
<col width="100">
</colgroup>

Ovo stavljaš nakon <table> elementa

Postoji i atribut width za element <td> sa kojim se može definisati širina ćelije, ali je on označen kao deprecated što znači da bi u dogledno vreme mogao biti izbačen iz standarda pa ga ne treba koristiti.
 
jddipqd je napisao(la):
Širinu tabele određuješ sa atributom width elementa <table>
Recimo: za tabelu širine 300 pixela
<table width="300">

Širinu pojedinačnih kolona određuješ pomoću elemenata <colgroup> i <col>
Recimo: u tabeli imaš 4 kolone od kojih su prve dve po 50px, treća 200px i četvrta 100px
<colgroup>
<col span="2" width="50">
<col width="200">
<col width="100">
</colgroup>

Ovo stavljaš nakon <table> elementa

Postoji i atribut width za element <td> sa kojim se može definisati širina ćelije, ali je on označen kao deprecated što znači da bi u dogledno vreme mogao biti izbačen iz standarda pa ga ne treba koristiti.
Kliknite za proširenje...

Ma sve je to super. Ja znam sve te tagove. Jasno sam ja definisao tabeli njenu sirinu ali me ona neslusa kako ja otkucam nesto ona pocinje da se siri umesto da me prebacuje u novi red i da se povecava u duzini (height).
 
-=[::PsyhoMB::]=- je napisao(la):
Ma sve je to super. Ja znam sve te tagove. Jasno sam ja definisao tabeli njenu sirinu ali me ona neslusa kako ja otkucam nesto ona pocinje da se siri umesto da me prebacuje u novi red i da se povecava u duzini (height).
Kliknite za proširenje...
Nešto nisi dobro otkucao.
Prost primer
Kod: 
<html>
<head>
</head>
<body>
<table width="400" border="1">
<colgroup>
<col span="2" width="50">
<col width="200">
<col width="100">
</colgroup>
<tr>
<td>1</td>
<td>10</td>
<td>Pera Kojot Super Genije kjlhlkjghjfg ghjgj ds gsfsdf sghfdhdj jcdghkghjkbnmcm  dfgh gdfklghfdlkh kj ghklshgsklhgklshg gklsfhgklsfhg fhg ksjl</td>
<td>Jeste!</td>
</tr>
</table>
</body>
</html>
Igraj se sa širinom kolona i tekst će da se prilagođava tome.
 
Evo baci posgled na slike i na kod pa mi reci sta se desava!!!
Kod se odnosi samo na tabelu kojoj je sad trenutno ukljucen border!!!

<table cellpadding="0" cellspacing="0" border="2" width="440"
style="position: absolute;
top: 15px; left: 60px;">

<rowgroup>
<row width="440">
<row width="440">
<row width="440">
</rowgroup>

<tr>
<td><img src="slike/gornji_okvir.jpg"></img>
</td>
</tr>

<tr>
<td><font color="#DC0000">
dasasdsadasssssssxzxcssssssssssssssssssss
</font>
</td>
</tr>

<tr>
<td><img src="slike/donji_okvir.jpg"></img>
</td>
</tr>

</table>
 

Prilozi

  • slika1_2.webp
    slika1_2.webp
    63.2 KB · Pregleda: 62
  • slika2_2.webp
    slika2_2.webp
    64.5 KB · Pregleda: 60
Poslednja izmena:
ZoNi je napisao(la):
sta je to ROWGRUP i ROW WIDTH?
Kliknite za proširenje...

Greska u kopiranju kod je isti samo bez toga !!!
Imam jos jedno pitanje kako da napravim da mi text bude ravan sa
obe strane??? HVALA

<table cellpadding="0" cellspacing="0" border="2" width="440"
style="position: absolute;
top: 15px; left: 60px;">

<tr>
<td width="440"><img src="slike/gornji_okvir.jpg"></img>
</td>
</tr>

<tr>
<td width="440" align="center"><font color="#DC0000">
dasasdsadasssssssxzxcssssssssssssssssssss
</font>
</td>
</tr>

<tr>
<td width="440"><img src="slike/donji_okvir.jpg"></img>
</td>
</tr>

</table>
:wave:
 
Poslednja izmena:
Inace iskopirao sam ovaj tvoj kod i dodavao jos slova
u delu
<td>Pera Kojot Super Genije....
I tvoja celija je pocela da se siri znaci da nije fixsirana!!!
Nije mi jasno zasto u mom primeru nepocne da se povecava
po duzini a ne po sirini jer je duzina parametar koji nisam definisao!!!
 
Fora je u tome što user agent neće da pocepa reč koju si mu dao. Ako imaš samo jednu reč koja je duža od širine tabele tabela će se proširiti koliko je potrebno i ne znam da li to može da se spreči. Međutim, ako tu dugačku reč podeliš na kraće širina tabele će ostati fiksna. Ovo i nije neko ograničenje jer kome trebaju reči od ~30 slova.

Inače <img> element se ne zatvara. Znači ne treba ti </img> tag.
A što se tiče poravnavanja po obe ivice, staviš align="justify" u elemente <colgroup> <col> <tr> <td> već prema potrebi.
I kao što rekoh width u <td> je deprecated
 
jddipqd je napisao(la):
Fora je u tome što user agent neće da pocepa reč koju si mu dao. Ako imaš samo jednu reč koja je duža od širine tabele tabela će se proširiti koliko je potrebno i ne znam da li to može da se spreči. Međutim, ako tu dugačku reč podeliš na kraće širina tabele će ostati fiksna. Ovo i nije neko ograničenje jer kome trebaju reči od ~30 slova.

Inače <img> element se ne zatvara. Znači ne treba ti </img> tag.
A što se tiče poravnavanja po obe ivice, staviš align="justify" u elemente <colgroup> <col> <tr> <td> već prema potrebi.
I kao što rekoh width u <td> je deprecated
Kliknite za proširenje...

Da se razumemo ja nepitam kako da poravnam text zato sto neznam
tag ili CSS-ovu selector {property: value;}
Evo jos boljeg prmera kako da poravnas text sa CSS-om

div {
text-align: justify;
text-justify: newspaper
}

Ja pitam zato sto nista od ovoga kod mene nefunkcionise.
Zbog cega, neznam!!!

Inace ja svaki otvarajuci tag i zatvorim
nemoze da skodi niti bilo sta da pokavari. Kod XHTML-a je to obavezno, zatvara se i oznaka />

U svakom slucaju hvala na trudu.
Verovatno je moguce da ja negde gresim sacu da pretrsem ceo kod!!!
HVALA JOS JEDNOM :wave: :wave: :wave:
 
Poslednja izmena:
-=[::PsyhoMB::]=- je napisao(la):
Inace ja svaki otvarajuci tag i zatvorim
nemoze da skodi niti bilo sta da pokavari. Kod XHTML-a je to obavezno, zatvara se i oznaka />
Kliknite za proširenje...
Po HTML 4.01 Transitional standardu zatvranje <img> taga je zabranjeno. Ništa neće da pokvari i ako ga zatvoriš, ali više neće biti po standardu.
Proteraj kod kroz http://validator.w3.org pa vidi
 
jddipqd je napisao(la):
Po HTML 4.01 Transitional standardu zatvranje <img> taga je zabranjeno. Ništa neće da pokvari i ako ga zatvoriš, ali više neće biti po standardu.
Proteraj kod kroz http://validator.w3.org pa vidi
Kliknite za proširenje...

OK hvala na toj informaciji necu ga vise zatvarati to jest necu vise koristiti
</img> POZDRAV I JOS JEDNOM HVALA NA TRUDU
:wave:
 
Poslednja izmena:
Morate se prijaviti ili registrovati da odgovorite ovde.
Nazad
Vrh Dno