HTML/ＣＳＳをやさしく教えてくれるスレ
▼ページ最下部
001 2009/03/18(水) 01:18:46 ID:MvOMoiBc
質問です。
スタイルシートが使えない環境で、
テキストのインデントとその下にくる余白のおおきさを
ある程度指定したい場合、テーブルで空のセルを作って
数値を指定するのは文法的に有りなのでしょうか？？
例：
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50"></td>
<td>テキストＡ</td>
</tr>
<tr height="2">
<td colspan="2" height="2"></td>
</tr>
<tr>
<td></td>
<td>テキストＢ</td>
</tr>
</table>
返信する
002 2009/03/18(水) 01:37:13 ID:b2BWj2iM
教えてくれるスレ というより
教えてください とすべきとちょっと思った
返信する
003 2009/03/18(水) 02:22:35 ID:c5MFbZ/Q
テーブルでやってもいいけど
テキストにインデント付けたいだけなら
全角空白とか＆ｎｂｓｐ；とかで埋めるのが簡単。
行間のスペースは＜ｂｒ＞で。
フォントサイズを変えれば微調整も可能。
返信する
004 2009/03/18(水) 02:23:17 ID:bhgVf2wk
なんでCSS厨は互換性の高いテーブルよりCSSを使いたがるんかね？
ハックとかまでしてデータとデザインの分離とかHTMLでアホでしょ。
リストを横に並べるのが主流とかもうバカかと。
土台がhtmlなんだからデータのみのファイルをサーバー側でhtmlに加工したほうが分離できるのに。
そんなに分離したかったらXMLとXSL使えよ。
と、テーブルを全部CSSに変換するのに非常に苦労した人が申しております。
返信する
005 2009/03/18(水) 08:32:15 ID:pP8jykAM
いっそ画像にしてしまう、という方法はダメ？
返信する
006 2009/03/18(水) 12:37:34 ID:NbFMY.rU
＞文法的に有りなのでしょうか
標準化という意味では完全になしです
＞なんでCSS厨は互換性の高いテーブルよりCSSを使いたがるんかね？
セマンテックとユーザビリティが理由でしょ
他の用途で使う時に分離されてた方がデータを取り出しやすいし
作る側のことだけ考えたらテーブルが楽なんだろうけど
返信する
007 2009/03/18(水) 23:40:06 ID:u92Hq4yY
>余白のおおきさをある程度指定したい場合〜
→厳格に指定するならセル幅調整するしかないでしょう。
>文法的に有りなのでしょうか？？
>>6に同意。
CSSが使えない環境って具体的にどんな環境だ？古いとか？
返信する
008 2009/03/18(水) 23:50:06 ID:MvOMoiBc
>>3 ありがとうございます。
でも
全角スペースですと、改行したときリンクが分離してしまうのですがどうしたら良いでしょうか？
かといってリンクとして一文にすると全角スペース空白の部分にも下線がくるのでおかしいし。
例↓こんな場合
リンクテキストＡ〜〜〜〜〜
リンクテキストＡ続き
あと、下側のスペースなんですが、例えば次の要素との間に２pxだけ空けたい場合とかだと
<br>だとフォントサイズいじっても空きすぎてしまいますがこれいかに？
>>5ありがとうございます。
でもspacerとかスライスで作成とかは最後の手段にしたいんです。
（めんどいのと重くなるのと正しい書き方を知りたいのという理由で）
>>6 ちなみにやはり標準化という意味ではspacerとかにするのがスマートなやり方なのでしょうか？
返信する
009 2009/03/19(木) 00:04:24 ID:QnjyacDo
>>7 ありがとうございます。
セル幅でＯＫと聞いて安心しました。（ＯＫというのは誤解があるかもしれませんが）
ＣＳＳ使えない環境は、ＨＴＭＬで送るメールマガジンです。
あと、テンプレートみたいなショッピングサイトのページとかです。
返信する
010 2009/03/24(火) 12:53:43 ID:KR79ql9.
メルマガならHTMLの中にCSSを埋め込んでしまえばいいんじゃないの？
<style>...</style>
とか
<p style="...">...</p>
とか。
返信する
011 2009/03/24(火) 23:42:18 ID:hgXlVT1Q
>>10 ありがとございます。
そのやり方、あまり使ったことなく、
正しくないイメージもなんとなくあって
避けてました。
ちょっと勉強してみます。
返信する
012 2009/04/01(水) 02:59:25 ID:.gaQIoYo
すいません、質問です。
画像の周りに余白を5px空けてﾎﾞｰﾀﾞｰ線をひきたいのですが、
firefoxだとＯＫでＩＥ７だと余白が空きません。
この記述は誤りでしょうか？
ヘッダ記述-------------------------------------
<style type="text/css" media="screen"><!--
img { padding: 5px; border: solid 2px gray; }
--></style>
HTML部分---------------------------------------
<img src="画像.jpg" alt="" width="200" height="200" border="0">
誰か解答おながいします
返信する
013 2009/04/01(水) 03:39:43 ID:UeZUjblE
014 2009/04/01(水) 07:33:09 ID:LGyq8v9Q
>>12 IEはDOCTYPE宣言を書かないとCSSが正しく解釈されないよ。
それから<img>のborderは要らない。
返信する
015 2009/04/01(水) 22:23:07 ID:.gaQIoYo
>>14 すいません、それやってもＩＥ7 ダメみたすよ？
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>タイトル</title>
<style type="text/css" media="screen"><!--
img { padding: 5px; border: solid 2px gray; }
--></style>
</head>
<body>
<img src="画像.jpg" alt="" width="489" height="337">
</body>
</html>
ちゃんと答えてくださーい＞＜
返信する
016 2009/04/02(木) 04:28:40 ID:2rrG8NpA
▲ページ最上部
ログサイズ：18 KB
有効レス数：50
削除レス数：0
不適切な書き込みやモラルに反する投稿を見つけた時は、書き込み右の マークをクリックしてサイト運営者までご連絡をお願いします。確認しだい削除いたします。
情報技術・IT掲示板に戻る 全部
次100 最新50
スレッドタイトル：HTML/ＣＳＳをやさしく教えてくれるスレ
レス投稿
