mocoblog

デザイナー及びhtml知識をお持ちの方へ


html cssをいじくること数時間。

理想通りのデザインができない･･･。

ヘッダにあるカテゴリ＆検索エンジンはすぐできた。

htmlタグは
ヘッダの下にこれを書く
<tr>
<td id="header2" align="center">
<table border="0" cellspacing="0" summary="header3-a">
<tbody>
<tr>
<td class="header2-a" align="left">>
<!-- search -->
<form method="get" action="">
<!--category-->

<a href="<%category_link>" title="「<%category_name>」の一覧"><%category_name></a> | 
</div>
<!--/category-->
<br />
<input id="search" name="search" size="60" class="search" style="margin:0 3px;vertical-align:middle;" />
<input type="image" height="24" alt="mocoblog検索" width="121" src="http://blog-imgs-21.fc2.com/m/a/r/mariasite/kensaku.jpg" border="0" name="search" style="margin:0; vertical-align:middle;" />
</form>
<!-- /search/ -->
</td>
</tr>
</tbody>
</table>
</td>
</tr>

んでｃｓｓには

#header2 {
font-size: 12px;
height: 70px;
width: 770px;
background:
color:#1d3994;
padding: 0.3em 1em;
margin: 0;
border: 1px #9FB7D4 solid;
background:

url(http://blog-imgs-21.fc2.com/m/a/r/mariasite/header3-back-img.jpg);
background-position: left top;
background-repeat: repeat;
width: 100%;

これを書く。

以上!!!

ただもう一段階やりたいことが

カテゴリがそのまんま文字じゃ味気なくない？と思い





こんな感じにボタン上にしたかったが

これに苦戦!!

①横一列ではなく、全てのボタンが縦にならんでしまう･･･

②正常にリンクが飛ばない･･･エラーになってしまう･･･

なぜ！？　

これはOKWaveに聞くしかないかな。

何かの縁でこの記事を見た方は是非ご教授くださいませ。　　

mocoより



よかったら押していってください