Tabela pomocu CSS-a, kao excel-ova, a celije da se edituju

Tabela pomocu CSS-a, kao excel-ova, a celije da se edituju 26.01.2007. u 17:16 · pre 240 meseci #1

Pozdrav svima

Vidio sam slicne teme ali mi nije puno pomoglo.

Elem...
"Napraviti tablicu izgledom što sličniju onoj u MS Excelu koja zauzima sav mogući prostor korisničkog browsera. Svaka čelija se mora moći editirati. Čelija mijenja boju dok je miš preko nje ili dok je kursor tipkovnice aktivan na njoj. Ne koristiti TABLE već DIV tagove. Pokušajte ne koristiti Javascript."

To je zadatak koji treba da rijesim.
Pretpostavljam da celija koja se moze editovati moze samo biti: <input type=text> tag?

Mozete li mi napisati kod za jednostavan primjer, npr. 2 reda i 2 kolone?

Hvala

Re: Tabela pomocu CSS-a, kao excel-ova, a celije da se edituju 26.01.2007. u 17:42 · pre 240 meseci #2

Kakva glupost.... Tabele se ne koriste za formatiranje layout-a sajta ali se koriste za tabelarni prikaz podataka... No, nema veze.

Pokušaj da to uradiš ugnježdenim listama od kojih je (hijerarhijski) spoljnja napravljena kao normalna lista i predstavlja redove, a unutrašnja je prikazana inline i daje kolone.

Potpis

_{Use The Force!}
_{“Who said anything about slicing you up? I just wanted to carve a little Z on your forehead — nothing serious.”}

lista.html0.38k

css.css0.09k

Re: Tabela pomocu CSS-a, kao excel-ova, a celije da se edituju 26.01.2007. u 18:00 · pre 240 meseci #3

moze tako, ali trazi se da se koriste DIV tagovi... evo, na brzinu...

Code:
<style>
.field, .field input {
    background: #eaeaea;
}

.field input {
    border: 1px solid #000;
}

.field {
    float: left;
}

.field input:hover, .field input:focus {
    background: #aeaeae;
}

.clear {
    clear: both;
}

</style>

<div>
    <div class="field"><input type="text"></div>
    <div class="field"><input type="text"></div>
    <br class="clear" />
    <div class="field"><input type="text"></div>
    <div class="field"><input type="text"></div>
    <br class="clear" />
</div>

Re: Tabela pomocu CSS-a, kao excel-ova, a celije da se edituju 26.01.2007. u 18:28 · pre 240 meseci #4

Hvala puno. Mislim da cu moci dalje sam, ako sta zapne javicu se.

Pozdrav!!

Re: Tabela pomocu CSS-a, kao excel-ova, a celije da se edituju 29.01.2007. u 09:08 · pre 240 meseci #5

Kako zauzeti "sav moguci prostor browsera"? Stavio sam npr. sirina da bude 1000% ali moze jos vise. Koje su granice?

Re: Tabela pomocu CSS-a, kao excel-ova, a celije da se edituju 30.01.2007. u 01:43 · pre 240 meseci #6

Fin primer...

http://www.activewidgets.com/grid/ & layout: http://intensivstation.ch/en/templates/

Re: Tabela pomocu CSS-a, kao excel-ova, a celije da se edituju 31.01.2007. u 06:16 · pre 240 meseci #7

Citat:

garrak: Kako zauzeti "sav moguci prostor browsera"? Stavio sam npr. sirina da bude 1000% ali moze jos vise. Koje su granice?

Stavi margin: 0; za body tag. To bi trebalo da reši tvoj problem.

Srodne teme