[B! HTML][*web] hmabuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hmabu id:hmabu

HTMLã¨*webã«é–¢ã™ã‚‹hmabuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã‚’æ§‹ç¯‰ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆ | ãƒ©ãƒ³ã‚µãƒ¼ã‚ºç¤¾é•·æ—¥è¨˜
ã„ã„ãï¼ 11 ãƒ„ã‚¤ãƒ¼ãƒˆ B! ã¯ã¦ãƒ– 734 Pocket 58 ã“ã“2ãƒ»3æ—¥ã€ã²ãŸã™ã‚‰è‰²ã€…ãªã‚µã‚¤ãƒˆã®ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã‚„ã‚³ãƒžãƒ¼ã‚¹ã‚µã‚¤ãƒˆã®è³¼å…¥ãƒ•ãƒãƒ¼ã‚’è¦‹ã¦ã„ã¾ã—ãŸã€‚ ã¾ãŸã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦èªžã£ã¦ã„ã‚‹ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã‚’ã¿ã¦ç ”ç©¶ã—ã¦ã„ã¾ã—ãŸã€‚ ã“ã†ã™ã‚Œã°ç™»éŒ²æ•°ãŒåŠ‡çš„ã«ä¸ŠãŒã‚‹ï¼ã¨ã‹ã€å£²ä¸ŠãŒä¸ŠãŒã‚‹ï¼ã¨ã„ã£ãŸæ–¹æ³•ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å°‘ã—ã ã‘ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å®‰å¿ƒæ„Ÿã‚’ä¸ŽãˆãŸã‚Šã€ã‚¹ãƒˆãƒ¬ã‚¹ã‚’å–ã‚Šé™¤ã„ãŸã‚Šã™ã‚‹æ–¹æ³•ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã—ã€è¦‹ã¦ã„ãŸã‚µã‚¤ãƒˆã§ã‚‚ç™»éŒ²ã—ã‚„ã™ã„ã‚µã‚¤ãƒˆã«ã¯å…±é€šç‚¹ãŒå¤šãã‚ã‚Šã¾ã—ãŸã€‚ å°‘ã—é‡ãŒå¤šã„ã§ã™ãŒã€è‡ªåˆ†ã§æ„è˜çš„ã«è¡Œã£ã¦ããŸã“ã¨ã€ç™»éŒ²ã—ã‚„ã™ã„ã‚µã‚¤ãƒˆã®å…±é€šç‚¹ã€ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã‚’ã¿ã¦å‚è€ƒã«ãªã‚‹ç‚¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 1ã¤1ã¤ã¯ã‚ˆãè¨€ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ã§ã€å¤§ã—ãŸã“ã¨ã‚ã‚Šã¾ã›ã‚“ãŒã€ã“ã†ã„ã£ãŸå°ã•ãªãƒ‡ã‚£ãƒ†ã‚£ãƒ¼ãƒ«ã«ã“ã ã‚ã£ã¦è¡ŒããŸã„ã¨æ€ã„ã¾ã™ã€‚ã‚±ãƒ¼ã‚¹ãƒã‚¤ã‚±ãƒ¼ã‚¹ã®å´é¢ã‚‚å¼·ã„ã®ã§ã™ãŒã€ä½•ã‹ã®å‚è€ƒã«ãªã‚Œã°ã¨æ€ã„
hmabu 2008/08/30
*web

ãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ•ã‚©ãƒ¼ãƒ

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

*webãƒ‡ã‚¶ã‚¤ãƒ³

*webåˆ¶ä½œ

*ã¾ã¨ã‚

design

form

html
ãƒªãƒ³ã‚¯
CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ™‚ã®ã‚ˆãã‚„ã‚‹å¤±æ•—ã¨å¯¾å‡¦æ³•ï½œWEBåˆ¶ä½œï¼ˆhtml,css(ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ) )ï½œãƒ—ãƒã‚°ãƒ©ãƒ ãƒ¡ãƒ¢
â– floatã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ãŸã¨ãã®ãƒœãƒƒã‚¯ã‚¹ã®é–“ã«éš™é–“ãŒå‡ºæ¥ã‚‹ â†’éš™é–“ãŒå‡ºæ¥ã‚‹ãƒœãƒƒã‚¯ã‚¹è¦ç´ å…¨ã¦ã« float è¦ç´ ã‚’è¿½åŠ â– <div>å†…ã«é…ç½®ã—ãŸ<img>ãŒ<div>ã‚ˆã‚Šã‚µã‚¤ã‚ºãŒå°ã•ã„ã¨éš™é–“ãŒå‡ºæ¥ã‚‹ â†’ ä¸‹è¨˜ã‚’è¿½åŠ img { display: block; } â– Win IEã ã‘ãšã‚Œã‚‹æ™‚ãŒã‚ã‚Šã€ãšã‚Œã‚‹å¤§ãã•ãŒãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦å¤‰ã‚ã‚‹ â†’ãšã‚Œã‚‹<div>ç‰ã« vertical-align ã‚’è¨å®šã™ã‚‹ï¼ˆtop åˆã¯ bottomï¼‰ â– <td>å†…ã®ãƒ•ã‚©ãƒ³ãƒˆãŒæ£ã—ãæŒ‡å®šã—ãŸã¨ãŠã‚Šã§ãªã„ï¼ˆWin IE Mac IEï¼‰ â†’<td>ã®ä¸ã«<span>ã‚’ã„ã‚Œã¦å¯¾å¿œã™ã‚‹ â– MacIEã§<div>ã‚’ floatã•ã›ã‚‹ã¨è¡¨ç¤ºãŒå´©ã‚Œã‚‹ã€‚ â†’ ãƒ•ãƒãƒ¼ãƒˆã•ã›ã‚‹div ã® width height å±žæ€§ã‚’æŒ‡å®šã™ã‚‹ â– <ul><li>ã§ç”»åƒãƒªãƒ³ã‚¯ã‚’ä½œæˆã—ãŸã¨ãã« WinIEã§ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹ã¨ éš™é–“
hmabu 2008/01/26
*css

