[B! html] Yam-Namã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Yam-Nam id:Yam-Nam

htmlã«é–¢ã™ã‚‹Yam-Namã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (16)

${{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}}

CSSã®font-familyæŒ‡å®šã¯ã“ã‚Œã§æ±ºã¾ã‚Šï¼ï¼ˆ2013å†¬ï¼‰ - é è¿‘æ³•ãƒŽãƒ¼ãƒˆ
è¿½è¨˜ï¼šæœ€åˆã€ã†ã£ã‹ã‚Šã€Œ2013å†¬ã€ã£ã¦æ›¸ã„ã¦ã—ã¾ã£ãŸã‚“ã§ã™ã‘ã©ã€ã»ã‚“ã¨ã¯ã€Œæ˜¥ã€ã¨æ›¸ã‹ãªãã‚ƒã„ã‘ã¾ã›ã‚“ã§ã—ãŸï¼ˆæ±—ï¼‰*1 ã¨ã‚Šã‚ãˆãšä»Šã€CSSã®font-familyã§ãƒ•ã‚©ãƒ³ãƒˆã‚’æŒ‡å®šã™ã‚‹ãªã‚‰ã°ã€ã“ã‚Œã§æ±ºã¾ã‚Šï¼ˆä¸€ç•ªä¸‹ã®è¿½è¨˜ã‚‚å‚ç…§ã§ï¼‰ã€‚ font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ ProN W3', Meiryo, ãƒ¡ã‚¤ãƒªã‚ª, sans-serif;CSSã®font-familyæŒ‡å®šã€ã€Œã‚ãˆã¦ãƒ•ã‚©ãƒ³ãƒˆã‚’æŒ‡å®šã—ãªã„ã€ã£ã¦ã„ã†ã‚„ã‚Šæ–¹ã‚‚ã‚¢ãƒªã§ã™ãŒã€ã„ã‚ã„ã‚ãªäº‹æƒ…ã§ãã†ã‚‚è¨€ã£ã¦ã‚‰ã‚Œã¾ã›ã‚“ã€‚ã¨ã‚Šã‚ãˆãšä»Šç¾åœ¨ã®æœ€é©font-familyæŒ‡å®šã‚’è€ƒãˆã¦ã¿ãŸã¨ã“ã‚ã€ä¸Šã®ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ æŒ‡å®šé †åºã€å…¥ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã€å…¥ã‚Œã¦ãªã„ãƒ•ã‚©ãƒ³ãƒˆã€ã™ã¹ã¦ã«æ„å‘³ãŒã‚ã‚Šã¾ã™ã€‚ ä»¥ä¸‹èª¬æ˜Žã€‚ ãƒ’ãƒ©ã‚®ãƒŽã¯Proã§ã¯ãªãProNã€‚ OS Xã®å’Œæ–‡æ¨™æº–ãƒ•ã‚©
Yam-Nam 2013/07/09
æœ€æ–°ã®HTMLã€€font-familyè¨å®š

ãƒ•ã‚©ãƒ³ãƒˆ

font

html
ãƒªãƒ³ã‚¯
ãƒ•ãƒƒã‚¿ãƒ¼ã‚’å›ºå®šã«ã—ãŸã‚µãƒ³ãƒ—ãƒ« | CSS Lecture
Yam-Nam 2011/08/26
ãƒ•ãƒƒã‚¿ãƒ¼å›ºå®š

css

