Tag Archives: Css

リストタグを横並びにしながら、インライン要素の特徴を知ろう

HPB操作画面リスト挿入

このあいだまでは、
インライン要素のAタグをブロックレベル要素にするという事してきましたが、
今度は、その逆をします。

ブロックレベルをインライン化です。

まず、リストを作りました!

こ、こ、こんどは、寿司屋かよ!

 


Continue Reading

サイトレイアウト
センタリング(中央配置)の仕方

明日は猫の日・猫イメージ画像

2カラムの続き「ヘッダーの設定」をと思ったのですが、センタリング(中央配置)の仕方について、ちょとだけ調べたので、忘れないうちに、書いておくことにしました。(日記かよ!)普段自分が使わない設定なので、勉強になったニャン!


 

Continue Reading

Operaで、レイアウトの勉強

Operaロゴマーク

芸は、習うより、盗め。
と、よくいいますが、ホームページ作りも、まさにそうです。
わかっているとは、思いますが、パクリってことじゃないですよ!
でも、ソース見ても、なんだか、難しくってさ……
そんな時こそ、Operaです!


Continue Reading

Q&A リストタグの装飾 2

ボタンのように端っこも押せるリンクの設定

サンプル画像

クリックする範囲が大きいことは、見栄えもよいですが、閲覧者にも親切だと思います。

時々間違え探しのような、まるで、こちらが試されているようなリンクや、ダミーリンクなどがありますが……大人の事情により以下略

←今回は、これを作ります。
サンプルページは、こちらからどうぞ



Continue Reading

1カラムの簡単なページを作る 1 はじめに

とても、簡単な、上のようなページをつくります。
もちろんCSS(スタイルシート)を使い、作っていきます。

実際のページは、こちらです。

Continue Reading

1カラムの簡単なページを作る3
ページの構造

前の記事
← ← ←1カラムの簡単なページを作る2 ホームページビルダーの設定

1カラムとは?

下の画像は、いわゆる1カラムと呼ばれる構造です。

ここでいう、カラム(column)とは、縦方向に並ぶ列のことを表す単位。段組みのことです。
1カラムなので、一列(もちろん縦)の構造ってこと! 
2カラムなら縦2列の構造になります。

まずは、1ページを作ることで、ホームページビルダーの操作や、HTMLタグ、スタイルシートなどに慣れてください。

Continue Reading

1カラムの簡単なページを作る6
一番外側の箱を作る

前の記事
← ← ← 1カラムの簡単なページを作る5 「背景の設定」

一番外側の大きな箱を作る

下の画像の赤い四角の箱をこれから作ります。
この中に、このページのメインである中身が、入るのです。

bl_1step_5.gif

Continue Reading