dt ddを使って、新着情報や更新情報の表示部分を作る

どんなサイトを作っていても、必ず使うのが新着情報や更新情報などを載せる部分。

通常トップページにあると思いますが、これらをマークアップする時にdt ddを使ってデザインする方法があるのですが、どうも今までのやり方だと気に入らない部分があって、liなんかを使って作る場合もあったのですが、今日この記事をみて目から鱗が落ちました。

dtをfloatする場合の注意点

今度からこれを使おうと決めたので、メモ。

HTMLはこんな感じです。

これに以下のCSSを当ててあげます。

横方向の指定にemを使うって部分と、ddにborder指定をして、文字のスペースをpaddingで取るって所で目から鱗が落ちました。

ステキです。

HTMLとCSSは今までの経験で書いてきた範囲でなんとかなってる部分が多いので、最近新しい発見って中々無いのですが、やっぱりまだまだ勉強が足りませんね。精進しよっと。

このページのトップに戻る
投稿日:2008/5/13  投稿者:go  

usacomm

said

2008/9/2222:56:35

[URL=http://syscommusa.com/info-Adobe_Creative_Suite_2_Premium.html]where to buy Adobe Creative Suite 2 Premium[/URL]

Rustemacl

said

2008/9/2521:26:45

[URL=http://xcheap.info/info-Cakewalk_Rapture_Expansion_Pack_2.html]buying Cakewalk Rapture Expansion Pack 2 software[/URL]

MadMark

said

2008/9/2912:56:56

[URL=http://oemstore.biz/info-McAfee_QuickClean_5.0.html]McAfee QuickClean 5.0[/URL]

Costa Rica

said

2008/9/3016:23:30

Moinkankhoona

said

2008/10/49:05:23

How i may contact admin this site? I have a question.
iijiivei

Staphychiat

said

2008/10/229:31:44

grand casino hinckley buffet internet gambling drifter slot download

Staphychiat

said

2008/10/229:36:15

walking stick casino [url=http://www.planetphotoshop.com/forum/member.php?u=7743]internet gambling[/url] concerts at cherokee casino

Tramadol_Prumulteliext

said

2008/10/270:32:48

Your Web Site is really wonderful and I bookmarked it. Thank your for the hard work you must have put in to create this wonderful facility. Keep up the excellent work!

MarioKnesser

said

2008/10/293:48:51

[URL=http://downloads-cheap.com/info-Steinberg_WaveLab_5.01b.html]Steinberg WaveLab 5.01b[/URL]

mimmerbineectp

said

2008/11/214:04:32

[url=http://biba05.ru/?xxx=lesbian][b][color=red]UNBELIEVABLE QUALITY!! - IN HIGH DEFINITION & WITH 1000′S OF ASIAN MOVIES TO DOWNLOAD TO YOUR HARDDISK![/color][/b][/url]

Lapsiks

said

2008/11/910:24:40

[URL=http://cheapdownload.org/info-Macromedia_Dreamweaver_MX_2004.html]download Macromedia Dreamweaver MX 2004 software[/URL]

BalKalaTara

said

2008/11/135:19:53

Hi there!
My first post at this great blog!
I wanna show u my dayly updated blog: Black Amateur Fuck Video
Have a nice day!
BB!

P.S. if you don’t want to see this message please write me to no.ads08@gmail.com with subject “NO ADS” and URL of your forum
Thank you for cooperation!

DyennyRof

said

2008/11/1518:58:42

to: Admin - If You want to delete your site from my spam list, please sent url of your domain to my emai: stop.spam.today@gmail.com
And I will remove your site from my base within 24 hours
webmastegz

DyennyRof

said

2008/11/173:31:59

to: Admin - If You want to delete your site from my spam list, please sent url of your domain to my e-mail: stop.spam.today@gmail.com
And I will remove your site from my base within 24 hours
webmastegz

Add your comment



comments

TrackBack URL

このページのトップに戻る

Online pharmacy buy cialis.

2008/7/2022:22:09

Cialis best price buy online….

Buy cialis generic online cialis cheap cialis. Cialis in uk online. Cialis buy ciali (more…)

Buy cialis.

2008/7/221:07:21

Cialis best price buy online….

Buy cialis online. Buy cialis. Cialis best price buy online. (more…)

Cymbalta.

2008/7/2215:13:02

Cymbalta medication….

Cymbalta side effects. Cymbalta graph sheet. Cymbalta compared to effexor. Cymbalta (more…)

Buy ultram.

2008/7/233:52:33

Buy ultram cheapest site….

Can you buy ultram in mexico. Buy ultram. (more…)

Cheap tramadol.

2008/7/240:29:35

Tramadol….

Lowest price tramadol. Tramadol. (more…)

Drug called cialis.

2008/7/246:26:25

Effectiveness comparison levit…

Cialis injury attorney ohio. Asprin and cialis. Viagra vs cialis. Buy cialis. Cialis (more…)

Celebrity diet and workout.

2008/7/2418:02:57

Celebrity diet….

Celebrity fit club diet. What s your celebrity diet. (more…)

Cialis.

2008/7/2419:31:40

Cialis….

Cialis american pharmacy. Buy cialis. Will cialis make my flaccid length longer. Gen (more…)

Cialis and pill splitting.

2008/7/267:37:32

Cialis….

Cialis effects. Cialis side effects. Cialis. (more…)

Cialis.

2008/7/2614:32:21

Cialis….

Cialis 20mg. Cialis best price buy online. Cialis like medications. Cialis. (more…)

Ephedra.

2008/7/279:57:02

Wyoming ephedra lawyer….

Purchase ephedra online. Ephedra pills. Colorado ephedra lawyer. (more…)

Ambien.

2008/7/298:22:06

Ambien….

Ambien side effects. Ambien online. Ambien overnight. Ambien lethal. Ambien. (more…)

Phentermine ingredient.

2008/7/305:48:04

Phentermine blue….

Phentermine. Phentermine side effects. Danger of phentermine. Phentermine no prescri (more…)

Purchase phentermine.

2008/7/3010:10:59

Phentermine….

Phentermine online. No prescription phentermine. (more…)

Buy phentermine with mastercar…

Buy phentermine. Buy phentermine online. Mg buy phentermine. Buy phentermine diet pi (more…)

Tramadol sale.

2008/7/315:59:41

Tramadol sale….

Tramadol sale. (more…)

Celebrity nude photo….

Free celebrity nude photo galleries. Celebrity look alike upload own photo. Free vin (more…)

bnzozonyruwi

2008/8/115:24:22

titreruzeperu…

exxyserozoro (more…)

Tramadol fda.

2008/8/28:47:03

Tramadol cod….

Buy tramadol index. Buy tramadol online save wholesale price yep. Tramadol dog. (more…)

Phentermine for sale….

Phentermine for sale best buy. Phentermine for sale. (more…)

48a1fba09a

2008/8/136:08:42

48a1fba09a…

48a1fba09a (more…)

Viagra stories

2008/8/1322:26:02

Viagra stories…

Viagra stories (more…)

Viagra pills

2008/8/1322:27:35

Viagra pills…

Viagra pills (more…)

Companies viagra

2008/8/1322:29:11

Companies viagra…

Companies viagra (more…)

Buy viagra viagra impotence bu…

Buy viagra viagra impotence buyviagra (more…)

Generic viagra san francisco

2008/8/1322:32:11

Generic viagra san francisco…

Generic viagra san francisco (more…)

Viagra starting at 29

2008/8/1322:33:48

Viagra starting at 29…

Viagra starting at 29 (more…)

Viagra online

2008/8/1322:35:26

Viagra online…

Viagra online (more…)

The man the myth the viagra

2008/8/1322:36:56

The man the myth the viagra…

The man the myth the viagra (more…)

Viagra blindness vision loss n…

Viagra blindness vision loss naion side effects (more…)

200mg dosage tramadol

2008/8/140:40:23

200mg dosage tramadol…

200mg dosage tramadol (more…)

Dilaudid versus tramadol

2008/8/140:41:48

Dilaudid versus tramadol…

Dilaudid versus tramadol (more…)

Buy online cheap and fast tram…

Buy online cheap and fast tramadol (more…)

Online prescriptions shipped t…

Online prescriptions shipped to florida (more…)

Hydromorphone canine

2008/8/140:46:21

Hydromorphone canine…

Hydromorphone canine (more…)

Dialaudid no rx

2008/8/140:47:40

Dialaudid no rx…

Dialaudid no rx (more…)

Buy acepromazine non script

2008/8/140:49:06

Buy acepromazine non script…

Buy acepromazine non script (more…)

United states ultram echeck

2008/8/140:50:44

United states ultram echeck…

United states ultram echeck (more…)

Online medications without pre…

Online medications without prescription (more…)

Acepromazine tablets overseas…

Acepromazine tablets overseas (more…)

Painkillers without prescripti…

Painkillers without prescriptions (more…)

Pain medicine for dogs without…

Pain medicine for dogs without prescription (more…)

Buy liquid acepromazine non pr…

Buy liquid acepromazine non prescription (more…)

Tylenol or advil

2008/8/140:59:30

Tylenol or advil…

Tylenol or advil (more…)

Purchase dilaudid

2008/8/141:01:07

Purchase dilaudid…

Purchase dilaudid (more…)

Canine pain medication on-line…

Canine pain medication on-line (more…)

Tramadol experience

2008/8/141:04:10

Tramadol experience…

Tramadol experience (more…)

Dilaudid mexico

2008/8/141:05:30

Dilaudid mexico…

Dilaudid mexico (more…)

Rx online without prescription…

Rx online without prescription (more…)

Dilaudid next day shipment no …

Dilaudid next day shipment no cost (more…)

Extended release tramadol no p…

Extended release tramadol no prescription (more…)

No prescription on acepromazin…

No prescription on acepromazine (more…)

Canine use of acepromazine and…

Canine use of acepromazine and tramadol (more…)

Indian hydro pills

2008/8/141:14:20

Indian hydro pills…

Indian hydro pills (more…)

Indian pharmacies no prescript…

Indian pharmacies no prescription (more…)

Tramadol extended relief dogs…

Tramadol extended relief dogs (more…)

Order cheap pain medicine onli…

Order cheap pain medicine online with cod delivery (more…)

Cod tramadol overnight cheap…

Cod tramadol overnight cheap (more…)

Purchase dilaudid on line

2008/8/141:21:30

Purchase dilaudid on line…

Purchase dilaudid on line (more…)

Tramadol without prescription…

Tramadol without prescription (more…)

Buy liquid acepromazine non pr…

Buy liquid acepromazine non prescription (more…)

Dilaudid non prescription onli…

Dilaudid non prescription online (more…)

Acepromazine pills

2008/8/141:27:58

Acepromazine pills…

Acepromazine pills (more…)

No prescription acepromazine…

No prescription acepromazine (more…)

How to get a dilaudid prescrip…

How to get a dilaudid prescription (more…)

Canine pain medication hydromo…

Canine pain medication hydromorphone (more…)

No rx acepromazine

2008/8/141:33:49

No rx acepromazine…

No rx acepromazine (more…)

Tramadol pain medicine

2008/8/141:35:11

Tramadol pain medicine…

Tramadol pain medicine (more…)

Acepromozine online

2008/8/141:36:40

Acepromozine online…

Acepromozine online (more…)

Tramadol 200 mg

2008/8/141:38:05

Tramadol 200 mg…

Tramadol 200 mg (more…)

Order rx from mexico

2008/8/141:39:33

Order rx from mexico…

Order rx from mexico (more…)

Can soma be shipped to florida…

Can soma be shipped to florida (more…)

No perscription hydro

2008/8/141:42:53

No perscription hydro…

No perscription hydro (more…)

Hydromorphone order

2008/8/141:44:18

Hydromorphone order…

Hydromorphone order (more…)

Acepromazine to get prescripti…

Acepromazine to get prescription and buy online (more…)

Buy dilaudid no rx

2008/8/141:47:16

Buy dilaudid no rx…

Buy dilaudid no rx (more…)

Oral acepromazine

2008/8/141:48:43

Oral acepromazine…

Oral acepromazine (more…)

Perscriptions from mexico

2008/8/141:49:58

Perscriptions from mexico…

Perscriptions from mexico (more…)

Tramadol hcl dangers

2008/8/141:51:26

Tramadol hcl dangers…

Tramadol hcl dangers (more…)

Tramadol hexal

2008/8/141:52:57

Tramadol hexal…

Tramadol hexal (more…)

Dilaudid on line

2008/8/141:54:33

Dilaudid on line…

Dilaudid on line (more…)

Prescription tablets on line…

Prescription tablets on line (more…)

Acepromazine no prescription o…

Acepromazine no prescription overseas pharmacies (more…)

Tramadol + ups deliver

2008/8/141:58:58

Tramadol + ups deliver…

Tramadol + ups deliver (more…)

What is the cost of hydromorph…

What is the cost of hydromorphone (more…)

Cash on delivery tramadol

2008/8/142:01:46

Cash on delivery tramadol…

Cash on delivery tramadol (more…)

Tramadol snorting

2008/8/142:03:25

Tramadol snorting…

Tramadol snorting (more…)

Obtaining online prescription …

Obtaining online prescription for dilaudud (more…)

Painkillers without presciptio…

Painkillers without presciption (more…)

Grunenthal tramadol

2008/8/142:07:58

Grunenthal tramadol…

Grunenthal tramadol (more…)

Overnight dilaudid

2008/8/142:09:25

Overnight dilaudid…

Overnight dilaudid (more…)

Buy dilaudid hydromorphone

2008/8/142:10:52

Buy dilaudid hydromorphone…

Buy dilaudid hydromorphone (more…)

Tramadol hcl 50mg tablet

2008/8/142:12:15

Tramadol hcl 50mg tablet…

Tramadol hcl 50mg tablet (more…)

Tramadol shipped overnight

2008/8/142:13:41

Tramadol shipped overnight…

Tramadol shipped overnight (more…)

Tramadol shipped to florida

2008/8/142:15:15

Tramadol shipped to florida…

Tramadol shipped to florida (more…)

Purchase hydromorphone hcl wit…

Purchase hydromorphone hcl without prescription (more…)

Ultram without a prescription…

Ultram without a prescription (more…)

All states delivery tramadol…

All states delivery tramadol (more…)

Buy hydromorphone in mexico

2008/8/142:21:01

Buy hydromorphone in mexico…

Buy hydromorphone in mexico (more…)

<