サポート » 使い方全般 » 複眼RSSをhtmlで設置すると線が出る

複眼RSSをhtmlで設置すると線が出る

  • mato25

    (@mato25)


    10年、 4ヶ月前

    使用テーマ：Stinger3（http://stinger3.com/)
    使用RSSコード：複眼RSS（http://fukuganrss.blog27.fc2.com/）

    このテーマで複眼RSSをヘッダーのメニュー下に設置するとこのような線が表示されてしまい鬱陶しいです。
    ウィジェットでhtmlボックスを作り、そこでテストした結果も同様でした。
    ブラウザをIE、FireFox、Chromeの3種類で確認しても同じです。

    http://uploda.cc/img/img529a34a1ac4fb.png

    複眼RSSのコードのみで試しにhtmlファイルを作成した所、こちらはうまくいきました。
    これで線が表示される原因がwordpressか使用テーマと言う事までは分かったのですが、
    ホームページ作成は素人知識ゆえ行き詰ってしまいました。

    本来表示されるはずの物ではない為、この中途半端なテーブル線を完全に消したいと思っています。
    どなたか解決方法をご教示頂けないでしょうか？

    テストで使用したRSS設置コードはこちらになります。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta http-equiv="Content-Style-Type" content="text/css" />
        <meta http-equiv="Content-Script-Type" content="text/javascript" />
        <title>test</title>
        <style type="text/css">body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0;
    padding: 0;
}
html{
    overflow-y: auto;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%;
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse;
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal;
    font-weight: normal;
}
body{
    background-color:white;
}

#images .text{
    line-height: 1.2;
    font-size: 14px;
    text-align: left;
    word-break: break-all;
    overflow: hidden;
    margin: 2px;
    color: #000000;
    float: none;
    width: 130px;
    height: 130px;
}

#images .text a{
    text-decoration: none;
    color: #000000;
}

#images .image {
    display: block;
    width: 134px;
    height: 104px;
    display: block;
    float: none;
}

#images img {
    vertical-align:middle;
    margin: 2px;
}

.bordered-nofocus {
    margin: 0 !important;
    border: 2px solid #B9B9B9;
}

.bordered {
    margin: 0 !important;
    border: 2px solid #FFFFFF;
}

.clear {
    clear: both;
}</style>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script>
            $(function() {
                $('#images img').hover(function() {
                    $(this).toggleClass('bordered');
                },function() {
                    $(this).toggleClass('bordered');
                })
            })
        </script>
    </head>
    <body  style="background-color:#FFFFFF" bgcolor="#FFFFFF">
 <script type="text/javascript" src="http://jpn2.fukugan.com/rssimg/rssimg.php?key=caf36ee6d61e07efd13a0dbf30a8ea36"></script>
<!--

姉妹サービスのご紹介　複眼RSSのテキスト版です。

ブログパーツ「単眼RSS」
http://tanganrss.com/

主な機能

・非ログイン制
・ライセンス非表示

・取得件数
・Facebookページの取得
・リンク先を同じウインドウで開く
・貼り付けコードを二つに別ける

・最初の記事を表示しない
・未来日付の記事を表示しない
・過去記事からランダム表示
・多更新を表示しない(間隔3h)
・エロ見出し記事を表示しない
・再投稿された同一記事を表示しない
-->
<!-- 登録内容の復元URL
http://fukugan.com/rssimg/regist.php?key=caf36ee6d61e07efd13a0dbf30a8ea36
-->
<!-- ping送信先
http://jpn2.fukugan.com/rssimg/rpc/ping.php
-->
    </body>
</html>

2件の返信を表示中 - 1 - 2件目 (全2件中)
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「複眼RSSをhtmlで設置すると線が出る」には新たに返信することはできません。

トピックタグ

表示