Riseさん(http://www.w-art.org/)で配布されているCSS Yomi-Search Ver2.14を設置しています。
検索画面のカテゴリなのですが、デフォルトでは横に並んでいますよね。
あれを縦にするには、どこをどういじればいいのでしょうか?
ご教示よろしくお願いします。
No.3ベストアンサー
- 回答日時:
>私は検索“結果”画面とは言ってませんけど。
逆切れですか(笑
言ってなくても普通は検索した画面って思うでしょ。
Googleの検索画面とか、Yahoo!の検索画面って言われて、トップページのこと言ってるんだ~ってわかる人そういないと思うけど。
自分にとってわかってることでも他の人は分からないことが多い。
回答者はできるだけ質問者にわかってもらおうと答えるけど、回答者側もそういう意識は必要だと思う。
っていうか、わざわざ回答して改善案まで提示した人に向って逆切れとか...ry
まあ、何でもいいや。
こういうのは手っ取り早く終わらせよう。
予め言っておくけど、この部分、liをfloatしてレイアウトを整えてるだけなので、確実にレイアウトは崩れると思うよ。
崩れるのが嫌なら自力でやってね。
CSSは苦手なので。
とりあえず、改造案。
top.htmlを弄るから、search.cgiは自分で考えてやって。
質問者さんのファイル内容は見えないから私にはわからない。
# template/top.html
79行目
foreach $Gno(sort (keys %ganes)) {
の上の行に
$subcateName = "";
を追加
112行目付近
$bf_kt_no=$Gno;
の下に
$subcateName = "";
を追加
117行目付近からの
if($gane_top{$Gno}) {
@Gname = split(/:/,$Gname);
if($gane_UR{$Gno}) {
print <<"EOM";
<li><a href="$Ekt$Gno$Eend">$ganes{$Gno}</a></li>
EOM
} elsif($gct{$Gno}) {
print <<"EOM";
<li><input type="checkbox" name="ct" value="$Gno" />$gane_NOT<a href="$Ekt$Gno$Eend">$ganes{$Gno}<small>[$gct{$Gno}]</small></a></li>
EOM
} else {
print <<"EOM";
<li><input type="checkbox" disabled=\"disabled\" />$gane_NOT$ganes{$Gno}<small>[$gct{$Gno}]</small></li>
EOM
}
}
を以下に書き換え
if($gane_top{$Gno}) {
@Gname = split(/:/,$Gname);
@dirlist = split(/_/,$Gno);
if($#dirlist == 1){
$subcateName = $Gno;
print "<li>\n<div>";
}
elsif(!$subcateName || index($Gno,$subcateName) != 0){
print "<li>\n<div>";
$subcateName = "";
}
elsif($subcateName && index($Gno,$subcateName) == 0){
print "<div>├";
}
if($gane_UR{$Gno}) {
print <<"EOM";
<a href="$Ekt$Gno$Eend">$ganes{$Gno}</a></div>
EOM
} elsif($gct{$Gno}) {
print <<"EOM";
<input type="checkbox" name="ct" value="$Gno" />$gane_NOT<a href="$Ekt$Gno$Eend">$ganes{$Gno}<small>[$gct{$Gno}]</small></a></div>
EOM
} else {
print <<"EOM";
<input type="checkbox" disabled=\"disabled\" />$gane_NOT$ganes{$Gno}<small>[$gct{$Gno}]</small></div>
EOM
}
}
# style.css(city)
396行目
height:25px;
をコメントアウト
/*height:25px;*/
以上。
いえ、誤解されるような言葉を使用したことは、二回目のmikemike7さんの言葉を受けて反省しています。
私が逆ギレしたのは、私が使っていない言葉を例(?)に出されたことにです。
何度も回答くださったのにすいません。
無事思い通りに出来ました。
お手を煩わせてしまってすいません、本当にありがとうございます。
No.2
- 回答日時:
>デフォルトでトップページに表示されているものです
参考ページではトップページは横並びじゃなくないですか?
http://www.w-art.org/download/search/
>今は詳細検索ページに移動させています
参考ページの詳細検索ページではそのような箇所はないです。
http://www.w-art.org/download/search/search.cgi
もしも質問者さんのサイト内でそうしているというなら
見えないのでわからないです。
検索結果画面のカテゴリ、トップページ、詳細検索ページ...
いろいろ出ているけど、どこを指しているのか全くわからない。
ご自身のサイトのページURLを載せるのが嫌なら、
参考ページ内のどのページが該当するのか、URLを提示するなり、
ご自身でキャプチャーしてイメージを載せるとか、
もう少し情報がないと全くわからない。
ちなみに参考ページは404多発ですが、
ttp://www.w-art.org/download/search/02.html
といったページなら
ttp://www.w-art.org/download/search/html/02.html
とすることでアクセスできます。
この回答への補足
何度も申し訳ありません。
下記URLが私の設置しているサーチの詳細検索ページです(問題解決後にURL変更予定)。
http://arimkh.kill.jp/Search_engine/search.cgi
私は検索“結果”画面とは言ってませんけど。
mikemike7さんの言葉を受けて新しく設置してみましたが(http://arimkh.kill.jp/search/)、やっぱり横並びですよ?
No.1
- 回答日時:
検索をした際のサイトが掲載されている枠内のカテゴリですよね?
これは単純にCSSの問題です。
DLには会員登録する必要があるようなので(登録までしたくない)、
構成など正確に把握できませんが、おそらく
html/style.css
の650行目付近にある、
#contents div.site_indication ul.category li {
margin:0 10px 0 0;
display:inline;
padding:0;
background:none;
}
で指定されています。
display : inline;
をコメントアウトするか、値をblockにすることで縦に並ぶと思います。
ただ、検索結果ページ意外でもカテゴリ内のページなどもこれは適応されることになると思います。
この回答への補足
言葉足らずで申し訳ありません。
“検索画面のカテゴリ”というのは、デフォルトでトップページに表示されているものです(今は詳細検索ページに移動させています)。
下記にある図のようにしたいのですが、どうすればいいのか分からず困っております。
■ 大カテゴリ名
――――――――――
中カテゴリ1 中カテゴリ3
└小カテゴリ1 └小カテゴリ1
中カテゴリ2 中カテゴリ4
└小カテゴリ1 ├小カテゴリ1
└小カテゴリ2
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- 写真・ビデオ iPhoneで撮影した動画の画角をキープした状態で容量を減らす方法。 3 2022/09/25 17:23
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
- その他(Microsoft Office) outlookのツールバーが縦になってしまいました。。。直す方法はないでしょうか 2 2023/01/16 09:17
- ホームページ作成・プログラミング グリッドレイアウトHTMLとCSS 1 2023/02/22 02:36
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- デスクトップパソコン Word 新規をえらぶと毎回用紙設定が「横」になっていて、、、デフォルトで「縦」に 2 2023/01/30 14:30
- 英語 Results: In total, 5,963 titles were identified wi 4 2022/12/29 21:29
- ホームページ作成・プログラミング 横にリンク先を3つ並べたいのです 3 2022/04/06 21:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlからパラメータで、cgiに渡...
-
フォントサイズを変えるには?
-
サーバー上のPDFにCGIでパスワ...
-
wordの数式について 定積分を書...
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
VB.net データーグリッドビュー...
-
select値をhiddenのvalueに渡し...
-
Perlでuse socketを使用してフ...
-
チェックボックスの返す値
-
postデータのあるページの再表示
-
[HTML]プルダウンメニューの横...
-
FORMのselectの選択肢を最初か...
-
一つの検索窓で複数のサイトか...
-
1つのformに2つのsubmitボタン
-
index.html(トップページ)か...
-
htmlでセルの値を取得して計算...
-
proftpdで困ってます。
-
Rubyのmechanizeを利用したファ...
-
別formのhidden項目を自form値...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlからパラメータで、cgiに渡...
-
metaタグについて
-
CGI経由でのPDFファイルをダウ...
-
sendmail 送信先を複数設定す...
-
perl/cgi リダイレクトができない
-
iis+cgiでmultipart/form-data...
-
フォントサイズを変えるには?
-
テキストエリアのインプットをP...
-
ホームページビルダーで作ったh...
-
cgi(perl) sendmailの使い方
-
CSVを読み込んでメニューを作成...
-
フォームメール(iモード用)で...
-
POST送信
-
CGIで~秒後にジャンプします。...
-
cgiについて教えて下さい。
-
CGI内でけいたいスマホの振り分け
-
CGIから表生成(1行に数件のデ...
-
ログファイルの編集についてお...
-
CGI
-
Yomi-Search追加機能で・・・
おすすめ情報