ファミリーレストランの面接の相手と
勤務表にサインをされる方がしばらくしてから前のポータルサイトの色に合わせているのかもしれないが、これだと色が薄くて見え辛いので、少し濃くするように、プルダウンを表示させる必要のないリンク(下層が無いリンク)は普通のリンクにするようにとおっしゃりました。
私はインターネットでプルダウンのリンクと普通のリンクの色を分ける方法を調べました。
ファミリーレストランの面接の相手と
勤務表にサインをされる方はプルダウンの項目の間が開いているので狭くするように、プルダウンの文字を小さくするようにとおっしゃりました。
私は
写真だけの結婚式の所で写真を撮った後に買った本で調べると行間を設定するにはline-height:を使えばいいと書いてあったので、私はプルダウンが使われているページのCSSの箇所にline-height:を設定しましたが、上手く行きませんでした…。
私は行間の事を調べているうちにプルダウの項目の文字が長すぎるとプルダウンの表示がおかしくなる事に気が付きましたが、DIV要素とline-height:を上手く使う事によって解決出来ました。
CSSの箇所
body {
line-height:170%;
font-size:11px;
}
div#line{
line-height:170%;
}
div#line2{
line-height:150%;
}
div#line3{
line-height:10%;
}
a#midasi{text-decoration:none}
a#midasi:link{color:#ffffff}
a#midasi:visited{color:#ffffff;}
a#midasi:hover{color:#ff0000;}
htmlの箇所
<div id="line3">
<div id="tree" style="background: #0000ff;padding:2px 4px;margin-left: 16px;width:48px(プルダウンの幅);line-height:150%;"><a href="sample.html" onclick="showHide2('SH-001','tree');" target="migi" id ="midasi">入館申請</a></div>
<span id="SH-001" style="display: none">
<div id="line">
<div id="line3">
<div id="line2" style="margin-left: 26px;"><a href="sample1.html" target="migi">サンプル1</a></div>
</div>
<div id="line3">
<div id="line2" style="margin-left: 26px;"><a href="sample2.html" target="migi">サンプル2</a></div>
</div>
</div>
</span>
</div>
しばらくして、
ファミリーレストランの面接の相手が左側のフレームを狭くして、右側のフレームを広げるように言われたので、私が左側のフレームを狭くして、右側のフレームを広げてもプルダウンの表示はおかしくなる事はありませんでした。
一部のリンクの下線を消す
http://oshiete.home4u.jp/qa115095.htmlホームページのリンク部のスタイルlink,visited,hover,activeをCSSに設定する。（Aタグの擬似クラス）
http://fiasco.ddo.jp/blog/2008/03/linkvisitedhoveractivecss.html PR
