Q&A
「Aサイト」はBASIC認証がかけられており、現状を確認できません。
wordpressで作成したこのコンテンツページを
Aサイト
このページにコピーしたいと思います。
Bサイト
ただ、そのままコピペしてもダメでCSSも書き加えないとダメだとおもいます。
両方のページをgoogle デベロッパーツールで見比べながら
作業してますがAサイトのどの部分をBサイトのCSSにコピーしたらレイアウトや色が反映されるでしょうか
申し訳ありません。これで表示されますでしょうか？
https://www.statweb.jp/seminar
確認できました。質問文のほうもそちらのURLに切り替えておけば他の方も見やすくなると思います。URLはできればリンクを張ってくださいね。
「レイアウトや色」が指しているものがどれか、具体的に提示してください。提示されている2つは目的の違うコンテンツなので、「コピー」という作業をされているようには見受けられません。
Aページのコンテンツ部分のみ、「実践的な分析力の習得を目指します」の入った画像データから下全部をBページのコンテンツ部分にデザインそのままコピーしたいです。コンテンツ内容は違いますが同じ会社の運営するサイトなので。
回答2件
0
ベストアンサー
うまく、手っ取り早くやる方法はありません。
「このページだけ」というのであれば、下記のような方法もあります。
- AページのCSSをコピーし、BページのCSSの
<link>の下に<link>で入れる - 表示が崩れる部分（ヘッダ/フッタなど）の記述をAページCSSから削除
<div class="apage">Aページのなかみ</div>としてBページに挿入- Aページ/Bページで指定がかぶる要素はAページCSSを
#content .apage liなどに置き換える - デベロッパーツールを見ながら微調整
投稿2016/04/22 15:14
総合スコア69400
0
chrome で、 [ファイル] - [ページを別名で保存] で保存すると、html ファイルだけでなく css ファイルなども
保存されます。
この保存結果をもとに編集していくとよいのでは？
投稿2016/04/23 03:38
総合スコア22324
返信ありがとうございます。上記参考にデータをダウンロードしてみました。
何故かhtmlしかダウンロードされず、取りあえずはdreamweaver CS５で表示させてみました。レイアウトは崩れていますが、google chrme上で表示させるとデザインは崩れていません。PCのHDに全データは保存してあるのでそこにあるCSSが適用されているのでしょうが
保存実行すると、html 以外に、フォルダも新たにできているはずです。
そのフォルダに css ファイルなどが保存されています。
保存された html ファイルを読むと、そのフォルダ中のファイルを参照するようになっているはずです。
ありがとうございます。再度やってみます
保存の際、形式の設定をwebページ、完全にして再度保存しました。
dreamweaver で表示しましたが、上記の画像のように一部CSSが適用されず崩れてしまっています
html ファイルを chrome で開いても崩れますか？
(私のマシンは mac ですが、chrome で保存、表示させた場合に 表示が崩れている箇所はみあたりませんでした。)
何度も返信ありがとうございます。私もmac, dreamweaverライブビューと
chromeで表示させると表示が正確にされました。
あなたの回答
tips
プレビュー
