Builder.cz - Informacni server o programovani

Dej mensi rozmery, treba to bude lepsi. 500 jsem zamerne prehnal.
Pokud menis obrazek, tak men pozici obrazku background-position.
Ale osobne si myslim, ze tohle reseni je cele pro kocku :)

Dej mensi rozmery, treba to bude lepsi. 500 jsem zamerne prehnal. Pokud menis obrazek, tak men pozici obrazku background-position. Ale osobne si myslim, ze tohle reseni je cele pro kocku :)

Citovat příspěvek

peta Napsal:
-------------------------------------------------------
> CSS neumi zazraky. A JS pouzit nechces, to by
> umelo vysku nastavit. Co s tebou?
> Jeste muzes zkusit fintu
>
>
>

>
>
>

sss >

fsd fds fds f > ds >

Díky, tohle funguje, i když v IE to způsobí, že zmizne border a navíc je to pomalé.
Při najetí na buňku/odkaz docela dlouho čekám, než se na akci "HOVER" zobrazí jiný background.

Ale snad to už nějak dořeším.


jeezaa Napsal:
-------------------------------------------------------
> ne ze bych to pouzival... ale IE hack je taky reseni

Problém je ale i u FF. Jen v Google Chrome se to zobrazovalo správně,
takže zbytek bych musel taky hacknout...

peta Napsal: ------------------------------------------------------- > CSS neumi zazraky. A JS pouzit nechces, to by > umelo vysku nastavit. Co s tebou? > Jeste muzes zkusit fintu > > >

> > >

sss >

fsd fds fds f > ds >

Díky, tohle funguje, i když v IE to způsobí, že zmizne border a navíc je to pomalé. Při najetí na buňku/odkaz docela dlouho čekám, než se na akci "HOVER" zobrazí jiný background. Ale snad to už nějak dořeším. jeezaa Napsal: ------------------------------------------------------- > ne ze bych to pouzival... ale IE hack je taky reseni Problém je ale i u FF. Jen v Google Chrome se to zobrazovalo správně, takže zbytek bych musel taky hacknout...

Citovat příspěvek

ne ze bych to pouzival... ale IE hack je taky reseni

ne ze bych to pouzival... ale IE hack je taky reseni

Citovat příspěvek

CSS neumi zazraky. A JS pouzit nechces, to by umelo vysku nastavit. Co s tebou?
Jeste muzes zkusit fintu

sss	fsd fds fds fds

Ale je to nespolehliva vec, nebo fintu se zapornym marginem a padingem
TD A { padding:500px; position:relative; margin:-500px;}

CSS neumi zazraky. A JS pouzit nechces, to by umelo vysku nastavit. Co s tebou? Jeste muzes zkusit fintu

sss	fsd fds fds fds

Ale je to nespolehliva vec, nebo fintu se zapornym marginem a padingem TD A { padding:500px; position:relative; margin:-500px;}

Citovat příspěvek

peta Napsal:
-------------------------------------------------------
> Ten druhy priklad mi funguje. Doctype jsem
> nezkousel.

Dík za snahu, jenomže já nemůžu nastavit napevno výšku, protože výška TD (potažmo odkazu A) je závislá na obsahu buňky - tedy množství textu.
Pokud se text vleze do jednoho řádku, tak výška má např. 16px.
Může se ale stát, že to bude i 100px a více...

peta Napsal: ------------------------------------------------------- > Ten druhy priklad mi funguje. Doctype jsem > nezkousel. Dík za snahu, jenomže já nemůžu nastavit napevno výšku, protože výška TD (potažmo odkazu A) je závislá na obsahu buňky - tedy množství textu. Pokud se text vleze do jednoho řádku, tak výška má např. 16px. Může se ale stát, že to bude i 100px a více...

Citovat příspěvek

doktor - a tva odpoved je jako vzdy, k nicemu. Klasicky OT spisovatel :)

foldynad
"Funguje te jen v Google Chrome, ve FF nebo IE je stále proužek."
"V Google Chrome to funguje správně. "
"JS nechci pouzit."
Jestli chces, aby to fungovalo i v IE, tak budes muset. Druha moznost, misto 100% nastavit konkretni vysku (puvodne totiz vyska 100% byla pro inline prvek jeden radek). Tez jsem si nevsiml link na zdrojaky, treba staci pouzit jine doctype?
Ten druhy priklad mi funguje. Doctype jsem nezkousel.

sss	fsd fds fds fds

sss	fsd fds fds fds

doktor - a tva odpoved je jako vzdy, k nicemu. Klasicky OT spisovatel :) foldynad "Funguje te jen v Google Chrome, ve FF nebo IE je stále proužek." "V Google Chrome to funguje správně. " "JS nechci pouzit." Jestli chces, aby to fungovalo i v IE, tak budes muset. Druha moznost, misto 100% nastavit konkretni vysku (puvodne totiz vyska 100% byla pro inline prvek jeden radek). Tez jsem si nevsiml link na zdrojaky, treba staci pouzit jine doctype? Ten druhy priklad mi funguje. Doctype jsem nezkousel.

sss	fsd fds fds fds

sss	fsd fds fds fds

Citovat příspěvek

zdarec,

a z tohodle si vem, Péťo, příklad. Takhle by měla vypadat _vždy_ tvoje
odpověď - pokud možno stručně, jasně a k věci. (Neberu v potaz, jestli
toto řešení funguje nebo ne, a zkoušet to ani nebudu...)


