テーブルを使った角丸テーブルについて。
角丸で、下記のソースの方法で、背景をグラデーションにすると、角の部分が変になります。
これを解決する方法はありますか？
もしくは、他の方法で角丸テーブル
を作る方法はあますか？
ここで、かどの画像を入手http://kadomaru.satoru.net/?sample=01maru
サンプルソース
<thml><head>
<!-- 背景グラデーション -->
<style type="text/css">
<!--
body{
filter:progid:DXImageTransform.Microsoft.Gradient
(startcolorstr='#ff0099',endcolorstr='#ffffff',gradienttype='0')
}
-->
</style>
<!-- ここまで背景グラデーション -->
<head>
<title>角丸テーブルサンプル</title>
<body>
<!-- 角丸テーブルここから -->
<table width="600" bgcolor="#fffff0" cellpadding="0" cellspacing="0" border="0">
<tr>
<td background="0.gif" width="5" height="5"></td>
<td background="1.gif" width="5" height="5"></td>
<td background="2.gif" width="5" height="5"></td>
</tr>
<tr>
<td background="3.gif" width="5" height="5"></td>
<td>テーブル中身</td>
<td background="4.gif" width="5" height="5"></td>
</tr>
<tr>
<td background="5.gif" width="5" height="5"></td>
<td background="6.gif" width="5" height="5"></td>
<td background="7.gif" width="5" height="5"></td>
</tr>
</table>
<!-- 角丸テーブルここまで -->
</body></html>
あり、また同じ人だ。
結局Internet Explorerのみでしかグラデーションしない
方法にしたのね。
で今回の質問に対するヒントは「透過GIF」です。
<!-- 追記
あ、違うかTableにbgcolor指定してるのね。
じゃ無理。
-->
HTMLサンプルの1.gif、6.gifのWidthや3.gif、4.gifの
Heightは５のままじゃダメだってのはＯＫ？
でこれが解決すると今度はBodyとTableのグラデーションが
ズレて見えちゃいますとかって質問が挙がるのかな？
えーと。もう一回書く。「Internet Explorerのみでしか
グラデーションしない方法」…ね、グラデーション本当に必要？
マスターベーションになってない？
俺は見に行った先のサイトがグラデーションになってようが
なかろうがどーでも良い…自分にも出来ること…てか自分以外にも
大勢の人が出来ることなんでスゴイとも思わないし、むしろ
読み難ければグラデーションであるこのにイラッと来る。
グラデーションする、しないを含めもう一度サイトデザイン考えて見れば？
当然マウスストーカーだのブリンクだのマーキだのも指定しているなら
止める方向で。
0 件のコメント:
コメントを投稿