■ユーザーズフォーラム リニューアルのお知らせ
新規投稿は新ユーザーズフォーラムにお願いします。

HTML <a href......></a>リンクが効かない

manhoo > HTML <a href......></a>リンクが効かない @ 2015/4/16 10:46
こんにちは!

前回データベースの件のご回答ありがとうございます。
最近一部分のリンク効かないとこが気づきました、原因なかなか見つかりません。

下記ページの 「冷蔵・冷凍対応」の行のリンクできません。
http://www.km-co.jp/news/archives/68
IE,Chrome,Firefoxなど効いたり、効かなかったりしています。
しかも、その部分コピーもできません。
メール便対応の行のリンクはどのブラウザーでも効きます。

モバイル対応するため、CSSのbodyに
word-break: break-all; word-wrap: break-word; overflow-wrap: break-word;

追加しております。
これを削除しても同じ現象です。

テーブルコードは問題ないと思いますが、
		
<tr>
    <td>冷蔵・冷凍対応</td>
    <td>チルドゆうパック<br />
    <a href="http://www.post.japanpost.jp/service/you_pack/chilled/index.html" target="_blank">http://www.post.japanpost.jp/service/you_pack/chilled/index.html </a></td>
    <td>クール宅急便<br />
    <a href="http://www.kuronekoyamato.co.jp/cool/cool_b.html" target="_blank">http://www.kuronekoyamato.co.jp/cool/cool_b.html </a></td>
    <td>飛脚クール便<br />
    <a href="http://www.sagawa-exp.co.jp/service/h-cool/" target="_blank">http://www.sagawa-exp.co.jp/service/h-cool/ </a></td>
</tr>
<tr>
    <td>メール便対応</td>
    <td>ゆうメール<br />
    <a href="http://www.post.japanpost.jp/service/yu_mail/index.html" target="_blank">http://www.post.japanpost.jp/service/yu_mail/index.html </a></td>
    <td>クロネコDM便<br />
    <a href="http://www.kuronekoyamato.co.jp/mail/mail.html" target="_blank">http://www.kuronekoyamato.co.jp/mail/mail.html </a></td>
    <td>飛脚メール便<br />
    <a href="http://www.sagawa-exp.co.jp/service/h-mail/" target="_blank">http://www.sagawa-exp.co.jp/service/h-mail/ </a></td>
</tr>


宜しくお願い致します。

■ BaserCMSのバージョン:4.1.6
■ サーバー名:さくらレンタルサーバー
■ テーマ:Simple Company 03
■ 設置フォルダ:ROOT
■ データベース:MySQL
■ PHPスキル(自己評価):C

manhoo > Re: HTML <a href......></a>リンクが効かない @ 2015/4/16 10:54
追加します。
ほかのページでも、リンクが効いたり、効かなかったりしています。
下記ページの一番下のリンクは半分くらい効きません。
http://www.km-co.jp/news/index/page:21

■ BaserCMSのバージョン:4.1.6
■ サーバー名:さくらレンタルサーバー
■ テーマ:Simple Company 03
■ 設置フォルダ:ROOT
■ データベース:MySQL
■ PHPスキル(自己評価):C

n1215 > Re: HTML <a href......></a>リンクが効かない @ 2015/4/16 11:27
manhoo 様

純粋にHTMLとCSSだけの問題ですね。

ブラウザの「要素を検証」、などの機能を用いればわかりやすいですが、
サイドバーのFacebookのウィジェットがはみ出ており、
メインの記事の一部を上から覆い隠しているせいです。
(下記画像はChrome)

div.socialを囲むarticle要素に.mainWidthというclassが付与されており、
widthが1100pxに設定されています。
この部分を対処すれば直るはずです。

Twitter: @n_1215

manhoo > Re: HTML <a href......></a>リンクが効かない @ 2015/4/16 14:00
n1215 様

大変助かりました。
なおりました。
また宜しくお願い致します。

■ BaserCMSのバージョン:4.1.6
■ サーバー名:さくらレンタルサーバー
■ テーマ:Simple Company 03
■ 設置フォルダ:ROOT
■ データベース:MySQL
■ PHPスキル(自己評価):C

ログイン
ユーザー名:
パスワード:


  新規登録 / パスワード紛失

検索

facebook
フォーラムで悩みが解決した場合など、よかったら「いいね!」をポチっとクリックしてください!質問の回答者や開発者の励みになります

フォーラムガイド


関連リンク

オンライン状況
23 人のユーザが現在オンラインです。 (23 人のユーザが フォーラム を参照しています。)

登録ユーザ: 0
ゲスト: 23