ã‚ã¨ã§èªã‚€

*design

*tips

ã¾ã¨ã‚

ãƒ‡ã‚¶ã‚¤ãƒ³

*web

*webãƒ‡ã‚¶ã‚¤ãƒ³

*webåˆ¶ä½œ

html
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆã‚’è‡ªç”±ãªä½ç½®ã§æŠ˜ã‚Šè¿”ã›ã‚‹ã€ŒCSS Text Wrapperã€:phpspoté–‹ç™ºæ—¥èªŒ
CSS Text Wrapper The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle.ãƒ†ã‚ã‚¹ãƒˆã‚’è‡ªç”±ãªä½ç½®ã§æŠ˜ã‚Šè¿”ã›ã‚‹ã€ŒCSS Text Wrapperã€ã€‚ ãƒ†ã‚ã‚¹ãƒˆã‚’å††å½¢ç‰ã€å¥½ããªå½¢ã®ç¯„å›²å†…ã«åŽã‚ã‚‹ä»•çµ„ã¿ãŒè€ƒæ¡ˆã•ã‚ŒãŸã‚ˆã†ã§ã™ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€å††å½¢ã®ä¸ã«ãƒ†ã‚ã‚¹ãƒˆã‚’ä¸¦ã¹ã‚‹ç‰ã€ã¾ã•ã«è‡ªç”±è‡ªåœ¨ã§ã™ã€‚ æ˜”ã¯ã“ã†ã„ã£ãŸå½¢ã§ã®ãƒ†ã‚ã‚¹ãƒˆã¯ç©ºç™½ã‚’æŒŸã‚“ã ã‚Šã—ã¦å®Ÿç¾ã¯é›£ã—ã„ã¨æ€ã£ã¦ã„ã¾ã—ãŸãŒã€å®Ÿç¾ã§ãã‚‹ã‚“ã§ã™ãã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã®ã‚µã‚¤ãƒˆãªã‚“ã‹ã§æ´»ç”¨ã§ããã†ãªä»•çµ„ã¿ã§ã™ã€‚ ã“ã‚“ãªä»•çµ„ã¿ãŒã‚ã‚‹ã¨ã¯çŸ¥ã‚‰ãªã„äººã«è¦‹ã›ãŸã‚‰ã‚¢ãƒƒã¨é©šãã“ã¨é–“é•ã„ãªã„ã§ã—ã‚‡ã†ã€‚ ã¡ã‚‡ã£ã¨ã—ãŸã‚µãƒ—ãƒ©ã‚¤ã‚ºã‚’ä¸ŽãˆãŸã„å ´åˆã«ä½¿ãˆã¾ã™ãã€‚
hmabu 2007/12/08
*css

*web

css

design

html

js

text

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚ã¨ã§
ãƒªãƒ³ã‚¯
æ–°è¦ã‚µã‚¤ãƒˆåˆ¶ä½œã‚»ãƒƒãƒˆï¼ˆCSSãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼‹åŸºæœ¬ãƒ•ã‚©ãƒ«ãƒ€æ§‹é€ ï¼‹HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼‰ã€ä¸€å¼zipã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸ
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
hmabu 2007/09/30
ã‚µãƒ³ãƒ—ãƒ«

*css

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

ãƒ‡ã‚¶ã‚¤ãƒ³

*tips

ä¾¿åˆ©

*web

*webåˆ¶ä½œ

css

html

sample
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (23)

HTMLã¨*webã«é–¢ã™ã‚‹hmabuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (23)

HTMLã¨*webã«é–¢ã™ã‚‹hmabuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã‚’æ§‹ç¯‰ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆ | ãƒ©ãƒ³ã‚µãƒ¼ã‚ºç¤¾é•·æ—¥è¨˜

CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ™‚ã®ã‚ˆãã‚„ã‚‹å¤±æ•—ã¨å¯¾å‡¦æ³•ï½œWEBåˆ¶ä½œï¼ˆhtml,css(ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ) )ï½œãƒ—ãƒ­ã‚°ãƒ©ãƒ ãƒ¡ãƒ¢

ãƒ†ã‚­ã‚¹ãƒˆã‚’è‡ªç”±ãªä½ç½®ã§æŠ˜ã‚Šè¿”ã›ã‚‹ã€ŒCSS Text Wrapperã€:phpspoté–‹ç™ºæ—¥èªŒ

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (23)

HTMLã¨*webã«é–¢ã™ã‚‹hmabuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã‚’æ§‹ç¯‰ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆ | ãƒ©ãƒ³ã‚µãƒ¼ã‚ºç¤¾é•·æ—¥è¨˜

CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ™‚ã®ã‚ˆãã‚„ã‚‹å¤±æ•—ã¨å¯¾å‡¦æ³•ï½œWEBåˆ¶ä½œï¼ˆhtml,css(ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ) )ï½œãƒ—ãƒã‚°ãƒ©ãƒ ãƒ¡ãƒ¢

ãƒ†ã‚ã‚¹ãƒˆã‚’è‡ªç”±ãªä½ç½®ã§æŠ˜ã‚Šè¿”ã›ã‚‹ã€ŒCSS Text Wrapperã€:phpspoté–‹ç™ºæ—¥èªŒ

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