痔になりやすい生活習慣とは?

テーブルのborderを1px以下で見せる方法、
またはCCS等他の方法で作る方法を探しています。

http://www.tcelectronic.com/Default.asp?Id=587

↑このページのように外枠が細いものを作りたいのですが
やはりCCSで作っているのでしょうか?

WEB制作初心者でHTMLタグでtableばかり作っているので外枠がどうしても1px以下になりません。

宜しく御願いします。。。。

このQ&Aに関連する最新のQ&A

A 回答 (6件)

例えばご指摘のページの一番下のラインは2ピクセル(というか、#6A7780と#92999Fの組み合わせ)、中央のSUPPORTという文字の下(ロゴ画像との間)のラインはもっと薄いグレーの1ピクセルです。

背景画像をチェックしましょう。
CSSを使おうが使うまいが、ラインを1pxに指定し、色を薄いグレーにすれば似たようなラインは作れますよ。
    • good
    • 0
この回答へのお礼

なるほど。。。
今作っているページのテーブルは
テーブルの中にテーブルを入れている構造ですので
もしかしたら2px分のborderになっているのかもしれません。

ありがとうございました!

お礼日時:2006/06/18 23:08

線のコントラストを下げれば多少細く見えます。

(かなぁ?)
    • good
    • 0
この回答へのお礼

やってみます!
色の組み合わせって重要ですね。。。

お礼日時:2006/06/18 22:36

> やはりCCSで作っているのでしょうか?


掲示されたサイトはtableに背景画像を指定していますので、参考にならないかと。

> WEB制作初心者でHTMLタグでtableばかり作っているので外枠がどうしても1px以下になりません。
本当に、1px では太すぎるのでしょうか。
試しに、以下のスタイルを指定してみると、どうなりますか?

<table style='border: 1px black solid'>
<td style='border: 1px black solid'>
    • good
    • 0
この回答へのお礼

試してみました!

以下のスタイルですと色がブラックのせいか太く見えます、、、
(このページの枠線の2倍ぐらいに。。。)
色の組み合わせなのでしょうね!

ベストバランスカラーを探してみます。。。

お礼日時:2006/06/18 22:34

> 1px以下



これには 1 画素も含まれるので、1 画素にはできます。しかし、1 画素よりも小さくすることはできません。

例に出されたページにも 1 画素未満のオブジェクトは存在しません。
    • good
    • 0
この回答へのお礼

なるほど。。。

1画素とはピクセルより小さい単位なのでしょうか?
無知で恥ずかしい限りです、

画素の事調べてみます!

お礼日時:2006/06/18 22:29

>またはCCS等他の方法で作る方法を探しています。



CCSというのは聞いたことないのですが、CSS(Cascading Style Sheets)なら可能です。
    • good
    • 0
この回答へのお礼

タイプミスでございます。。。

スタイルシートの意味合いです

お礼日時:2006/06/18 22:27

1ピクセル【以下】ということですが…。



1ピクセルにはできます。

1ピクセルより細くはできません。
    • good
    • 0
この回答へのお礼

そうですよね、、、
わかっていたのですが見た目が1pxより細く見えてしまったもので。。。

お礼日時:2006/06/18 22:26

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QCSSでborderの長さを指定、または可変にしたい。

下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。

文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。

h3{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

Aベストアンサー

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよければ

<h3><span>××○○</span></h3>
のようにspanで囲い、スタイルをspanに対して指定する方法もあります。

h3 span{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよけ...続きを読む

Qcssで「下よせ」ってどうやっていますか?

フロートのレフト、ライトはいいとして、

あるボックス要素内(A)に異なるボックス要素(B)をいれます。
この(B)を(A)の一番そこにはりつかせたい時にどうすれば
最もよいのでしょうか?

いいアイデアをご教授ください。

Aベストアンサー

こんなのはどうかな?

position: absolute;
bottom: 0px;

Q1ピクセルって何ミリですか?

1ピクセルって何ミリなのでしょう?
至急、お答えお待ちしております。
かなり急いでます。よろしくお願いいたします。

Aベストアンサー

1ピクセルが何ミリかという質問の答えになるかどうか分かりませんが、
WEB制作上に限って言えば、横100ピクセルの画像を作りたい場合、
Photoshop等では単位をピクセルで作れますが、Illustrator等の場合は、
100pointで作ります。
1pointは、0.35277ミリです。

Q線が一番細いテーブル

テーブルタグありますよね?

あれで、テーブルの線を一番細くしたいんですが、どうすればいいんでしょう?

Aベストアンサー

その他、<table>を2重にして細い線を出す場合もあります。

<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td bgcolor=#909090>
<table border=0 cellpadding=5 cellspacing=1>
<tr>
<td bgcolor=#f0f0f0>項目1</td>
<td bgcolor=#ffffff>ああああああ</td>
</tr>
<tr>
<td bgcolor=#f0f0f0>項目2</td>
<td bgcolor=#ffffff>いいいいいい</td>
</tr>
</table>
</td>
</tr>
</table>

Qborder-widthの太さ指定について

スタイルシートで、罫線の太さをborder-widthで指定しようと思うのですが、1pxより細い線を指定することは可能でしょうか?
よろしくお願いします。

Aベストアンサー

Integerとは書いてないので,文法的には間違いはないと思います。
http://www.w3.org/TR/CSS21/syndata.html#value-def-number
http://www.w3.org/TR/CSS21/syndata.html#length-units

#ただし,それが使われるかどうかは別な話ですが。

http://www.w3.org/TR/CSS21/cascade.html#actual-value

>For example, a user agent may only be able to render borders with integer pixel widths and
>may therefore have to approximate the computed width,

#消費税5%(specified value)
#外税表示で30円のものを買うと消費税は1.5円(今回の場合computed value = actual value)
#実際に消費税の扱いになるのは1円,または2円(used value)

Integerとは書いてないので,文法的には間違いはないと思います。
http://www.w3.org/TR/CSS21/syndata.html#value-def-number
http://www.w3.org/TR/CSS21/syndata.html#length-units

#ただし,それが使われるかどうかは別な話ですが。

http://www.w3.org/TR/CSS21/cascade.html#actual-value

>For example, a user agent may only be able to render borders with integer pixel widths and
>may therefore have to approximate the computed width,

#消費税5%(specified value)
#外税表示で3...続きを読む

Qスタイルシートで罫線をもっと細くしたい

IE6.0です、

テーブルの罫線をもっと細くしたいのですが、
border-widthは1pxが一番細いのでしょうか?
この教えてgooくらい細くしたいのですが
他にやり方があれば教えてください。

TABLE {
border-color: #8b4513;
padding: 1px 1px 1px 1px;
margin: 1px 1px 1px 1px;
border-style: solid;
border-width: 1px 1px 1px 1px;
}

宜しくお願いします、

Aベストアンサー

要は教えてgooと同じようなデザインをcssで実現したいのですよね。
THとTDのborder-styleをnoneに変更、TABLEにborder-collapse: collapse;を追加。
これで近くなるのでは。

TABLE {
margin: 0px;
border: 1px solid #8b4513;
border-collapse: collapse;
}

TH {
background-color: #ffa500;
font-size: x-small;
color: black;
font-family:Times New Roman;
padding: 0px;
border-style: none;
}

TD {
height: 20px;
font-size: x-small;
color: black;
font-family:Times New Roman;
padding: 0px;
border-style: none;
}

Qスタイルシートで colspan=3と定義することは可能でしょうか?

<style>
x {

}
</style>

<table>
<tr>
<td colspan=3 class="x">タイトル</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
</table>

また、有名なブラウザで対応している最新のCSSバージョンは何でしょうか?

よろしくお願いいたします。

Aベストアンサー

できないと思います。

colspan は、セルを連結する指定ですが、
もともと
<td></td><td></td><td></td>
であったものが
<td colspan=3></td>
のように連結するには、他の"<td></td><td></td>"を削除する必要があります。
それは、スタイルだけの話ではなくてセルの実体を操作する必要があるということですから。

Qsyntax error, unexpected '}' というエラーの対処法

PHPを習い始めて三日目になるのですがParse error: syntax error, unexpected '}' in C:\Program Files\Apache Group\Apache2\htdocs\****\****\game.php on line 33
というエラーがでるのですが33行目前後のどこをなおせばいいのでしょうか?
・game.php
<html>
<head>
<title>数当てゲーム</title>
</head>
<body>
<h1 style="background:#cccccc">数当てゲーム</h1>
<form method="POST" action="game.php">
1~100までの数を入力してください
<input type="text" name="answer" size="5" maxlength="3" />
<input type="sbumit" value=回答" />
</form>
<hr />
<?php
session_start();
if(is_null($_SESSION['answer'])){
mt_stand(microtime()*1000000);
$_SESSION['answer']=mt_rand(1,100);
$_SESSION['game_cnt']=0;
}
if($_POST['answer']!=""){
$_SESSION['game_cnt']++;
if($_session['answer']==$_POST['answer']){
print("おめでとうございます".
$_SESSION['game_cnt']."回で正解しました!");
session_destroy();
}else{
if($_SESSION['answer']>$_POST['answer']){
print("もう少し大きいです。");
}else
print("もう少し小さいです。");
}
}
}
?>
</body>
</html>
それとこの間違えたところをなおしたあとはいつもコンピュータを再起動しないと修正したところが適用されないのですがほかに方法はないですか?基本的な質問ですいません。

PHPを習い始めて三日目になるのですがParse error: syntax error, unexpected '}' in C:\Program Files\Apache Group\Apache2\htdocs\****\****\game.php on line 33
というエラーがでるのですが33行目前後のどこをなおせばいいのでしょうか?
・game.php
<html>
<head>
<title>数当てゲーム</title>
</head>
<body>
<h1 style="background:#cccccc">数当てゲーム</h1>
<form method="POST" action="game.php">
1~100までの数を入力してください
<input type="text" name="answer" size="5" max...続きを読む

Aベストアンサー

print("もう少し大きいです。");
}else
print("もう少し小さいです。");
のelseの後に{がないようですが、大丈夫でしょうか?

QCSSでボックス幅を文字列に合わせたい

ボックス幅を文字列の幅に合わせるにはどうしたらいいのでしょうか。
テーブルではセルにwidth属性を指定しなくても文字列の幅になりますが、ボックスではwidthプロパティを指定しなかったら領域全体の幅になります。white-spaceプロパティでnowrap指定し、widthプロパティで文字列より小さいサイズに指定するとできるのですが、他に指定する方法があれば教えて下さい。

Aベストアンサー

div等のblock要素ではなくspan等のinline要素によって行う。

<span style="border:solid 1px">文字幅に合わせた枠線</span>

Qリストの左余白の削除方法

<li>リストを作成した再に表示されてしまう、左余白部分を削除して、画面左に詰めたいのですが、上手く出来ません。
どなたかご教授頂けませんでしょうか?

=>CSS記述<=
ul li {
list-style: none;
margin: 0px;
padding: 0px;}

=>HTML記述<=
<ul>
<li><a href="#">サンプル</a></li>
<li><a href="#">サンプル</a></li>
<li><a href="#">サンプル</a></li>
<li><a href="#">サンプル</a></li>
</ul>

Aベストアンサー

ul li {

の箇所を

ul {

にするだけ


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング