Autor Zpráva
WiLy
Profil
#1 · Zasláno: 13. 11. 2004, 15:03:48
Odpovědět Citovat
Zadání: potrebujem prekryť 2 tabulky (jednu cez druhu) a obe zarovnať na stred. Napadlo ma riešenie že jednu z nich vsuniem do divu:
řešení (?):
<style>
#zarovnaj_pls {background-position: center}
<style>
...
<div id="zarovnaj_pls">
<table align="center">
</table>
</div>
problém: nefunguje ani align ani bgposition..
Avantime
Profil *
#2 · Zasláno: 14. 11. 2004, 04:17:53
Odpovědět Citovat
Co takhle nastavit jedné z těch tabulek {position: relative; top: -x} kde x je přesná výška té druhé tabulky (je potřeba dát před hodnotu znaménko minus) a umístit je nad sebe? Tím se stane toto - při formátování dokumentu prohlížeč rozmístí tabulky pod sebe a poté jedu z nich (tu s určenou vlastnosti position: relative) posune o určenou vzdálenost x nahoru nad tu první tabulku. Nezkoušel jsem, "střílím od boku", ale fungovat by to mohlo... :-)
llook
Profil
#3 · Zasláno: 14. 11. 2004, 11:30:17
Odpovědět Citovat
A nebo ji napozicovat absolutně. To by nebylo nutné znát výšku té spodní tabulky, ale bylo by potřeba vědět, že ta překrývající tabulka není deší než překrývaná.
Přibližně nějak takhle:

<style type="text/css">
#dve-tabulky {
/* posunutí počátku souřadnic */
position: relative;
/* centrování */
margin-left: auto;
margin-right: auto;
text-align: center;
}
#jedna, #druha {
text-align: left;
}
#druha {
/* posunutí tabulky nahoru */
position: absolute;
top: 0;
}
</style>

<div id="dve-tabulky">
<table id="jedna">...</table>
<table id="druha">...</table>
</div>
Časová prodleva: 21 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0