注目タグ

テンプレート・プラグイン

トピック詳細

記事内の文字とレイアウトの斜線がずれる

共有テンプレート「tmp_usagipost3co」をお借りしました。
独自のカスタマイズをしたところ、記事内の文字とレイアウトの斜線がずれてしまいました。

スタイルシート
記事内容部分
font-size: 14px;に変更。

修正方法をご教授ください。お願いします。

http://tmxxb1973.blog82.fc2.com/

2009年08月24日 23:26  by しんちゃん

コメント一覧 5件中、1~5件表示

  • yosoilue様
    画像サイズの変更では改善されませんでした。
    でも改善点の原因が早急に判明しました。
    多くの意見をありがとうございました。


    manannan様
    スタイルシートの最後に追加
    entry_body table {height:180px;}
    これドンピシャでした。数値の変更はなしです。
    おかげで問題が解決できました。

    yosoilue様、manannan様、どうもありがとうございました。
    お二人に感謝、感謝です。

    2009年08月25日 23:54 by しんちゃん

  • 以下、すみませんが、試してはいません。

    もし、「書影部分は必ずtable」「それ以外、記事中ではtableを使わない」という「決め事」で記事を書いていらっしゃ るなら、「記事中のtableの高さ」を指定することで、実質的に、書影部分の高さを揃えることができる「かも」しれません。そ れができれば、次の行からの書評部分と罫線の重なり具合を調整できることになります。

    具体的には、テンプレートスタイルシートの最後に

    .entry_body table {height:180px;}

    と入れます。さらにいうと、180近辺の数字を少しずつ変更しながら試さないと、理想のカタチにはならないかも。

    この方法の長所は、1回調整すれば、全部の記事がイッキに変わることです。
    欠点は、書影部分と書評部分の間に、若干「すきま」があいてしまうことです。

    2009年08月25日 23:31 by manannan

  • 画像の大きさは
    例.
    <img src="http://ecx.images-amazon.com/images/I/51fXz1 ZmiXL._SL160_.jpg" alt="宵山万 華鏡" border="0">

    ここを変えると変わりますが、最適なサイズがあるかはわかりません。

    2009年08月25日 21:54 by ロギラキ

  • yosoilue様

    おっしゃる通り、原因はアマゾンの商品画像にありました。
    タグ部分widthの%数値を変更しても、修正できませんでした。
    この場合どのように対処すればよいのでしょう?

    改善点を教えてもらえますでしょうか。
    よろしくお願いします。

    2009年08月25日 18:25 by しんちゃん

  • まずアマゾンの商品紹介のタグを、記事から外して文字だけにしても
    文字と罫線がずれるか確認してください。

    画像によってずれているのではないかと思います。

    2009年08月25日 00:33 by ロギラキ