10. února 2010, 8:58:32, peta napsal(a):
p> Pouzil bych to trosku jinak
p> = CSS =
p> .mojetabulka TBODY TR TD A {display: block; width: 100%; height:100%}
p> nebo zvlastni class na TR (TD)

p> nebo
p> = JS =
p> nechce se mi to ted upravovat, ale docilit
p>

peta Napsal:
-------------------------------------------------------
> Pouzil bych to trosku jinak
> = CSS =
> .mojetabulka TBODY TR TD A {display: block; width:
> 100%; height:100%}
> nebo zvlastni class na TR (TD)


Zkoušel jsem to takto:

table.moje-tabulka tr td.moje-bunka a {
height: 100%;
display: block;
padding: 4px 6px;
color: black;
text-decoration: none;
}

table.moje-tabulka tr td.moje-bunka a:hover {
color: #b39860;
background-color: #ffffcc;
}


nebo takto:



table.moje-tabulka tr td.moje-bunka a.muj_odkaz {
height: 100%;
display: block;
padding: 4px 6px;
color: black;
text-decoration: none;
}

table.moje-tabulka tr td.moje-bunka a.muj_odkaz:hover {
color: #b39860;
background-color: #ffffcc;
}



nebo takto:



table.moje-tabulka tr td a.muj_odkaz {
height: 100%;
display: block;
padding: 4px 6px;
color: black;
text-decoration: none;
}

table.moje-tabulka tr td a.muj_odkaz:hover {
color: #b39860;
background-color: #ffffcc;
}



... a nic z toho nefunguje.
Vždy tam jsou shora a sdola větší či menší mezery, dle aktuální délky texty, potažmo výšky TD.
V Google Chrome to funguje správně.



> nebo
> = JS =
> nechce se mi to ted upravovat, ale docilit
>

Pouzil bych to trosku jinak
= CSS =
.mojetabulka TBODY TR TD A {display: block; width: 100%; height:100%}
nebo zvlastni class na TR (TD)

nebo
= JS =
nechce se mi to ted upravovat, ale docilit

Pajuc Napsal:
-------------------------------------------------------
> Přiznám se, že jsem to až tolik nepochopil.
> Nicméně vidím dvě možná řešení:

Myslím, že pochopil.

> 1.
> cells=document.getElementsByTagName("td");
> var i = 0;
> for (i in cells) {
> if (!cells.hasChildNodes())
> cells.onclick=function()
> {window.location.href="stranka2.html"}
> }

Možná by šlo, nechci ale použít JS.

> 2.
>

Přiznám se, že jsem to až tolik nepochopil. Nicméně vidím dvě možná řešení:

1.
cells=document.getElementsByTagName("td");
var i = 0;
for (i in cells) {
if (!cells[i].hasChildNodes()) cells[i].onclick=function() {window.location.href="stranka2.html"}
}

2.

Ahoj,

mám asi stupidní problém, ale nemůžu se s tím vypořádat...

Mám tabulku, kde v některých buňkách není nic, jinde je nějaký krátký text, ale
v podstatě se výška řádku v závislosti na textu stále mění + je nějaká minimální.

A teď chci, aby buňka, kde nic není (např. jen mezera/y) sloužila jako odkaz,
který by byl přes celou buňku.
Ten odkaz by měl tedy vždy celou šířku i výšku buňky.

S šířkou problém nemám, protože šířka buňky je neměnná.
Dal jsem tedy odkaz s "display: block".

V případě, že buňka je vysoká jen na jeden řádek textu - je to OK a odkaz je přes celou buňku.
Pokud je ale buňka vyšší, odkaz zůstane stále stejně vysoký jako prve (tedy na jeden řádek textu - což je i svým způsobem logické, když tam mám např. jen jednu mezeru) a zobrazí se v buňce uprostřed jen "klikací proužek".
Zbytek buňky je neaktivní.

Jak tedy docílit toho, aby i v případě prázdné buňky (nebo jen s mezerami) byla úplně celá klikací - odkaz byl v její maximální výšce i šířce?

Nepodařilo se mi to nijak nastylovat, ani třeba když jsem dal výšku odkazu 100%.
Funguje te jen v Google Chrome, ve FF nebo IE je stále proužek.

Díky

Ahoj, mám asi stupidní problém, ale nemůžu se s tím vypořádat... Mám tabulku, kde v některých buňkách není nic, jinde je nějaký krátký text, ale v podstatě se výška řádku v závislosti na textu stále mění + je nějaká minimální. A teď chci, aby buňka, kde nic není (např. jen mezera/y) sloužila jako odkaz, který by byl přes celou buňku. Ten odkaz by měl tedy vždy celou šířku i výšku buňky. S šířkou problém nemám, protože šířka buňky je neměnná. Dal jsem tedy odkaz s "display: block". V případě, že buňka je vysoká jen na jeden řádek textu - je to OK a odkaz je přes celou buňku. Pokud je ale buňka vyšší, odkaz zůstane stále stejně vysoký jako prve (tedy na jeden řádek textu - což je i svým způsobem logické, když tam mám např. jen jednu mezeru) a zobrazí se v buňce uprostřed jen "klikací proužek". Zbytek buňky je neaktivní. Jak tedy docílit toho, aby i v případě prázdné buňky (nebo jen s mezerami) byla úplně celá klikací - odkaz byl v její maximální výšce i šířce? Nepodařilo se mi to nijak nastylovat, ani třeba když jsem dal výšku odkazu 100%. Funguje te jen v Google Chrome, ve FF nebo IE je stále proužek. Díky

Citovat příspěvek