html
ãƒªãƒ³ã‚¯
[ ï¿½ï¿½ï¿½ï¿½Ë¡ï¿½ï¿½Åªï¿½ï¿½ï¿½ KAYAC BM11 ] wmode=transparent ï¿½ï¿½ï¿½ï¿½Ñ¥Æ¥ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ï¤ï¿½ï¿½ï¿½Ë¤Ï¡ï¿½
---- level0 ï¿½ï¿½ï¿½ï¿½ï¿½Å¾ï¿½Ü¤Ç¤ï¿½ ---- wmode=trancate ï¿½ï¿½ï¿½ï¿½Ñ¥Æ¥ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ï¤ï¿½ï¿½ï¿½Ë¤Ï¡ï¿½ IE ï¿½ï¿½ wmode=transparent ï¿½ï¿½ flash ï¿½ï¿½ï¿½ï¿½Ñ¥Æ¥ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ï¤ï¿½ï¿½ï¿½ï¿½É½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Æ¤ï¿½ï¿½Þ¤ï¿½ï¿½Þ¤ï¿½ (http://www.adobe.com/jp/support/flash/ts/documents/fl0260.html)ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ï¡Ö¥Æ¥ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ï¥ï¿½ï¿½Ú¡ï¿½ï¿½ï¿½ï¿½Î¤ï¿½ï¿½ï¿½Ö¥ï¿½ï¿½Ñ¡ï¿½ï¿½Ä¤ï¿½ï¿½Ø·ï¿½Æ©ï¿½á¤·ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½É¡ï¿½ï¿½ï¿½ï¿½×¤È¤ï¿½ï¿½ï¿½ï¿½È¤ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Æ¬ï¿½ï¿½Çºï¿½Þ¤ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ê¤Î¤Ç¤ï¿½ï¿½ï¿½ï¿½ï¿½IE ï¿½Ç¾ï¿½ê¤¯É½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ê¤ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Î®ï¿½Ð¤Ë¤ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ú¤ï¿½Î¤Æ¤ï¿½Î¤Ï¥ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ó¥°¥ï¥¤ï¿½ï¿½É¥ï¿½ï¿½ï¿½ï¿½É¤ï¿½ï¿½ï¿½ï¿½ï¿½Î¤Ç¤Ê¤ï¿½È¤ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½È¤ï¿½ï¿½ï¿½Ç¤ï¿½ï¿½ï¿½ ï¿½Ç¡ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ë¡ï¿½È¤ï¿½ï¿½ï¿½ï¿½ï¿½ê¡¢ï¿½ï¿½ï¿½ï¿½Åªï¿½
Yam-Nam 2009/04/14
wmode=transparent ã§å…¨è§’ãƒ†ã‚ã‚¹ãƒˆå…¥åŠ›

HTML

javascript

flash
ãƒªãƒ³ã‚¯
ï¼¨ï¼´ï¼ï¼¬
ï¼¨ï¼´ï¼ï¼¬HyperText Markup LanguageåŸºæœ¬æ§‹é€ ã‚¿ã‚°ãƒ˜ãƒƒãƒ€å†…ã‚¿ã‚°ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚¿ã‚°ç”»åƒã‚¿ã‚°æ°´å¹³ç·šã‚¿ã‚°ãƒªãƒ³ã‚¯ã‚¿ã‚°æ–‡å—ã‚¿ã‚°ãƒªã‚¹ãƒˆã‚¿ã‚°ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¿ã‚°ãƒ†ãƒ¼ãƒ–ãƒ«ã‚¿ã‚°ãƒ•ã‚©ãƒ¼ãƒ ã‚¿ã‚°ãã®ä»–ã‚¿ã‚°å¿œç”¨ã‚¿ã‚°ezå¯¾å¿œã‚¿ã‚°èƒŒæ™¯ç”»åƒåŸºæœ¬æ§‹é€ è¦ç´ ãƒ˜ãƒƒãƒ€å†…è¦ç´ ï½²ï¾ï¾—ï½²ï¾ï¾šï¾ï¾žï¾™è¦ç´ ï¾Œï¾žï¾›ï½¯ï½¸ï¾šï¾ï¾žï¾™è¦ç´ è¨˜è¿°å ´æ‰€é™å®šè¦ç´ æºå¸¯ç‹¬è‡ªå¯¾å¿œè¦ç´ ï¼·ï¼ï¼¬ï¼£ï¼³ï¼³ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ï¼£ï¼³ï¼³MIMEã‚¿ã‚¤ãƒ—è¨€èªžã‚³ãƒ¼ãƒ‰å±žæ€§ä¸€è¦§é–¢é€£ç”¨èªžç‰¹æ®Šæ–‡å—åˆå¿ƒè€…ç”¨ã‚¿ã‚°ãŠã¾ã‘HTMLã‚¿ã‚°æºå¸¯â€ ç´ æpageï¼‹Î±Sweetâ˜…Sozaiï¼£ï¼¯ï¼¬ï¼¯ï¼²ç„¡æ–™ãƒ¬ãƒ³ã‚¿ãƒ«æ¡ˆå†…ã‚¢ã‚¯ã‚»ã‚¹ã‚¢ãƒƒãƒ—ã«ã©ã†ãž äººæ°—ãƒ–ãƒã‚°ãƒ©ãƒ³ã‚ãƒ³ã‚° ãƒ–ãƒã‚°äººæ°—ã‚µã‚¤ãƒˆãƒ©ãƒ³ã‚ãƒ³ã‚° äººæ°—ãƒ–ãƒã‚°Ranking å€‹äººãƒ–ãƒã‚°äººæ°—ãƒ©ãƒ³ã‚ãƒ³ã‚° ã¿ã‚“ãªã®ãƒ–ãƒã‚°ãƒ©ãƒ³ã‚ãƒ³ã‚° ãƒªãƒ³ã‚¯ãƒ•ãƒªãƒ¼ <a href="http://htmltag.2.tool.ms/">ï¼¨ï¼´ï¼ï¼¬</a> mono spaceaccessÃ—referer
Yam-Nam 2009/03/04
ã‚³ãƒ”ãƒšã™ã‚‹æºå¸¯ã‚¿ã‚°ä¸€è¦§

webåˆ¶ä½œ

æºå¸¯

HTML
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã›
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› ã„ã¤ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”åˆ©ç”¨ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ãŠå®¢æ§˜ãŒã‚¢ã‚¯ã‚»ã‚¹ã•ã‚ŒãŸã‚µãƒ¼ãƒ“ã‚¹ã¯æœ¬æ—¥ã¾ã§ã«ã‚µãƒ¼ãƒ“ã‚¹ã‚’çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ä»Šå¾Œã¨ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”æ„›é¡§ãã ã•ã„ã¾ã™ã‚ˆã†ã€ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚
Yam-Nam 2009/02/07
ç”»åƒã§å›²ã¾ã‚ŒãŸãƒ†ãƒ¼ãƒ–ãƒ«

HTML

table
ãƒªãƒ³ã‚¯
åŸºæœ¬çš„ãªãƒ•ã‚©ãƒ¼ãƒ -- ã”ãç°¡å˜ãªHTMLã®èª¬æ˜Ž
ã“ã®ä¾‹ã‚’ã‚‚ã¨ã«ã€HTMLã®ãƒ•ã‚©ãƒ¼ãƒ ã‚’æ§‹æˆã™ã‚‹è¦ç´ ã‚’é †ç•ªã«èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ã“ã®ä¾‹ã®HTMLå…¨ä½“ã¯ã€æœ¬ç« ã®æœ€å¾Œã§æ”¹ã‚ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã®åŸºæœ¬æž çµ„ã¿ ãƒ‡ãƒ¼ã‚¿ã‚’é€ä¿¡ã™ã‚‹ãŸã‚ã«ã¯ã€Œä½•ã‚’ã€ã€Œã©ã“ã«ã€ã€Œã©ã†ã‚„ã£ã¦ã€é€ã‚‹ã‹ã‚’ç¤ºã•ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ãƒ•ã‚©ãƒ¼ãƒ ã¯ã“ã®ãŸã‚ã®æ‰‹æ®µã‚’æä¾›ã—ã¾ã™ã€‚ HTMLã®ãƒ•ã‚©ãƒ¼ãƒ ã¯ã€ãƒ‡ãƒ¼ã‚¿ã‚’å…¥åŠ›ã™ã‚‹ãŸã‚ã®æ‰‹æ®µï¼ˆã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã¨å‘¼ã³ã¾ã™ï¼‰ã¨ã€ãã‚Œã«é–¢ã™ã‚‹ãƒ©ãƒ™ãƒ«ã‚„èª¬æ˜Žã‹ã‚‰æ§‹æˆã•ã‚Œã‚‹ã²ã¨ã¾ã¨ã¾ã‚Šã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã§ã™ã€‚ã€Œä½•ã‚’ã€é€ä¿¡ã™ã‚‹ã‹ã‚’ç¤ºã™ãŸã‚ã«ã“ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®ç¯„å›²ã‚’æ˜Žç¤ºã—ã€ã€Œã©ã“ã«ã€ã€Œã©ã†ã‚„ã£ã¦ã€é€ä¿¡ã™ã‚‹ã‹ã‚’è¨å®šã—ã¾ã™ã€‚ã“ã®æž çµ„ã¿ã‚’æä¾›ã™ã‚‹ã®ãŒformè¦ç´ ã§ã™ã€‚ formè¦ç´ ã®æ§‹é€ formè¦ç´ ã‚¿ã‚¤ãƒ—ã¯2ã¤ã®ä¸»è¦ãªå±žæ€§ã‚’æŒã¡ã¾ã™ã€‚ã²ã¨ã¤ã¯ã€Œã©ã“ã«ã€ã€ã¤ã¾ã‚Šãƒ‡ãƒ¼ã‚¿ã‚’å—ã‘å–ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æŒ‡å®šã™ã‚‹actionå±žæ€§ã€ã‚‚ã†ã²ã¨ã¤ãŒã€Œã©ã†ã‚„ã£ã¦ã€ã€ã¤ã¾ã‚Šãƒ‡ãƒ¼ã‚¿ã®é€ä¿¡æ–¹æ³•ã‚’æŒ‡å®šã™ã‚‹methodå±ž
Yam-Nam 2009/01/26
form

HTML
ãƒªãƒ³ã‚¯
èƒŒæ™¯ãŒé€æ˜Žãªãƒ•ãƒ©ãƒƒã‚·ãƒ¥ãƒ•ã‚¡ã‚¤ãƒ«ã®ä½œã‚Šæ–¹ / ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼
æŠ•ç¨¿æ—¥ï¼š2006å¹´6æœˆ18æ—¥ã€€ã€€ã€€ãƒ¬ãƒ™ãƒ«ï¼šä¸ç´šã€€ã€€ã€€ã€€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼š èƒŒæ™¯ãŒé€æ˜Žãªãƒ•ãƒ©ãƒƒã‚·ãƒ¥ãƒ•ã‚¡ã‚¤ãƒ«ã®ä½œã‚Šæ–¹ã«ã¯2ã¤ã®æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ 1ã¤ã¯ã€ãƒ‘ãƒ–ãƒªãƒƒã‚·ãƒ¥ã®éš›ã«é€æ˜Žãªãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦ã€Macromedia Flashã‹ã‚‰HTMLã«ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã“ã§ã¯2ã¤ã®æ–¹æ³•ã€ä¸¡æ–¹ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ é€æ˜ŽãªFlashã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ Internet Explore 3ä»¥ä¸Šã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³(Windows) Internet Explore 5.1ã€5.2ï¼Š(Mac) Netscape 7.0ï¼Š Mozillla 1.0ä»¥ä¸Šã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ï¼Š AOLï¼Š CompuServeï¼Š ï¼ŠMacromedia Flash Playerã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³6ã€0ã€65ã€0(Windows)ã‚‚ã—ãã¯6ã€0ã€67ã€0(Mac)ãªã©ãŒå¿…è¦ã«ã¾ã‚Šã¾ã™ã€‚ 1.æœ€åˆã«ã€é€æ˜ŽãªFlashãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ‘ãƒ–ãƒªãƒƒã‚·ãƒ¥ã—ã¦
Yam-Nam 2009/01/22
ã€€HTMLã¸swfã‚’è²¼ã‚Šä»˜ã‘ã‚‹

actionscript

HTML
ãƒªãƒ³ã‚¯
ulã‚¿ã‚°ã§ç¸¦ä¸¦ã³ã®ãƒœã‚¿ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã‚‹ - CSS Tips - ä»®æƒ³ç©ºé–“
Yam-Nam 2009/01/22
ã€€ç¸¦ä¸¦ã³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€€ã‚·ãƒ³ãƒ—ãƒ«

css

HTML
ãƒªãƒ³ã‚¯
CSS ãƒ¡ãƒ‹ãƒ¥ãƒ¼æ¨ªä¸¦ã³ãƒœã‚¿ãƒ³ - 3ping.org
2007-01/20æ›´æ–°ã—ã¾ã—ãŸã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ç›´ã—ã¦ãƒœã‚¿ãƒ³åŒ–ã®æ–¹æ³•ã‚’å¤‰ãˆã¾ã—ãŸã€‚åŸºæœ¬CSSãƒœã‚¿ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨åŒã˜æ–¹æ³•ã§ã€floatã¨floatã«ã‚ˆã‚‹ã‚¯ãƒªã‚¢ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã®ã‚³ãƒ¼ãƒ‰ã‚‚å«ã‚ã¾ã—ãŸã€‚ã“ã‚Œã«ã‚ˆã‚Šã€ã‚³ãƒ”ãƒšã§å•é¡Œãªãä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ å¤‰æ›´ç‚¹ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ floatã‚’ã‚¯ãƒªã‚¢ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚‚å«ã‚ãŸã€‚ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«ã¯MacIEã«å¯¾å¿œã™ã‚‹å ´åˆã®è¿½åŠ ã‚³ãƒ¼ãƒ‰ã‚‚è¨˜è¿° aè¦ç´ ã«widthã‚’æŒ‡å®šã—ã¦ã„ãŸã®ã‚’ã€è¦ªè¦ç´ ã«å¤‰æ›´ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€aè¦ç´ ã«ã¯å·¦å³ã«paddingãŒæŒ‡å®šã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ HTMLå´ã§ulã¨liã®ã‚»ãƒƒãƒˆã®ã¿ã§ãƒœã‚¿ãƒ³åŒ–ã§ãã‚‹ã‚ˆã†ã«ã—ãŸã€‚ ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®è¨˜è¿°é †åºã‚’å¤‰æ›´ <ul id="globalNavi"> <li><a href="./">List1</a></li> <li><a href="./">List2</a></li> <li><a href="./">Lis
Yam-Nam 2009/01/22
ã€€æ¨ªä¸¦ã³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€€ã‚·ãƒ³ãƒ—ãƒ«

css

HTML
ãƒªãƒ³ã‚¯
å¤–éƒ¨CSS/JsåŒ–ï¼šã‚¿ã‚°ã‚’ãã‚Œã„ã«ã™ã‚‹ - HTMLã‚¿ã‚°ãƒœãƒ¼ãƒ‰
Yam-Nam 2009/01/22
å¤–éƒ¨CSSãƒ»å¤–éƒ¨JSã®è¨˜è¿°ã‚³ãƒ”ãƒš

HTML
ãƒªãƒ³ã‚¯
tableã‚’ä½¿ã‚ãšdivã§ç¸¦ä½ç½®ã‚’æŒ‡å®šÂ Â«Â (X)HTML+CSSÂ TipsÂ Â«Â XHTML+CSSÂ Webã‚µã‚¤ãƒˆåˆ¶ä½œTipsÂ Â«Â ScuderiaWeb
tableã®ã‚»ãƒ«ã§ã¯ã€vertical-alignã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§ã€ç¸¦æ–¹å‘ã®ä¸å¿ƒã‚„ä¸‹æƒãˆã§æ–‡å—åˆ—ã‚„ç”»åƒã‚’é…ç½®ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ãŒã€divã‚¿ã‚°ã®ä¸ã§ã¯é€šå¸¸vertical-alignã¯é©ç”¨ã•ã‚Œã¾ã›ã‚“ã€‚ ç”»é¢ä¸å¤®ã«æ–‡å—åˆ—ã‚’é…ç½®ã—ãŸã„å ´åˆãªã©ã€divã§vertical-alignã‚’æŒ‡å®šã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« tableã‚¿ã‚°ã‚’ä½¿ç”¨ã›ãšã«ã€ä¸å¤®ãƒ»ä¸‹éƒ¨ã«æ–‡å—åˆ—ã‚’é…ç½®ã—ãŸã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ ä¸å¤®ã«é…ç½® ã‚³ãƒ¼ãƒ‰ï¼ˆä¸å¤®ã«é…ç½®ï¼‰ (X)HTML <div class="outer"> <div class="vertical_middle"> <p class="inner">ãƒ†ã‚ã‚¹ãƒˆ</p> </div> </div> CSS div.outer { display: table; /* â‘ */ height: 100px; width: 100%; /* â‘¡ */ background: #E3F
Yam-Nam 2009/01/22
divè¦ç´ å†…ã§å³å¯„ã›ä¸‹å¯„ã›ãªã©

HTML

CSS

div
ãƒªãƒ³ã‚¯
BONKURA BLOG - SWFã®åŸ‹ã‚è¾¼ã¿ã‚µã‚¤ã‚ºã‚’å‹•çš„ã«å¤‰æ›´ã™ã‚‹
ä»•äº‹ã®ãƒ¡ãƒ¢å¸³ãƒ–ãƒã‚°ã€‚ã„ã¾ã®ã¨ã“ã‚ActionScriptãƒ¡ã‚¤ãƒ³ã€‚ãŸã¾ã«CSSã¨ã‹JavaScriptã¨ã‹ã€‚ æ—¥ç”£ï¼šè³¼å…¥æ¤œè¨Žã‚µãƒãƒ¼ãƒˆ ã“ã‚Œã©ã†ã‚„ã£ã¦ã‚‹ã‚“ã ã‚ã†ï¼Ÿã¨æ€ã£ã¦è‰²ã€…å®Ÿé¨“ã—ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãšã‚„ã£ã¦ã¿ãŸã®ãŒã€ã“ã‚“ãªå†…å®¹ã€‚ swfObjectã®ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã§Flashã®èƒŒæ™¯ã‚’é€æ˜Žã«ã™ã‚‹ã€‚ swfã‚’æŒ¿å…¥ã™ã‚‹divã‚¿ã‚°ã®CSSã®positionã‚’absoluteã€z-indexã‚’10ã«ã™ã‚‹ã€‚ ä¸€å¿œã€ã“ã‚Œã§ã‚‚Flashã®ä¸‹ã®HTMLã®ãƒ†ã‚ã‚¹ãƒˆã‚’èªã‚€ã“ã¨ã¯ã§ãã¾ã™ã€‚ Flashã®èƒŒæ™¯ã‚’é€æ˜Žã«ã—ã¦ã€CSSã§HTMLä¸Šã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’åˆ†ã‘ãŸã ã‘ãªã®ã§ã€ãã‚Šã‚ƒãã†ã§ã™ã€‚ ãŸã ã€HTMLã®ãƒ†ã‚ã‚¹ãƒˆã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚Šãªã©ã¯å—ã‘ä»˜ã‘ã¾ã›ã‚“ã€‚ Flashã¯èƒŒæ™¯ãŒé€æ˜Žã«ãªã£ãŸã ã‘ã§ã€HTMLãƒ†ã‚ã‚¹ãƒˆã®ä¸Šã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«å˜åœ¨ã™ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã©ã†ã™ã‚Œã°å¯¾å¿œã§ãã‚‹ã‚“ã ã‚ã†ï¼Ÿï¼Ÿ ãã“ã§JavaScriptã‚’ã‹ã¾ã—ã¦ã¿ã¾ã—ãŸã€‚ fu
Yam-Nam 2009/01/19
swfã‚’HTMLã«ã‹ã¶ã›ã¦è¡¨ç¤ºã™ã‚‹æ–¹æ³•

javascript

HTML

actionscript
ãƒªãƒ³ã‚¯
ãƒ†ãƒ¼ãƒ–ãƒ«ç´ æã®ä½¿ã„æ–¹
Yam-Nam 2009/01/18
ç”»åƒæž ã§å›²ã‚€table

HTML
ãƒªãƒ³ã‚¯
CSSãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ï¼‘ ã€œCSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€œ
Yam-Nam 2009/01/18
ã€€æ¨ªä¸¦ã³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ä»˜ã

css

HTML
ãƒªãƒ³ã‚¯
ç”»åƒç½®æ›-visibility-CSS TIPS
ç”»åƒç½®æ›-visibilityã¯imgè¦ç´ ãŒhoverã®ã¨ãã«visibility:hidden;ã‚’è¡Œã„èƒŒæ™¯ã®ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹æ‰‹æ³•ã«ãªã‚Šã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®XHTMLã‚½ãƒ¼ã‚¹ <ul> <li class="ajaBtn"><a href="/ajax/"><img src="ajax_a.gif" alt="ajax" /></a></li> <li class="amaBtn"><a href="/amazon/"><img src="amazon_a.gif" alt="amazon" /></a></li> <li class="cssBtn"><a href="/css/"><img src="css_a.gif" alt="css" /></a></li> <li class="htmBtn"><a href="/html/"><img src="html_a.gif" alt="h
Yam-Nam 2009/01/17
ul,liã‚’ä½¿ç”¨ã—ãŸmenuBar

HTML

menu
ãƒªãƒ³ã‚¯
ãŸã®ã—ã„XML: DOMã¨JavaScript: XMLãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’èªã¿è¾¼ã‚€
ãŸã‘ã¡: ã“ã‚Œã‹ã‚‰JavaScriptã§DOMã‚’ä½¿ã†ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã‚ŠãªãŒã‚‰å‹‰å¼·ã—ã¦ã„ããŸã„ã‚“ã ã‘ã©ã€ã¾ãšã¯XMLãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚„JavaScriptã®é–¢ä¿‚ã‚’ç¢ºèªã—ã¦ãŠã“ã†ãã€‚ ã•ã‚‰ã‚‰: ã‚ãã€ã„ã‚ˆã„ã‚ˆå§‹ã¾ã‚‹ã®ãã€‚ãªã‚“ã ã‹ãƒ‰ã‚ãƒ‰ã‚ã™ã‚‹ã‚ã€‚é›£ã—ããªã„ã‹ã—ã‚‰â€¦ ãŸã‘ã¡: ãã‚“ãªã«å¿ƒé…ã¯ã„ã‚‰ãªã„ã‚ˆã€‚ã„ã¾ã¾ã§ã¨åŒã˜ã‚ˆã†ã«ã€Internet Explorerã¨msxmlã ã‹ã‚‰ãã€‚ ã•ã‚‰ã‚‰: ã‚ã£ã€ãã†ãªã®? JavaScriptã‚’ä½¿ã†ã®ã«ä½•ã‹ç‰¹åˆ¥ãªã‚‚ã®ã¯ã„ã‚‰ãªã„ã®? ãŸã‘ã¡: ã‚ã£ã€ãã‚Œã¯Internet ExplorerãŒã‚ã‚Œã°ã„ã„ã‚“ã ã‚ˆã€‚ã ã„ãŸã„ã©ã‚“ãªé¢¨ã«ãªã‚‹ã®ã‹ã‚’å›³ã«è¼‰ã›ã¦ãŠããã€‚ ã•ã‚‰ã‚‰: å›³ã«ã‚ã‚‹ã‚ˆã†ã«JavaScriptã§ã€XMLãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’èªã¿è¾¼ã‚“ã ã‚Šã€DOMã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã‚Šã™ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›¸ãã£ã¦ã“ã¨ãã€‚ãã‚Œã¨ã€DOMã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã«ã¯ã€msxmlãŒè¦ã‚‹ã®ãã€‚ ãŸã‘ã¡: ãã†ãã†ã€‚ã˜ã‚ƒã
Yam-Nam 2008/11/18
Firefoxã§ã¯var my_doc = document.implementation.createDocument("", "", null);

XML

javascript

HTML
ãƒªãƒ³ã‚¯
1