» »

Prikaz HTML elementa nad drugim?

Prikaz HTML elementa nad drugim?

MrStein ::

Je možno, brez nastavljanja pozicije elementa iz skripte, postaviti en element čez drugega?

Torej da ima enako pozicijo in velikost.

Prvi element je brez "ročno" nastavljene pozicije in velikosti.

Konkreten primer: http://jsfiddle.net/qo0dx0oo/2/

<A> element bi naj prekrival <TR>, če je možno brez nastavljanje pozicije iz skripte (druge lastnosti ignorirajmo)
Motiti se je človeško.
Motiti se pogosto je neumno.
Vztrajati pri zmoti je... oh, pozdravljen!
  • spremenil: MrStein ()

Netrunner ::

Daš en element v drugega. Parentu določiš position relative, childrenu pa definiraš absolutno pozicijo top left bottom right 0px ...

ena možnost je da narediš za oba elementa enega parenta z relativno pozicijo in potem vse notranje absolutno prekrivaš po želji..

načinov je več .. odvisno kaj točno bi rad dosegel

MrStein ::

Kaj pa širina in višina elementa?
Saj pozicija 0,0 je res trivialna. (in tudi uporabljena v primeru)
Motiti se je človeško.
Motiti se pogosto je neumno.
Vztrajati pri zmoti je... oh, pozdravljen!

Netrunner ::

če daš elementu position absolute in mu definiraš vse štiri pozicije ga raztegne čez celotnega parenta. Nevem pa je to kar počneš je pravilen pristop, saj ne vidim razloga zakaj bi nekaj pozicioniral čez nekaj obstoječega ... če hočeš nekaj prikrit ali prikazat drugo vrednost je bolje dinamično spreminjati content obstoječega elemnta kot pa raztegovat prek.

Netrunner ::

MrStein je izjavil:

<A> element bi naj prekrival <TR>,


Zakaj ne raje TR elementu dodaš on click akcije tako da ne rabiš nobenega a-ja prek ?

MrStein ::

Netrunner je izjavil:

če daš elementu position absolute in mu definiraš vse štiri pozicije ga raztegne čez celotnega parenta.

Te vabim na demonstracijo, lahko v linkanem primeru.
Motiti se je človeško.
Motiti se pogosto je neumno.
Vztrajati pri zmoti je... oh, pozdravljen!

Netrunner ::

Tabele imajo neke svoje muhe in očitno ne deluje kot z div-i

Dokaj deluje v firefoxu .. chromu noče :)
http://jsfiddle.net/qo0dx0oo/4/


Kakorkoli .. to se mi ne zdi pravilen pristop, tako da povej kaj sploh hočeš doseči.

MrStein ::

Netrunner je izjavil:

MrStein je izjavil:

<A> element bi naj prekrival <TR>,


Zakaj ne raje TR elementu dodaš on click akcije tako da ne rabiš nobenega a-ja prek ?

1.) ne deluje s tipkovnico
2.) to je off topic (sicer je še kup razlogov)
Motiti se je človeško.
Motiti se pogosto je neumno.
Vztrajati pri zmoti je... oh, pozdravljen!

MrStein ::

Netrunner je izjavil:


Dokaj deluje v firefoxu .. chromu noče :)

Ne dela niti v IE, to pa zato, ker mora neposredni parent element imeti position:relative, ti pa si dal to na TR, link pa je v TD.

Sicer je ideja dobra.
Motiti se je človeško.
Motiti se pogosto je neumno.
Vztrajati pri zmoti je... oh, pozdravljen!

Netrunner ::

Ja saj kot sem rekel tabela povzroča malo težav .. drugače pa position relatinve ne rabi bit na prvem parentu da deluje .. se mi zdi :)

imaš opcijo da tabelo zamenjaš z DIV-om, TR z A-jem in TD-je z kakim spanom ipd ter z CSSji simuliraš tabelo kot imaš sedaj ?


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

[HTML/CSS] Footer se noče prilepiti na dno strani

Oddelek: Programiranje
131543 (1206) IcyFox
»

[js jquery] širina diva

Oddelek: Programiranje
141191 (1059) alexa-lol
»

css z-index

Oddelek: Izdelava spletišč
11849 (548) galu
»

Centriranje elementov menuja

Oddelek: Izdelava spletišč
141610 (1435) Jerry000
»

poravnava li elementov

Oddelek: Izdelava spletišč
82133 (1998) boss-tech

Več podobnih tem