Zjednodusenie DIV-u – HTML / XHTML – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Zjednodusenie DIV-u – HTML / XHTML – Fórum – Programujte.comZjednodusenie DIV-u – HTML / XHTML – Fórum – Programujte.com

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
Kuko.sk0
Newbie
23. 11. 2008   #1
-
0
-

<table align="center" width="500" height="500"><tr><td>

<div style="position: relative; width:500; height:500;">

<div style="position: absolute; left: 0px; top: 0px; background-image:url(images/table_upper_left.png); width:10px; height:10px;"></div>
<div style="position: absolute; right: 0px; top: 0px; background-image:url(images/table_upper_right.png); width:10px; height:10px;"></div>
<div style="position: absolute; bottom: 0px; left: 0px; background-image:url(images/table_lower_left.png); width:10px; height:10px;"></div>
<div style="position: absolute; bottom: 0px; right: 0px; background-image:url(images/table_lower_right.png); width:10px; height:10px;"></div>

<div style="position: absolute; left: 10px; right: 10px; top: 2px; background-image:url(images/table_inside.png); height: 8px;"></div>
<div style="position: absolute; left: 10px; right: 10px; bottom: 2px; background-image:url(images/table_inside.png); height: 8px;"></div>
<div style="position: absolute; bottom: 10px; left: 2px; top: 10px; background-image:url(images/table_inside.png); width: 8px;"></div>
<div style="position: absolute; right: 2px; top: 10px; bottom: 10px; background-image:url(images/table_inside.png); width: 8px;"></div>

<div style="position: absolute; left: 10px; right: 10px; top: 0px; background-image:url(images/table_border.png); height: 2px;"></div>
<div style="position: absolute; bottom: 0px; left: 10px; right: 10px; background-image:url(images/table_border.png); height: 2px;"></div>
<div style="position: absolute; top: 10px; bottom: 10px; background-image:url(images/table_border.png); width: 2px;"></div>
<div style="position: absolute; right: 0px; top: 10px; bottom: 10px; background-image:url(images/table_border.png); width: 2px;"></div>

<div style="position: absolute; right: 10px; top: 10px; bottom: 10px; left: 10px; background-image:url(images/table_inside.png);"></div>

<div style="position: absolute; top: 10px; right: 10px; left: 10px; bottom:10px;">text</div>

</div>
</td></tr></table>


Prosim vas ako to mam spravit aby mi to natahovalo height podla dlzky textu ? dakujem ...

Nahlásit jako SPAM
IP: 80.87.220.–
Reklama
Reklama
arno0
Duch
2. 12. 2008   #2
-
0
-

ak som ta spravne pochopil tak staci ked das height: auto;

Nahlásit jako SPAM
IP: 91.127.251.–
6. 12. 2008   #3
-
0
-

Vypadá to jak největší prasárna, mno ale... :P

Pokud bys chtěl nastavit min. výšku 500px, která by se zvětšila s případným delším textem, využij vlastnost min-height: 500px. Pro starší IE potřebuješ ještě doplnit hackem: _height: 500px.

Nahlásit jako SPAM
IP: 89.31.161.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 2 hosté

Podobná vlákna

Natahovací DIV — založil OT

DIV v CSS3 — založil Honzisko

Table or Div — založil WebDevelop

Umiestnenie div — založil User

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý