Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Višina in širina tabele
Avtor: NikMan | Objavljeno: dne 22. september 2006, 12:09
  Ustvarili bomo tabelo s petimi celicami in jim nastavili širino ter višino. Potem pa bomo te celice prisilili z določeno slikico, ki bo te nastavitve prisilila, da se nastavitev res držijo.
 
 
1
  
 
Odprite nov HTML dokument.
 
 
2
  
 
Kliknite na ikono Table.
 
 
3
  
 
Odprejo se vam nastavitve za tabelo.

Določite naslednje. Row: 3, Columns: 1, Table width: 100 percent, Border thickness: 0, Cell padding: 0 in Cell spacing 0.

Potrdite še na gumb OK.
 
 
4
  
 
Tabela se vam je kreirala.
 
 
 
 
 
5
  
 
Kliknite na View, Visual aids in izberite Table Widths.

Table Widths nam prikazuje širino tabel in celic, ki pa večinoma naredijo še večjo zmedo, zato smo to izklopili.
 
 
6
  
 
Kliknite sedaj na srednjo celico.
 
 
7
  
 
In kliknite na ikono, ki vam bo razdelila označeno celico.
 
 
8
  
 
Odpre se vam novo okno.

Določite Split cell into: Columns in spodaj določite Number of columns: 3. Potrdite še na OK.
 
 
9
  
 
Celica se vam je razdelila na tri dele.

Kliknite na levo celico.
 
 
10
  
 
V polje za širino (W) določite 1 in ozadje celice s črno barvo.
 
 
11
  
 
Leva celica se vam obarva s črno barvo in skrči na 1 piko širine.

Ponovite postopek še za desno celico.
 
 
12
  
 
Ko boste imeli obarvani obe sredinski celici, kliknite še na zgornjo.
 
 
13
  
 
Sedaj določite višino (H) celice 1 in barvo ozadja spet črno.

Ponovite postopek tudi za spodnjo celico.
 
 
14
  
 
Tabela bi morala izgeldati tako kot na moji sliki.

Kliknite spet na zgornjo celico.
 
 
15
  
 
Kliknite na gumb za vstavljanje slik in izberite sliko popaj.gif.

Kliknite tukaj, če vas zanima, kako se kreira to sliko v Adobe Photoshop-u.

Slika popaj.gif je transparentna slika v velikost 1x1 piksla. Služi temu, da poravnava širine in višine celic. V angleščini se ta slika imenuje tudi spacer.
 
 
16
  
 
Zgornja celica se je skrčila v širino enega piksla.

Ponovite postopek še za levo, desno in spodnjo celico.
 
 
17
  
 
Ko vstavimo sliko popaj.gif v vse celice, bi morala tabela izgledati tako, kot na moji sliki.
 
 
18
  
 
Shranite stran in si jo potem še oglejte.

Kliknite na File in izberite Save As... Potem pa še pritisnite tipko F12 za ogled kreacije v brskalniku.
 
 
Komentiraj
  
 
 
 
 
14.4.2010, 23:33
Sam pa imam težavo, ko naredim oz. vstavim tabelo z Insert, določim število stolpcev in vrstic, nato pa želim vpisovati podatke v celice. Povsod kjer sem opazil nastavitve za črke, sem nastavil naj bo tip črk Verdana 11. A ko začnem pisati v tabelo, mi privzame črke New Times Roman 12. Kako in kje nastavim, da mi ni potrebno potem v tabelah spreminjati tipa črk, ker na prazni strani pa začne takoj pisati z Verdano 11.
Hvala lepa za pomoč. Delam v Dreamweawerju CS3.

Marko

spremenil: nekajževem (14.4.2010 ob 23.34.26)
 
 
 
 
14.4.2010, 23:36
Zdravo,
če imaš celotno stran v pisavi Verdana in v velikosti 11, potem lahko spremeniš nastavitve strani.



Še drugi način. Če želiš samo v tabeli take možnosti, pa označi en rob tabele, nato pa bi se ti morala celotna odebeliti. Potem pa tam nastaviš pisavo in velikost.

spremenil: realife (14.4.2010 ob 23.38.08)
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!
  
Zmaga.com na Facebooku | Pošljite nam e-pošto | Informacije o Zmaga.com