modx revoの表示 css? html?  【解決済み】

質問全般・改善要望
返信する
Yoshikazu
メンバー
メンバー
記事: 20
登録日時: 2012年5月31日(木) 15:33

modx revoの表示 css? html?

投稿記事 by Yoshikazu »

-----
ご利用のサーバ:centOS5.*
MODXのバージョン:2.2.5
PHPのバージョン:5.3
MySQLのバージョン:5.0.95
ブラウザ:
-----
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr">
<head>
<base href="http://www.hoge.com/" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>Net Shopping(ネットショップ)</title>
<meta name="copyright" content="&copy; Copyright 2010 - 2012,ネット販売合同会社" />
<link rel="stylesheet" type="text/css" href="assets/templates/hoge/css/reset2c.css" />
<link rel="stylesheet" type="text/css" href="assets/templates/hoge/css/shop1.css" />
<link rel="stylesheet" type="text/css" href="assets/templates/hoge/css/win_ie.css" />
<link rel="stylesheet" type="text/css" href="assets/css/thickbox.css" />
<link rel="stylesheet" type="text/css" href="assets/templates/hoge/css/jqueryslidemenu.css" />
<script type="text/javascript" src="assets/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="assets/js/thickbox.js"></script>
<script type="text/javascript" src="assets/js/yuga.js"></script>
<script type="text/javascript" src="assets/templates/hoge/js/jqueryslidemenu.js"></script>
</head>
<body id="net-shopping" class="home">
<div class="structure" id="header">
<h1><img src="assets/templates/hoge/img/hoge_logo01.gif" alt="Net Shopping(ネットショップ)" width="210" height="58" /></h1>
<div id="global-nav">
<h2>主要コンテンツ</h2>
<ul>
<li><a href="http://www.hoge.com/net-menu1.html"><img src="" alt="はじめての登録" width="226" height="53" class="btn" /></a></li>
<li><a href="http://www.hoge.com/net-menu2.html"><img src="" alt="購入方法" width="226" height="46" class="btn" /></a></li>
<li><a href="http://www.hoge.com/net-menu3.html"><img src="" alt="参考レシピ" width="226" height="46" class="btn" /></a></li>
<li><a href="http://www.hoge.com/net-menu4.html"><img src="" alt="注意事項" width="226" height="46" class="btn" /></a></li>
<li><a href="http://www.hoge.com/net-menu5.html"><img src="" alt="会社概要" width="226" height="46" class="btn" /></a></li>
↑の部分は実際のwebページをfirebugで表示させたものです。
<h1><img src="~の部分はテンプレート変数[[*img_photo]]で設定しています。また、global-navの各liは[[++site_url]][[*menu1]]~[[++site_url]][[*menu5]]まで正しく割り振られていて表示も”OK”です、が、画像が表示されません。下の部分ではcssでidを振っています。
以下が該当部分です。
#header {
position: relative;
height: 390px;
background-image: url(../img/header_bg02.jpg);
background-position: center bottom;
background-repeat: no-repeat;
}

#header h1 {
padding: 24px 0 48px;
}
/*===========
#global-nav
============ */
#global-nav ul {
position: absolute;
top: 136px;
left: 536px;
}

#global-nav ul li {
list-style: none;
margin-top: 2px;
}

テンプレートでメニューを設定しています。以下、テンプレートの原文
<div id="global-nav">
<h2>主要コンテンツ</h2>
<ul>
<li><a href="[[++site_url]][[*menu1]]"><img src="assets/image/navi01.gif" alt="はじめての登録" width="226" height="53" class="btn" /></a></li>
<li><a href="[[++site_url]][[*menu2]]"><img src="assets/image/navi02.gif" alt="購入方法" width="226" height="46" class="btn" /></a></li>
<li><a href="[[++site_url]][[*menu3]]"><img src="assets/image/navi03.gif" alt="参考レシピ" width="226" height="46" class="btn" /></a></li>
<li><a href="[[++site_url]][[*menu4]]"><img src="assets/image/navi04.gif" alt="注意事項" width="226" height="46" class="btn" /></a></li>
<li><a href="[[++site_url]][[*menu5]]"><img src="assets/image/navi05.gif" alt="会社概要" width="226" height="46" class="btn" /></a></li>
</ul>

href="[[++site_url]][[*menu]]の内、[[++site_url]][[*menu1]]でも[[*menu1]]でも同じページに移りますが、ご覧になっても判るようにfirebugで表示させるとsrc=""に成っている為<h1>***</h1>の画像は表示されますが<div id="global-nav">部分の画像が表示されません。
これは、正常なのでしょうか?。
それとも、TinyMCEを使っているのですが、pathの不整合なのでしょうか?。modxでのコード依存関係が全く判らない為、手のつけようが有りません。ヒントを頂けませんか?。
Yoshikazu
メンバー
メンバー
記事: 20
登録日時: 2012年5月31日(木) 15:33

Re: modx revoの表示 css? html?  【解決済み】

投稿記事 by Yoshikazu »

自己解決しました。御迷惑をおかけしました。
どうも、yuga.jsの使い方に問題が有り、srcが見つけられなかったようです。yuga.jsの中身を触っていた事が原因みたいです。
以前のmodxバージョンでCSSを読み込まずにテキストのみ表示する事が有って、modxをupateしたのですが、以前のテンプレートのバックアップが古く、作り直していた時に発生したものですから、すっかりテンプレート側で読み込んでいるファイルの問題を疑いませんでした。テンプレート数が多く悩んでいたので小さい所に目が届きませんでした。色々考えて頂いていた方々に申し訳なく思っております。
微力ながら貢献出来るよう頑張りたいと思います。また、掲示板を運営されている方々に御礼申し上げます。
返信する