<元証券マンmocoのwebに翻弄されているブログ>      忍者ブログ
09 2017/101 2 3 4 5 6 78 9 10 11 12 13 1415 16 17 18 19 20 2122 23 24 25 26 27 2829 30 31 11

10.18.08:56

[PR]
  • [CATEGORY:

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

ブログランキング・にほんブログ村へブログランキング【くつろぐ】

11.27.01:26

blogデザインに苦戦
  • [CATEGORY:web COMMENT:0 TRACKBACK0]

デザイナー及び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>

んでcssには

#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%;

これを書く。

以上!!!

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

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

bt_moco_web.gifbt_moco_web3.gifbt_moco_web2.gif



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

これに苦戦!!

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

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

なぜ!? 

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

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

mocoより



よかったら押していってください ブログランキング・にほんブログ村へ
PR
ブログランキング・にほんブログ村へブログランキング【くつろぐ】
URL
FONT COLOR
COMMENT
Vodafone絵文字 i-mode絵文字 Ezweb絵文字
PASS

TRACK BACK

トラックバックURLはこちら
携帯アクセス解析