Autor Zpráva
Pajaa
Profil *
Dobrý den,potřeboval bych poradit jak mám zvětšit políčko v tabulce,když na něj najedu myši?

Mám tabulku s filmy a mám tam kdo ve filmu hraje.Když tam dám 2-3herce,tak se mi seřadí pod sebe,ale ja bych potřeboval aby byli na jednom řádku(třeba by se zobrazovalo jen půl jména)a jak bych najel myši na přislušnou buňku,tak be se roztahla do šířky a byli vidět i ty ostatní jména(ale pořád na jednom řádku).

Děkuji za rady jak na to.

PS: Ještě přikládám odkaz na screen jak se mi to teď řadí.
screen
WMPopi
Profil
Takhle nějak bych to zkusil:

.td {
  width: 100px;
  white-space: nowrap;
}

.td:hover {
  width: 600px;
}
Pajaa
Profil *
WMPopi:
To asi není to co hledám.
Teď,když to tak nastavím,tak se mi ti herci roztáhnou až po popis(nejde to přečist,protože je to překryto).

Nešlo by to nějak javascriptem?
Darker
Profil
Pajaa:
.td {
  width: 100px;
  overflow:hidden;
  white-space: nowrap;
}

.td:hover {
 position:absolute;
  width: 600px;
}

Nejsem CSS guru ale za pokus nic nedáš.
A nikdy nenahrávej screenshoty na ulož.to, nebo jiné upload servery. Zbytečně zdržuješ, existuje plno serverů určených ke sdílení obrázků (a ty nemají ani čekání před stažením, ani kontrolní kód)
Rellik
Profil
Ten td:hover nebude nejspíš fungovat u všech prohlížečů. Konkrétně starší IE podporují hover pouze u odkazů <a...
Pajaa
Profil *
Darker:
Díky zkusím to.

Rellik:
Nevadí,pro mě je důležitý Chrome a Firefox.
jenikkozak
Profil
Rellik:
Ve standardním módu prohlížeče se potíže s pseudotřídou hover stírají.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0