2012年11月15日木曜日

ブロックのポジション

今日はブロックのポジション指定とブロックを使ったメニューを確認。blogger で文章中に使うことはないだろうけれど、自作ホームページ作成などには必要になるかもしれないし。。



  • ベースブロックの指定位置に表示
    段落 <p> とかは、デフォルトスタイル指定で上下左右にマージンが取られているのか。。
    
    

    りんご

    みかん
    ぶどう

    りんご

    みかん
    ぶどう

  • ブロックを並べてメニューの元を作成 ブロックの上にカーソルが来た時にバックグラウンドカラーを変更するには、hover 属性で変更か。。
    
    
      

  • サブメニューの非表示化
    
    
      

  • javascript でサブメニューの表示オン・オフ
    表示のオン・オフは動作するけれど、非表示エリアにマウスカーソルが乗っても反応してしまう。
    
    
    
      

  • カーソル反応位置の調整
    非表示エリアにマウスカーソルが乗っても反応しないように、postion : absolute を追加。しかし、アンカー<a>のサイズが文字サイズに。。
    
    
    
      

  • アンカーサイズの調整
    
    
    
      

0 件のコメント:

コメントを投稿