Autor Zpráva
Anonymní
Profil *
Poradíte, jak ošetřit, aby kolem absolutně pozicované tabulky obtékal text, jehož počátek je taky absolutně pozicovaný?
(mimochodem, obrázek Zima.jpg máte každý v PC v ukázkách obrázků, ten můj jsem si jen zesvětlil aby nerušil.
Hrál jsem si s CSS a k tomuhle problému jsem dospěl.
Ještě jednou - ten text, který začíná kousek nad tabulkou, bych rád posunul doleva, aby nad tabulkou byl po celé šířce spodního obrázku Zima.jpg, a v místě tabulky ji obtékal.

Zdroj:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>
Pokus s buňkami
</title>
<style type="text/css">
.sirka {width:500px; text-align:justify;}
.nevid {background-color:transparent}
.slabsi {font-weight:normal;}
.pravy {float:right;}
.ttt {font-family:Arial CE; font-size:10pt; font-weight:bold; cursor:default; text-align:justify; width:500px; text-align:justify;}
td {width:100; height:30; text-align:right; font-family:Arial CE; font-size:10pt; font-weight:bold; padding-right:30; border-style:solid; border-color:black; border-width:1;}
.uzsi {font-family:Arial CE; font-size:10pt; font-weight:bold; cursor:default; text-align:justify; width:400px; text-align:justify;}
table {background-color:#cccc99; color:#006600; cursor:default; border-collapse:collapse; float:left;}
body {cursor:help;}
a:link {color:blue; font-family:Arial CE; font-size:10pt;}
a:visited {color:blue; font-family:Arial CE; font-size:10pt;}
a:hover {color:navy; font-family:Arial CE; font-size:10pt;}

</style>
</head>
<body background="bg.gif">
<br>
<br>
<div style="position:absolute; top:360px; left:25; z-index:0" class="pravy">
<table align=center>
<tr>
<td>
první
</td>
</tr>
<tr>
<td>
druhý
</td>
</tr>
<tr>
<td>
třetí
</td>
</tr>
<tr>
<td>
čtvrtý
</td>
</tr>
</table>
</div>
<div style="position:absolute; top:50px; left:50px; z-index:-1">
<img src=Zima.jpg width="560" height="420" style="cursor:default;">
</div>
<div style="position:absolute; top:70px; left:70px; z-index:1" class="sirka">
<span class="ttt">
Ahoj přátelé, toto je pokusná stránka. Více se dozvíte na mých skutečných stránkách, které mají adresu
<a href="http://www.pronas.wz.cz" alt="moje stránky" class="slabsi">http://www.pronas.wz.cz</a>. Myslím, že tam si najdete každý to své. Musím vás ale upozornit, že se nejedná o žádný vyhledávací server, žádný weblog, žádný kecy, je to prostě rozcestník s hafo odkazy.
</span>
<hr noshade size="1" style="cursor:default">
</div>
<div style="position:absolute; top:330px; left:170px; z-index:0" class="uzsi">
A tímto textem se pouze pokouším zkrotit obtékání tabulky vlevo. Nepřikládejte mu žádnou hodnotu. (To přeci snad ani nejde, přikládat nějakou hodnotu těmto žvástům, které mají za úkol pouze vyplnit co největší plochu.)
</div>
</body>
</html>
Leo
Profil
Nedival jsem na ten kod v prohlizeci, ale absolutne umistene elementy vam nic obtekat nebude, jsou v samostatne vrstve. Leo
Honza Hučín
Profil
Absolutně pozicované elementy se navzájem neobtékají, každý se vykresluje samostatně. Řešení tvého problému by bylo strčit tu tabulku do DIVu s textem a nechat to obtékat v rámci toho DIVu.
Jake
Profil
Anonymní
absolutně pozicované elementy se vám nepodaří obtékat. Dá se to vyřešit jak říkal Honza Hučín.
Anonymní
Profil *
Děkuju za odpovědi, myslel jsem si to, jen jsem si to chtěl ověřit u odborníků. Zkusím to tím divem, i když tím způsobem se mi nepodaří tabulku umístit tak přesně, jako pozicováním.
Jinak CSS je super věc, pročítám to na yuhůůovo webu a čumím, co to všechno umí ... no jo, někdo umí, a někdo ...

Zdar vám .-)
Zelda
Profil
Tak jsem se tu zaregistroval, abych nebyl anonymní :o)
Toto téma je uzamčeno. Odpověď nelze zaslat.