» »

Tabela/razpredelnica v html kodi

Tabela/razpredelnica v html kodi

jncar ::

Pozdravljeni!

Naj prvo rečem, da še nikoli nisem programiral, niti nikoli še nisem nobenega ukaza/vrstico napisal v noben programskem jeziku. Sem se pa spravil delat eno brezplačno stran v kateri bi rad vstavil eno tabelo.

Uglavnem...na webs.com kjer delam spletno stran imam možnost, da vstavim oz. popravim HTML kodo (edit HMTL source) vendar ukazi ne delajo ali pa jih narobe napišem. Kakorkoli, tabelo kakršno si želim mi ne prikaže...zato sem na googlu iskal, če lahko jaz to tabelo nekje sestavim in da mi ukaze/vrstice html kode napiše sam, in sem jo našel!

Tukaj (http://www.tablesgenerator.com/html_tab... sem sestavil tabelo in izpisal mi je sledeče ukaze:

<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:0px 19px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:0px 19px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-vkov{background-color:#32cb00;text-align:center}
.tg .tg-3rvq{background-color:#efefef;color:#333333}
.tg .tg-s6z2{text-align:center}
.tg .tg-kxnn{background-color:#32cb00;color:#000000;text-align:center}
.tg .tg-fdty{background-color:#efefef;color:#000000}
.tg .tg-pn40{background-color:#fe0000;text-align:center}
.tg .tg-8hgr{font-size:100%;background-color:#656565;color:#ffffff}
.tg .tg-ac4o{background-color:#efefef;color:#333333;text-align:center}
.tg .tg-228w{background-color:#656565;color:#ffffff}
.tg .tg-bsv2{background-color:#efefef}
</style>
<table class="tg">
  <tr>
    <th class="tg-8hgr">Place</th>
    <th class="tg-228w">Name</th>
    <th class="tg-228w">Country</th>
    <th class="tg-228w">S</th>
    <th class="tg-228w">P</th>
  </tr>
  <tr>
    <td class="tg-kxnn">1.</td>
    <td class="tg-031e"></td>
    <td class="tg-s6z2"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-vkov">2.</td>
    <td class="tg-bsv2"></td>
    <td class="tg-bsv2"></td>
    <td class="tg-bsv2"></td>
    <td class="tg-bsv2"></td>
  </tr>
  <tr>
    <td class="tg-s6z2">3.</td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-ac4o">4.</td>
    <td class="tg-3rvq"></td>
    <td class="tg-fdty"></td>
    <td class="tg-fdty"></td>
    <td class="tg-fdty"></td>
  </tr>
  <tr>
    <td class="tg-pn40">5.</td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-pn40">6.</td>
    <td class="tg-bsv2"></td>
    <td class="tg-bsv2"></td>
    <td class="tg-bsv2"></td>
    <td class="tg-bsv2"></td>
  </tr>
</table>

Vendar to ne dela. Ko to kopiram na svojo spletno stran, mi ne naredi obrobe, ne obarva mi ozadja. Izpiše mi le podatke. Če te iste ukaze prilepim tukaj (http://www.w3schools.com/html/tryit.asp... mi prikaže tabelo takšno kakršni si želim, tako da sedaj ne vem kje je problem?
Morda veste?

 Želim si takšen izgled tabele. Tabelo sem sestavil na sledeči strani: http://www.tablesgenerator.com/html_tables#

Želim si takšen izgled tabele. Tabelo sem sestavil na sledeči strani: http://www.tablesgenerator.com/html_tables#


 Ukazi delujejo tudi na sledeči strani (http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_headings_left)

Ukazi delujejo tudi na sledeči strani (http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_headings_left)


 Isti ukazi ne delajuje na webs.com. Rezultat je prikazan na naslednji sliki

Isti ukazi ne delajuje na webs.com. Rezultat je prikazan na naslednji sliki


 Rezultat na webs.com

Rezultat na webs.com

garamond ::

Na spletni strani tablesgenerator.com, kjer si izdelal tabelo, obkljukaj Compact Mode. Kopiraj tekst na svojo stran.

Še kratka razlaga: oblika in vsebina spletne strani sta ločeni. Oblika je besedilo v značkah (tag) "style", ki ga uporabnik ponavadi ne more objaviti skupaj s vsebino. Lahko pa so informacije o obliki prepletene z vsebino, kar dosežeš z "Compact Mode" (primerjaj kodo s prejšno). Ta način sicer ni priporočljiv.
A parody of extremism is impossible to differentiate from sincere extremism.

Zgodovina sprememb…

  • spremenil: garamond ()

jncar ::

Uuuu dela! Hvala ti! Kaj pa je fora da je treba tisto obkljukati?

garamond ::

Prosim. Sem napisal v prejšnem postu razlog, nisem prepričan, če si videl (sem spreminjal).

Lahko da bi delalo na še lažji način. Na spletni strani narediš tabelo, nato pa kopiraš tabelo -- ne kodo tabele -- in prilepiš na svojo stran v normalnem pogledu (torej ne HTML).
A parody of extremism is impossible to differentiate from sincere extremism.

jncar ::

Hmm zanimivo. Zakaj pa ni priporočljivo?

Če sam kopiram tabelo mi ne naredi nič, oziroma mi samo vsebino kopira. Oblike ni.

garamond ::

Hja, ali dela tudi kopiranje oblike, je odvisno od spletne strani in brskalnika. Splačalo se je poskusiti, ker je vseeno malo manj dela.

Tebi niti ni treba skrbeti, da to ni priporočljivo, to je bolj stvar razvijalcev strani (tisti, ki kodo dejansko napišejo na roke). Sem pa moral omenit :P Težje je spreminjanje vsebine ali oblike, daljši je čas nalaganja in prikazovanja. Tem več kode, večji je problem.
A parody of extremism is impossible to differentiate from sincere extremism.

Yacked2 ::

Ti priporočam da si naložiš notepad++ pa si sam spišeš stran, se da v tednu učenja že kar lepe stvari naredit. Html, css, js, potem pa še php.
Korak naprej ni vedno ustrezen...sploh če si na robu prepada!


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 423 24 25 26 )

Oddelek: Izdelava spletišč
1298347340 (6477) sunniegoldie
»

Prikaz strani na različni resoluciji-Joomla

Oddelek: Izdelava spletišč
151950 (1678) kr?en
»

meni razporejen po celotni dolžini

Oddelek: Izdelava spletišč
72247 (2115) XzupanX
»

CSS za specifično tabelo

Oddelek: Izdelava spletišč
101032 (909) Fukomuko
»

CSS problemi (strani: 1 2 )

Oddelek: Izdelava spletišč
519878 (7677) nuuush

Več podobnih tem