Autor Zpráva
Anonymní
Profil *
#1 · Zasláno: 24. 11. 2005, 17:50:52
Odpovědět Citovat
Mám dotaz, dají se nějak udělat zaoblené rohy u tabulky, případně jak? Děkuji.
Georgík
Profil
#2 · Zasláno: 25. 11. 2005, 01:36:50
Odpovědět Citovat
Dobrý den.

Zde je řešení. Je odladěno pro prohlížeče Mozilla Firefox 1 a Microsoft Internet Explorer 6.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style media="all" type="text/css">
body {margin:0px;border:0px;padding:0px;}
#obalka {margin:0px;border:0px;padding:0px;}
.tabulka {border-collapse:collapse;margin:0px;border:0px;padding:0px;}
.tabulka tr {}
.tabulka td {}
.tabulka td img.grafika {margin:0px;border:0px;padding:0px;}
.tabulka td.informace {width:240px;height:240px;}
.horni {background:url(./images/horni.gif) repeat-x top;}
.pravy {background:url(./images/pravy.gif) repeat-y right;}
.dolni {background:url(./images/dolni.gif) repeat-x bottom;}
.levy {background:url(./images/levy.gif) repeat-y left;}
</style>
</head>
<body>
<div id="obalka">

<table class="tabulka">
<tr>
<td><img class="grafika" src="./images/levyhorni.gif" alt="" /></td>
<td class="horni"></td>
<td><img class="grafika" src="./images/pravyhorni.gif" alt="" /></td>
</tr>
<tr>
<td class="levy"></td>
<td class="informace">informace informace informace informace informace informace informace informace </td>
<td class="pravy"></td>
</tr>
<tr>
<td><img class="grafika" src="./images/levydolni.gif" alt="" /></td>
<td class="dolni"></td>
<td><img class="grafika" src="./images/pravydolni.gif" alt="" /></td>
</tr>
</table>

</div>
</body>
</html>

Myslím, že řešení je naprosto čitelné, přehledné. Pokud by byli nějaké dotazy, pokusím se odpovědět.

Jinak řešení grafiky pomocí tabulek je řešení krajní. Tento problém je lépe řešit jako v ukázce na adrese zde .

Mnoho úspěchů.

S pozdravem Jirka
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0