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

<div></div>で括られた全体を<a></a>で指定したい

Nori > <div></div>で括られた全体を<a></a>で指定したい @ 2018/8/14 19:40
お世話になります、OMOTENASHIをベースにでサイト制作中の者です。
トップページに元々はないボタンを作りたいのですが、困っております。

<a>
<div>
<img>
</div>
<div>
<h2></h2>
<p></p>
</div>
</a>


という形にしたいのですが、いざ入力すると勝手に以下のように強制的に変更されます。

<div>
<a>
<img>
</a>
</div>
<div>
<a>
<h2></h2>
</a>
<a>
<p></p>
</a>
</div>


最初のDivの中の画像が、ボタンの背景で、その次のDivの中がテキスト、それぞれを一つのボタン要素にして、
hoverで透過をかける、という感じで希望しています。

なので、強制変換された内容だとテキスト上にカーソルが来ないとHoverが働きません…

どなたか助けて頂けないでしょうか?

■ BaserCMSのバージョン:4.1.3
■ レンタルサーバー名:ロリポップ
■ スマートURLの利用:OFF
■ 設置フォルダ:サブフォルダ
■ 利用しているデータベース:MySQL
■ PHPスキル:D

seto > Re: <div></div>で括られた全体を<a></a>で指定したい @ 2018/8/15 13:15
こんにちは

baserCMSではデフォルトのエディタとして、CKEditorを使用しています。
CKEditorの仕様として、HTML構造が変更される場合があるようです。

CKEditorの設定を変更すると、aタグの中にdivタグを入れられるという記述をCKEditorのgithubで見つけて試してみたのですが、解決できませんでした。
https://github.com/ckeditor/ckeditor-dev/issues/610
https://github.com/ckeditor/ckeditor-dev/issues/514

複雑なHTMLを記述したい場合は、エディタの下の方にあるコード欄に入力すると、変更されずに済みますのでお試しください。
Nori > Re: <div></div>で括られた全体を<a></a>で指定したい @ 2018/8/15 19:34
返信ありがとうございます。

コード欄を使ったことが無かったので、使ってみます。
それでまた改めてわからなかったらご相談させて頂きます。

■ BaserCMSのバージョン:4.1.3
■ レンタルサーバー名:ロリポップ
■ スマートURLの利用:OFF
■ 設置フォルダ:サブフォルダ
■ 利用しているデータベース:MySQL
■ PHPスキル:D

Nori > Re: <div></div>で括られた全体を<a></a>で指定したい @ 2018/8/16 9:44
お世話になります、

コード欄の使用方法ですが、JSファイルや別CSSファイルの読み込みがそこで出来ることは分かったのですが、
特定のhtmlのコードを読み込ます方法がわからなかったのです。

お助けいただければ幸いです。

■ BaserCMSのバージョン:4.1.3
■ レンタルサーバー名:ロリポップ
■ スマートURLの利用:OFF
■ 設置フォルダ:サブフォルダ
■ 利用しているデータベース:MySQL
■ PHPスキル:D

Nori > Re: <div></div>で括られた全体を<a></a>で指定したい @ 2018/8/16 19:16
自力解決できました!
お騒がせしました!

■ BaserCMSのバージョン:4.1.3
■ レンタルサーバー名:ロリポップ
■ スマートURLの利用:OFF
■ 設置フォルダ:サブフォルダ
■ 利用しているデータベース:MySQL
■ PHPスキル:D

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


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

検索

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

フォーラムガイド


関連リンク

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

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