治療院の為のホームページ運営道場。民間療法/代替医療/手技療法に携わる全ての治療家の為に！

定義型リスト（dl,dt,dd）の横並びスタイル　08/06/02

dl、dt、ddの幅はご自身の環境に合わせて書き換えてください。

htmlソース

    
2008/06/02
    
CSS　dt、ddの横並びスタイル
    
2008/06/02
    
CSS　dt、ddの横並びスタイル
    
2008/06/02
    
CSS　dt、ddの横並びスタイル

スタイルシートソース

.dl01 {
    width: 450px;
}

.dl01 dt{
    color: #06F;
    font-weight: 800;
    float: left;
    margin: 0 0 5px 0;
    width: 120px;
}

.dl01 dd{
    float: right;
    margin: 0;
    width: 330px;
    margin: 0 0 5px 0;
}

リストを画像に変えてみよう　08/04/15

指定する画像ファイル名、画像場所はご自身の環境に合わせて書き換えてください。

htmlソース

	
内容がここにはいります。
    
内容がここにはいります。
    
内容がここにはいります。

スタイルシートソース

.ul02 {
	list-style-image: url(../images/ul01.gif);
}

リストのlist-styleを消してみよう　08/03/24

htmlソース

	
内容がここにはいります。
    
内容がここにはいります。
    
内容がここにはいります。

スタイルシートソース

.ul01 {
	list-style: none;
}