- 締切済み
ethnaでのif文の書き方が分かりません。
ナビゲーションの背景をカテゴリ別(ページ別)で変えたいのですが、なんともうまくいきません。 例)お問合せの場合 {if $form.at == "inquiry"} <li class="contact_on"><a href="{$config.WebPath}inquiry/">お問合せ</a></li> {else} <li class="contact"><a href="{$config.WebPath}inquiry/">お問合せ</a></li> {/if} この書き方ではelseとなってしまいます。 書き方が違うでしょうか？ 条件が指定出来てないのでしょうか？ 分かる方がいらっしゃれば、宜しくいお願いします。
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- asuncion
- ベストアンサー率33% (2126/6288)
関連するQ&A
- ホームページ作成について質問です。
ホームページ制作について質問です。 http://siterepair.ddo.jp/ のグローバルナビゲーションのように、ソース上ではテキストだが、ブラウザ上では画像アイコンのボタンにする方法が知りたいです。 私のホームページのグローバルナビゲーションのソースです ※html <div id=mainImage> <ul> <li><a href="A"><img src="../images/gnavi01.png" alt="あいうえお" width="100" height="25" /></a></li> <li><a href="B">"><img src="../images/gnavi02.png" alt="かきくけこ" width="100"height="25" /></a></li> <li><a href="C">"><img src="../images/gnavi03.png" alt="さしすせそ"width="100"height="25" /></a></li> </ul> </div> ※css #mainImage{ height: 250px; width: 900px; margin-right: auto; margin-left: auto; background-image: url(../images/header.png); background-repeat: no-repeat; padding-top: 1px; } #mainImage ul { margin-left: 362px; margin-top: 233px; } #mainImage li { float: left; } 試しに、 <a herf="A" class="home">として、 .home { display: none background-image: url(../images/gnavi01.png); } のように設定したら、gnavi01.pngも一緒に消えてしまいmainImageの背景に設定した画像が表示されているだけになってしまいます。 http://siterepair.ddo.jp/ のグローバルナビゲーションのように、 <ul id="globalmenu" class="clearfix"> <li><a class="home" href="./">SEO無料</a></li> <li><a class="seoexamine" href="seoexamine/">SEO診断ツール</a></li> <li><a class="seotools" href="seotools/">SEO対策サービス</a></li> <li><a class="seoplan" href="fixedseo/">SEOプラン</a></li> <li><a class="seminar" href="seminar/">SEO対策セミナー</a></li> <li><a class="faq" href="faq/">よくある質問</a></li> <li><a class="inquiry" href="inquiry/">お問い合わせ</a></li> </ul> alt属性による説明文ではなく、テキストでの入力をしたいのですが、無知なもので色々調べましたが出来ません。 ご教授頂けるよう宜しくお願いします。（dreamweaver cs4を使って作成しています） .
- 締切済み
- HTML
- ホームページ作成について質問です
ホームページ制作について質問です。 http://siterepair.ddo.jp/ のグローバルナビゲーションのように、ソース上ではテキストだが、ブラウザ上では画像アイコンのボタンにする方法が知りたいです。 私のホームページのグローバルナビゲーションのソースです ※html <div id=mainImage> <ul> <li><a href="A"><img src="../images/gnavi01.png" alt="あいうえお" width="100" height="25" /></a></li> <li><a href="B">"><img src="../images/gnavi02.png" alt="かきくけこ" width="100"height="25" /></a></li> <li><a href="C">"><img src="../images/gnavi03.png" alt="さしすせそ"width="100"height="25" /></a></li> </ul> </div> ※css #mainImage{ height: 250px; width: 900px; margin-right: auto; margin-left: auto; background-image: url(../images/header.png); background-repeat: no-repeat; padding-top: 1px; } #mainImage ul { margin-left: 362px; margin-top: 233px; } #mainImage li { float: left; } 試しに、 <a herf="A" class="home">として、 .home { display: none background-image: url(../images/gnavi01.png); } のように設定したら、gnavi01.pngも一緒に消えてしまいmainImageの背景に設定した画像が表示されているだけになってしまいます。 http://siterepair.ddo.jp/ のグローバルナビゲーションのように、 <ul id="globalmenu" class="clearfix"> <li><a class="home" href="./">SEO無料</a></li> <li><a class="seoexamine" href="seoexamine/">SEO診断ツール</a></li> <li><a class="seotools" href="seotools/">SEO対策サービス</a></li> <li><a class="seoplan" href="fixedseo/">SEOプラン</a></li> <li><a class="seminar" href="seminar/">SEO対策セミナー</a></li> <li><a class="faq" href="faq/">よくある質問</a></li> <li><a class="inquiry" href="inquiry/">お問い合わせ</a></li> </ul> alt属性による説明文ではなく、テキストでの入力をしたいのですが、無知なもので色々調べましたが出来ません。 ご教授頂けるよう宜しくお願いします。（dreamweaver cs4を使って作成しています） .
- 締切済み
- HTML
- Liで背景画像が表示されない
よく見かけるLiでナビゲーション項目を表示させるのを しようとしているんですが、Liの背景画像が上手く表示されません。 navigationの背景画像は表示されたのですが、liで指定した 背景画像が表示されません。 どこが悪いのでしょうか?? 初歩的な事かもしれませんが、よろしくお願いします。 #navigation { WIDTH: 900px; height:50px; background: url(./h_side.jpg); background-position: left top; text-align:left; ul { margin: 0px; padding: 0px;} li { display: block; } .menuA01 { width: 178px; height:50px; margin-top: 0px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; text-decoration: none, background : url(./menuA01.jpg); background-position: left top; float: left; <div id="navigation"> <ul> <li class="menuA01"><a href="/index.html">menuA01</a></li> <li class="menuA02"><a href="/index.html">menuA02</a></li> <li class="menuA03"><a href="/index.html">menuA03</a></li> <li class="menuA04"><a href="/index.html">menuA04</a></li> <li class="menuA05"><a href="/index.html">menuA05</a></li> </ul> </div>
- 締切済み
- HTML
- CSSでロールオーバーのやり方を教えてください。
はじめまして。 現在CSS勉強中の者です。 初心者サイトには2つ分画像一枚にして移動させるようなことが書いてありましたが、これ以外に方法はありますでしょうか？ なければこの方法で作ろうと思うのですが、すでにオンマウス時とオフマウスの時の画像を別々に作っていますので、こちらでマウスオーバーさせる方法があればうれしいです。 htmlは以下のように記述しています。 <ul> <li><a class="home" href="index.html">home</a></li> <li><a class="menu" href="menu/index.html">menu</a></li> <li><a class="access" href="access/index.html">access</a></li> <li><a class="coupon" href="coupon/index.html">coupon</a></li> <li><a class="rec" href="menu/index.html#recom_item">rec</a></li> <li><a class="qa" href="qanda/index.html">qa</a></li> <li><a class="contact" href="contact/index.html">contact</a></li> <li><a class="recruit" href="recruit/index.html">recruit</a></li> <li><a class="company" href="company/index.html">company</a></li> <li><a class="school" href="school/index.html">school</a></li> </ul> これはとあるサイトを参考にしたのですが、なぜか<a>○○○</>の中の文字が表示されていません・・・これもわからずじまいでした。 基本的なCSSは理解しているような気がしてたんですが・・・ どうかご教授よろしくお願いいたします。
- ベストアンサー
- HTML
- cssで背景を重ねることができるのでしょうか？
CSSでナビゲーションバーを作っていますが、ナビゲーションバーのボタンの一つ一つを背景画像であらわしています。ナビゲーションバー全体の背景にまた違う画像を表示させたい（ボタンが途切れた後ろにも画像があるように）のですが、そういうことは可能なのでしょうか？ちなみにＨＴＭＬは <body> <div id="navigation"> <div> <ul> <li class="linkhome"><a href="/"><span>Home</span></a></li> <li class="linkkaisha"><a href="/"><span>kaisha</span></a></li> <li class="linkdoituriq"><a href="/"><span>doituriq</span></a></li> <li class="linkwine"><a href="/"><span>wine</span></a></li> <li class="linkchugoku"><a href="/"><span>chugoku</span></a></li> <li class="linkotoiawase"><a href="/"><span>otoiawase</span></a></li> </ul> </div> </div> </body> </html> という感じで、最初のdivにz-index2を次のdivにz-index1を指定したらできると思ったのですが、表示はナビゲーションバーの後ろに表示させたい画像がまず表示され、その下にナビゲーションバーが表示されます。 重ねて表示するのはどうすればいいのでしょうか？ 質問が分かりづらくて申し訳ございません。どうぞよろしくお願いいたします。
- ベストアンサー
- HTML
- jQueryで記事を６列表示にしたいのです。
ｊQueryで記事を６列表示にしたいのです。 jQueryで６列表示をしたいと思って試行錯誤をしていたのですが、 全くわからずじまいで、どうしたらいいのかと知恵袋に投稿致しました。 各カテゴリごとに表示をするようになっているのですが、 オールだけ全て表示になります。 ５つ残して表示させればいいのですが、各カテゴリが 消えてしまうので、どうしてもオールは６行表示させたいと思っています。 どなたか助けていただけませんでしょうか？ jQuery ---------------------------------------------- $(document).ready(function() { $('ul#navi a').click(function() { $(this).css('outline','none'); $('ul#navi .all').removeClass('current'); $(this).parent().addClass('current'); var filterVal = $(this).text().toLowerCase().replace(' ','-'); if(filterVal == 'all') { $('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden'); } else { $('ul#portfolio li').each(function() { if(!$(this).hasClass(filterVal)) { $(this).fadeOut('normal').addClass('hidden'); } else { $(this).fadeIn('slow').removeClass('hidden'); } }); } return false; }); }); HTML ---------------------------------------------- <ul id="navi"> <li class="all"><a href="#">All</a></li> <li><a href="#">CMS</a></li> <li><a href="#">CSS</a></li> <li><a href="#">Javascript</a></li> </ul> <ul id="portfolio"> <li class="cms"><a href="#">Movable Type</a></li> <li class="cms"><a href="#">Movable Type</a></li> <li class="cms"><a href="#">Movable Type</a></li> <li class="css"><a href="#">CSSテンプレート</a></li> <li class="javascript"><a href="#">prototype</a></li> <li class="css"><a href="#">CSSビギナー</a></li> <li class="css"><a href="#">CSSテンプレート</a></li> <li class="css"><a href="#">CSSテンプレート</a></li> <li class="javascript"><a href="#">jQuery</a></li> <li class="javascript"><a href="#">jQuery</a></li> <li class="javascript"><a href="#">jQuery</a></li> <li class="javascript"><a href="#">jQuery</a></li> <li class="javascript"><a href="#">plugin</a></li> </ul>
- 締切済み
- JavaScript
- divを中央に寄せたい
恐れ入ります。 現在、修正を加えたいhtmlコードの中で、以下のdiv要素をセンターに寄せることが出来ません。 中央に寄せたい部分は、上部のメニューバーです。 以下がhtmlコードです。 <div id="menune"> <div class="clearfix"> <ul> <li> <a href="index.html" class="first active">HOME</a> </li> <li> <a href="review.html">casino bonus guide</a> <ul> <li><a href="#"> jepang1</a> </li> <li><a href="#"> jepang2</a> </li> <li><a href="#"> jepang33</a> </li> </ul> </li> <li> <a href="top10/top10index.html">Online Casino</a> </li> <li> <a href="#">free casino</a> </li> <li> <a href="top.html">gaming guides</a> </li> <li> <a href="contact/contact-index.html" class="last">Contact Us</a> </li> </ul> <div class="clearfix:after"> </div> </div> </div> どこのcssの表記が邪魔をしているのか分からなくて困っております。 cssの知識が乏しくてご迷惑をおかけしますが、宜しくお願いします。 失礼致します。
- ベストアンサー
- HTML
- luxbarの表示について2
luxbarについて再度お聞きしたいです。 .luxbar-navigation{ justify-content: flex-start; } でIE11でもうまく表示されましたが、どのブラウザもハンバーガーメニューにした時、階層下メニューは開いたままでした。これを閉じた状態から開くように修正できないのでしょうか？また、ナビバー時の背景色は任意で好みの色に変更できないでしょうか？よろしくお願いいたします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="https://cdn.rawgit.com/balzss/luxbar/ae5835e2/build/luxbar.min.css"> <style> <!-- .luxbar-navigation{ justify-content: flex-start; } --> </style> </head> <body> <div class="luxbar luxbar-static"> <input type="checkbox" id="luxbar-checkbox" class="luxbar-checkbox"> <div class="luxbar-menu luxbar-menu-right luxbar-menu-dark"> <ul class="luxbar-navigation"> <li class="luxbar-header"> <a class="luxbar-brand" href="#">Brand</a> <label class="luxbar-hamburger luxbar-hamburger-doublespin" for="luxbar-checkbox"> <span></span> </label> </li> <li class="luxbar-item active"><a href="#">Home</a></li> <li class="luxbar-item dropdown"><a href="#">Users</a> <ul> <li class="luxbar-item" ><a href="#">Max</a></li> <li class="luxbar-item" ><a href="#">Edgar</a></li> <li class="luxbar-item" ><a href="#">John</a></li> </ul> </li> </ul> </div> </div> </body>
- ベストアンサー
- その他（インターネット・Webサービス）
- if文について
if文を利用してリストの表示をしようとしています。 ドロップダウンリストは <SELECT name="type"> <OPTION value="all">指定しない </OPTION> <OPTION value="1">タイプA系列</OPTION> <OPTION value="2">タイプB系列</OPTION> となっています。 データはチェックボックスで1か空白で保存されていて、A系列は「s_1」「s_2」、B系列は「s_3」「s_4」「s_5」にチェックが入っているかどうかを振り分けしたいんです。 なので、ドロップダウンリストで「タイプA系列」を選択したら「s_1」「s_2」に1が入っている物のみ表示するというものです。 現在のところこの形です。 if ($FORM{'type'} ne 'all') { if ($FORM{'type'} eq '1'){ if ($s_7 || $s_8 eq 1) { ; } else { next; } }else{ if ($s_9 || $s_10 || $s_11 eq 1) { ; } else { next; } } } このようにやってみましたが全部表示されてしまいます。 どのように直したらOKでしょうか? お願いします。
- ベストアンサー
- Perl
- class="aa bb"だけにルール適用したい
色々試したり、ネットで調べたりしましたが、CSSでどうにもうまくいきません。 <li class="aa bb"><a href="index.html">ホーム</a></li> このように、classに複数のclassが書かれているものだけに対してCSSルールを適用させたいのですができません。 どのようにすればいいでしょうか？ <li class="aa"><a href="index.html">ホーム</a></li> これや、 <li class="bb"><a href="index.html">ホーム</a></li> これには別の適用をさせねばなりません。 .nv_side li.last li.active a, .nv_side li.last li.active a:active, .nv_side li.last li.active a:visited { ルール記述 } .nv_side li.last li.active a:hover { ルール記述 } など、色々やってみたのですが、どうしても適用されませんでした。 「li.last」かつ「li.active」と書かれてあるclassならば、○○のCSSルールを適用せよ、 などと書ければよいのですが・・・ CMSの自動出力ナビゲーションでこうなっていて、これに合わせるしかありません。 ご存じの方いらっしゃいましたら宜しくお願いします。
- ベストアンサー
- HTML
お礼
すみません。やはり私にはまだ高度だったようで、 if文を使うのは諦めます。 ここはテンプレートを複数作成することにしました。 ご回答ありがとうございました。