[B! CSS] hotomaruã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hotomaru id:hotomaru

CSSã«é–¢ã™ã‚‹hotomaruã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

IE8ãƒ»IE9ã‚’ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã•ã›ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªCSSã‚³ãƒ¼ãƒ‰ãŒè¦‹ã¤ã‹ã‚‹
ã‚ãšã‹1è¡Œã§Internet Explorerã‚’ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã•ã›ã¦ã—ã¾ã†ã‚³ãƒ¼ãƒ‰ã¨ã„ã†ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã—ãŸãŒã€ä»Šå›žè¦‹ã¤ã‹ã£ãŸã‚³ãƒ¼ãƒ‰ã‚‚ã€CSSã«æ•°è¡Œè¶³ã™ã ã‘ã§Internet Explorer 8ã¨9ã‚’ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã•ã›ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ Benutzer:Schinken/CSS-IE-Crash â€“ Hackerspace Bamberg - Backspace http://www.hackerspace-bamberg.de/Benutzer:Schinken/CSS-IE-Crash ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ã€IE8ãƒ»IE9ã ã¨ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸçž¬é–“ã«ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã—æ“ä½œä¸å¯èƒ½ã«ãªã‚‹ã®ã§æ³¨æ„ã€‚ http://schinken.github.io/experiments/iecrash/crash.html å®Ÿéš›ã«IE8ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã¿ãŸã¨ã“ã‚ã€ãƒšãƒ¼ã‚¸ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã¨ãŸã‚“ã«ä¸€åˆ‡ã®æ“ä½œã‚’å—ã‘ä»˜ã‘ãªããªã‚Šã€ãã®ã¾ã¾
hotomaru 2013/09/14
CSS

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒç½®æ›ã€Œ-9999pxã€ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã—ãŸæ–°ã—ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒ†ã‚ã‚¹ãƒˆã§å®Ÿè£…ã—ãŸè¦‹å‡ºã—ãªã©ã‚’ç”»åƒã«ç½®æ›ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã€Œ-9999pxã€ãŒæœ‰åã§ã™ãŒã€ãã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Replacing the -9999px hack (new image replacement) [ad#ad-2] ç”»åƒç½®æ›ï¼š-9999px æ”¹å–„ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ç”»åƒç½®æ›ï¼š-9999px -9999pxã‚’ä½¿ã£ãŸç”»åƒç½®æ›ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ HTMLã¯è¦‹å‡ºã—è¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ HTML <h3 id="sample06">è¦‹å‡ºã—ã®ãƒ†ã‚ã‚¹ãƒˆ</h3> ã€Œtext-indent:-9999px;ã€ã§ãƒ†ã‚ã‚¹ãƒˆã‚’è¦‹ãˆãªã„ä½ç½®ã«ã—ã€è¦‹å‡ºã—ã¨ãªã‚‹ç”»åƒã‚’èƒŒæ™¯ç”»åƒã¨ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p
hotomaru 2012/04/18
CSS
ãƒªãƒ³ã‚¯
SASSIENCE ï½ž ä¸–ç•ŒãŒå«‰å¦¬ã™ã‚‹CSSã¸
SASSIENCE ï½ž ä¸–ç•ŒãŒå«‰å¦¬ã™ã‚‹CSSã¸
hotomaru 2011/05/26
CSS
ãƒªãƒ³ã‚¯
PCã‚µã‚¤ãƒˆã®å¸¸è˜ãŒé€šç”¨ã—ãªã„ï¼æºå¸¯ã‚µã‚¤ãƒˆã§ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã‚‚ã‚‰ãˆã‚‹ãƒœã‚¿ãƒ³ã®ä½œã‚Šæ–¹ | KAYAC DESIGNER'S BLOG - ã‚«ãƒ¤ãƒƒã‚¯ã®æ„åŒ éƒ¨ã«ã‚ˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è©±
ã“ã‚“ã«ã¡ã¯ï¼ ä»Šæ—¥ã‚‚æºå¸¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã™ãŽã¦æ‰‹ãŒç‹è‚‰ç—›ã®ãƒ¦ãƒªã£ãºã§ã™âœ¿ ä»Šå›žã¯ã€æºå¸¯ã®ã€Œã‚¯ãƒªãƒƒã‚¯ã—ã¦ã‚‚ã‚‰ãˆã‚‹ãƒœã‚¿ãƒ³ã€ã‚’ä½œã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æºå¸¯ã§éŠã‚“ã§ã„ã‚‹ã¨ã€ç”»åƒã§ã¤ãã‚‰ã‚ŒãŸãƒœã‚¿ãƒ³ãŒé¸æŠžã•ã‚Œã¦ã‚‹ã‹ã‚ã‹ã‚‰ãªã„ã€èªè˜ã—ã¥ã‚‰ã„ã€ã¨ã„ã£ãŸçµŒé¨“ã‚’ã—ãŸã“ã¨ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã¾ãŸã€æºå¸¯ã‚µã‚¤ãƒˆã‚’é‹å–¶ã—ã¦ã„ã‚‹ã‹ãŸã®ä¸ã«ã¯ã€Œã“ã‚“ãªã«ç›®ç«‹ã¤ãƒœã‚¿ãƒ³ãªã®ã«å…¨ç„¶ã‚¯ãƒªãƒƒã‚¯ã•ã‚Œãªã„ï¼ã€ã¨ã„ã£ãŸæ‚©ã¿ã‚’ã‚‚ã£ãŸäººã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ãã“ã§æ–‡å—ã®éƒ¨åˆ†ã¯ãƒ†ã‚ã‚¹ãƒˆã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãšã¯ã˜ã‚ã«ã€tableã®å·¦å³ã®éš™é–“ã‚’ã™ã“ã—å¤šã‚ã«ã¨ã£ã¦ã¿ã¾ã™ã€‚ (au) <div align="center" style="text-align: center;"> <table align="center"> <tr><td bgcolor="#ffd70b"> <a href="#"><span style="colo
hotomaru 2010/11/19
CSS
ãƒªãƒ³ã‚¯
[CSS]æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«æ™‚ã«ãƒ˜ãƒƒãƒ€ã‚„ãƒ•ãƒƒã‚¿ãŒåˆ‡ã‚Œã¦ã—ã¾ã†æ™‚ã®è§£æ±ºæ–¹æ³•
ãƒ˜ãƒƒãƒ€ã‚„ãƒ•ãƒƒã‚¿ãŒãƒ–ãƒ©ã‚¦ã‚¶ã®æ¨ªå¹…ã‚ˆã‚Šåºƒã„éš›ã«ã€æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ˜ãƒƒãƒ€ã¨ãƒ•ãƒƒã‚¿ãŒåˆ‡ã‚Œã¦ã—ã¾ã†ã®ã‚’è§£æ±ºã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã‚Œã¯IE6ãªã©ã®æ—§å¼ã®ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§ãªãã€Firefox3.6ã‚„Chromeã§ã‚‚èµ·ãã‚‹ç¾è±¡ã§ã™ã€‚ How to Resolve a Fluid Header/Footer Probl em When the Window is Resized ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼ˆä¸å…·åˆç‰ˆï¼‰ â€»ã‚ãƒ£ãƒ—ãƒãƒ£ã¯Firefox3.6ï¼ˆä¸å…·åˆã®ç¢ºèªã¯æ¨ªå¹…ã‚’å°ã•ãã—ã¦ï¼‰ ã“ã®ç¾è±¡ãŒèµ·ãã‚‹æ¡ä»¶ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãƒ˜ãƒƒãƒ€ã¨ãƒ•ãƒƒã‚¿ã®ã‚µã‚¤ã‚ºã¯æŒ‡å®šã•ã‚Œã¦ã„ãªã„ã€‚ â†’æ¨ªã„ã£ã±ã„ã«åºƒãŒã‚‹ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¨ãƒªã‚¢ã®ã‚µã‚¤ã‚ºã¯æŒ‡å®šã•ã‚Œã¦ãŠã‚Šã€ã€Œmargin:auto;ã€ã§ä¸å¤®ã«é…ç½®ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µã‚¤ã‚ºã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¨ãƒªã‚¢ã®ã‚µã‚¤ã‚ºã‚ˆã‚Šå°ã•ã„ã€‚ â†’ãƒ–ãƒ©ã‚¦ã‚¶ã«æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ãŒã§ã‚‹ã€‚ æœŸå¾…ã•ã‚Œã‚‹è¡¨ç¤ºã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒä¸å¤®
hotomaru 2010/07/22
CSS
ãƒªãƒ³ã‚¯
ã‚³ã‚³ã‚’æŠ¼ãˆã¦ãŠã‘ã°CSS3ãŒã ã„ãŸã„åˆ†ã‹ã‚‹ãƒ„ãƒ¼ãƒ«é›† | æ—¥åˆŠã‚¦ã‚§ãƒ–ãƒã‚°å¼
CSS3 Generator CSS3ã®å„ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®å¯¾å¿œçŠ¶æ³ã®ç¢ºèªã¨ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®ç”ŸæˆãŒåŒæ™‚ã«è¡Œãˆã‚‹ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ã€‚å¯¾å¿œçŠ¶æ³ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä¸Šã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’æŒã£ã¦ã„ãã¨è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ Official Site CSS3 Gradient Generator v2.0 ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚³ãƒ¼ãƒ‰ã‚’åãå‡ºã™ãƒ„ãƒ¼ãƒ«ã€‚ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ãªã©ã‚’ä½¿ã£ã¦ç›´æ„Ÿçš„ã«æ“ä½œã§ãã‚‹ Official Site CSS Border Radius ãƒœãƒ¼ãƒ€ãƒ¼ã®è§’ä¸¸ã‚’è¡¨ç¾ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’åãå‡ºã™ãƒ„ãƒ¼ãƒ«ã€‚å››è¾ºã®å‘¨å›²ã«ã‚ã‚‹æ•°å€¤ã‚’å¤‰æ›´ã™ã‚‹ã ã‘ã§ã™ã€‚ Official Site Button Maker ç”»åƒã‚’ä¸€åˆ‡ä½¿ã‚ãšã«CSSã ã‘ã§ã‚¯ãƒ¼ãƒ«ãªãƒœã‚¿ãƒ³ã‚’ä½œæˆã€‚ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€è§’ä¸¸ã€å½±ãªã©ã®èª¿ç¯€ãŒå¯èƒ½ Official Site CSS3, please! å·¦å´ã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã‹ãˆã‚‹ã¨ã€ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ãŒå³ä¸Šã®ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ãŒå¤‰åŒ–ã—ã¾ã™ã€‚CSS3ãƒ†ã‚¹
hotomaru 2010/07/20
css
ãƒªãƒ³ã‚¯
ãŸã£ãŸä¸€è¡Œã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§IE6/7/8ã‚’CSS3å¯¾å¿œã«ã™ã‚‹ -CSS3 PIE
IE6/7/8ã§ã‚‚CSS3ã®è§’ä¸¸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒžãƒ«ãƒãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ãªã©ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹behaviorã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
hotomaru 2010/07/14
CSS

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
CSSã ã‘ã§å®Ÿè£…ã™ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ä»˜ãã®ã‚»ã‚¯ã‚·ãƒ¼ãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Sexy Tooltips with Just CSS CSSã ã‘ã§å®Ÿè£…ã™ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ä»˜ãã®ã‚»ã‚¯ã‚·ãƒ¼ãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚¢ãƒ³ã‚«ãƒ¼ã‚¿ã‚°ç‰ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ãŸéš›ã€æ¬¡ã®ã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’ã‚¢ã‚¤ã‚³ãƒ³ä»˜ãã§è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ äººã«ã‚ˆã£ã¦ã¯ã€JavaScript ä½¿ã£ã¦ã¦ã‚‚ã„ã„ã¨ã„ã†æ–¹ã‚‚ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€å®Ÿè£…ã™ã‚‹éš›ã«ã¯ä¸€ç•ªå®Ÿè£…ã—ã‚„ã™ã„æ–¹æ³•ã‚’é¸ã¹ã°ã‚ˆã„ã¨ã—ã¦ã€CSSã®å¦ç¿’æ•™æã¨ã—ã¦ä½¿ãˆãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ç”»åƒãªã—ã§å®Ÿç¾ã™ã‚‹CSSå¹ãå‡ºã—ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—å®Ÿè£…ã‚µãƒ³ãƒ—ãƒ«è‰²ã€… ã‚¿ãƒ–ã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãªã©ã‚¯ãƒ¼ãƒ«ãªï¼µï¼©ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery TOOLSã€ ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã®ã‚ã‚‹ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒqTipã€
hotomaru 2010/06/18
CSS
ãƒªãƒ³ã‚¯
cssã®æƒ…å ±ãƒ»ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
cssã®æƒ…å ±ã¾ã¨ã‚ã§ã™ã€‚ãƒãƒ¼ã‚«ãƒ« ç’°å¢ƒã«ã‚¹ãƒˆãƒƒã‚¯ã—ã¦ã„ãŸæƒ…å ±ã‚’ é–‹æ”¾ã—ã¦ã¿ã¾ã™ã®ã§ã‚·ã‚§ã‚¢ã—ã¦ é ‚ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚å†…å®¹ã¯ çµæ§‹åã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã®ã§ å‚è€ƒç¨‹åº¦ã«ãªã•ã£ã¦ãã ã•ã„ã€‚ å…¨ã¦ã®cssæƒ…å ±ãŒæœ‰ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ä¸»è¦³ã§ã‚¹ãƒˆãƒƒã‚¯ã—ã¦ã„ãŸãƒªãƒ³ã‚¯é›†ã§ã™ã€‚ãƒ„ãƒ¼ãƒ«ã¨ã‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼é–¢é€£ã¨ã‹ãƒãƒƒã‚¯ã¨ã‹ã„ã‚ã„ã‚188ã®æƒ…å ±ã§ã™ã€‚ ãƒ„ãƒ¼ãƒ« ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã®cssãƒ„ãƒ¼ãƒ«ã€‚ CSS Validation Service / W3Cæ¤œè¨¼ã‚µãƒ¼ãƒ“ã‚¹æ—¥æœ¬èªžç‰ˆ RoundedCornr / è§’ä¸¸ã®HTMLãƒ»CSSã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã—ã¦ãã‚Œã‚‹ CSS Type Set / ãƒ•ã‚¡ãƒŸãƒªãƒ¼ã€è‰²ã€å˜èªžé–“ã€è¡Œé–“ç‰ã‚’ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã§ç¢ºèª CSS Text Wrapper / æ§˜ã€…ãªå½¢ã®ãƒ†ã‚ã‚¹ãƒˆã®å›žã‚Šã“ã¿ã‚’ç°¡å˜ã«å®Ÿç¾ã§ãã‚‹ CSS Builder / ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ç”Ÿæˆå¯èƒ½ Spiffy Box / cssã«ã‚ˆã‚‹è§’ä¸¸ã‚’ç°¡å˜ã«ç”Ÿæˆ The
hotomaru 2010/01/21
CSS

ã¾ã¨ã‚

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã¨ã£ã¦ã‚‚ä½¿ãˆã‚‹overflowãƒ—ãƒãƒ‘ãƒ†ã‚£ã€‚ãã®ä½¿ã„æ–¹è‰²ã€…ã€‚
å…‰ã®4æˆ¦å£«ã‚’è²·ã£ãŸã‚“ã™ãŒã€å£²ã‚Šæ–‡å¥é€šã‚Šãƒ¬ãƒˆãƒãªæ„Ÿã˜ãŒã—ã¦ã„ã„ã§ã™ãã€‚ ã¾ãã¾ã 2, 3æ™‚é–“ç¨‹åº¦ã—ã‹ã‚„ã£ã¦ãªã„ã‚“ã§ã€ã“ã‚Œã‹ã‚‰ã©ã†ãªã‚‹ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒæ™‚é–“ã‚’è¦‹ã¤ã‘ã¦ã‚„ã£ã¦è¡Œã“ã†ã‹ã¨ã€‚ ã•ã¦ã€ä»¥å‰ã‹ã‚‰overflowãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ä½¿ã„å‹æ‰‹ãŒè‰¯ã„ã¨ã„ã†ã‹ã€ä½¿ã†å ´é¢ãŒå¤šã„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ä¸€ã¤ã§ã™ãŒã€è€ƒãˆã¦ã¿ã‚‹ã¨è‰²ã‚“ãªäº‹ã«ä½¿ã£ã¦ã‚‹ãªãï½žã¨æ€ã£ãŸã®ã§è‡ªåˆ†ãŒè‰¯ãä½¿ã†ã®ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚ã‚“ã¾overflowãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ã£ãŸäº‹ãŒç„¡ã„æ–¹ã¯ã€ãƒ“ãƒƒã‚¯ãƒªã§ã™ã‚ˆï¼ ã“ã‚Œã§ã€ã‚½ã‚³ã®å¯æ„›ã„ã‚¢ãƒŠã‚¿ã‚‚overflowãƒ—ãƒãƒ‘ãƒ†ã‚£ã®è™œã«ãªã‚‹äº‹é–“é•ã„ç„¡ã—ï¼ï¼ï¼ˆã‚ã‹ã‚“ãªã„ã‘ã© ã‚µãƒ³ãƒ—ãƒ«ã¨ã‹ã¯ä»¥ä¸‹ã‚ˆã‚Šã©ã†ãžã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ ã‚µãƒ³ãƒ—ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ åŸºæœ¬çš„ã«ã€å…¨ã¦overflow: hidden; ã®æŒ‡å®šã‚’è¶³ã™äº‹ã§è§£æ±ºã—ãŸã‚Šå®Ÿç¾å‡ºæ¥ã‚‹æ„Ÿã˜ã§ã™ã€‚ 01 clearfixã¿ãŸã„ã«ä½¿ã† ã¾ãšã¯ä»¥å‰ã®ã€Œclearfixã‚’ä½¿ã‚ãªã„ã§ã‚„ã‚‹ã«
hotomaru 2009/11/02
ãƒ‡ã‚¶ã‚¤ãƒ³

CSS
ãƒªãƒ³ã‚¯
overflow: hidden;ã®ã‚µãƒ³ãƒ—ãƒ«ï½œCSS HappyLife
XHTML+CSS ãƒ—ãƒãŒæ•™ãˆã‚‹"æœ¬å½“ã®ä½¿ã„æ–¹"ã®ä¸€éƒ¨ã‚’åŸ·ç†ã—ã¾ã—ãŸï¼ ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ» ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ» ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ» ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ» ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ» ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ» ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ» ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ» XHTML+CSS ãƒ—ãƒãŒæ•™ãˆã‚‹"æœ¬å½“ã®ä½¿ã„æ–¹"ã®ä¸€éƒ¨ã‚’åŸ·ç†ã—ã¾ã—ãŸï¼ ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ» ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ» ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ» ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ» ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ» ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ» ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ» ãƒ†ã‚ã‚¹ãƒˆãŒé•·ããªã‚‹ã¨ãƒ»ãƒ»ãƒ»
hotomaru 2009/11/02
CSS
ãƒªãƒ³ã‚¯
[CSS]ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®é«˜ã•ã‚’åŒã˜ã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é«˜ã•ã¨ç•°ãªã‚‹éš›ã«ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨åŒã˜é«˜ã•ã®ã‚ˆã†ã«è¦‹ã›ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’woork upã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Really simple CSS trick for equal height columns ä»•çµ„ã¿ã®æ¦‚è¦ã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å³ã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’200pxã«ã—ã€ãã®ä¸Šã«ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’è¡¨ç¤ºã—ã¦ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®é«˜ã•ã‚’ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨åŒã˜ã‚ˆã†ã«è¦‹ã›ã‚‹ã‚‚ã®ã§ã™ã€‚ HTMLã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®divè¦ç´ ã‚’å†…åŒ…ã™ã‚‹divè¦ç´ ï¼ˆwrapperï¼‰ã‚’é…ç½®ã—ã¾ã™ã€‚ HTML <textarea name="code" class="html" cols="60" rows="5"> <div id="wrapper"> <div id="maincontent">...</div> <div id="sidebar">...</div> </div> </textarea>
hotomaru 2009/10/14
CSS

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
jQueryæ™‚ä»£ã«ç”Ÿãã‚‹ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®çŸ¥æµ 8é¸ : tech.kayac.com - KAYAC engineers' blog
Auto CopyãŒç§»æ¤ã•ã‚ŒãŸã‚‰chromeã¸ã®ç§»è¡Œã‚’æ¤œè¨Žã—ã¾ã™ã€‚agoã§ã™ã€‚ jQueryã‚’ä½¿ç”¨ã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã‚’æ„è˜ã™ã‚‹ã“ã¨ã¯å°‘ãªããªã‚Šã¾ã—ãŸãŒã€ãã‚Œã§ã‚‚jQueryã§ã¯ã‚«ãƒãƒ¼ã—ãã‚Œãªã„å·®ç•°ã¯ãã‚Œãªã‚Šã«ã‚ã‚Šã¾ã™ã€‚ ãã“ã§jQueryã‚’ä½¿ã£ã¦ã„ã¦ã‚‚ã¯ã¾ã‚‹å¯èƒ½æ€§ã®é«˜ã„ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã®tipsã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1 Objectãƒªãƒ†ãƒ©ãƒ«å†…ã®æœ«å°¾ã‚«ãƒ³ãƒž { 'key' : 'val', } ä¸Šè¨˜ã®ã‚³ãƒ¼ãƒ‰ã¯IE6ã§ã‚¨ãƒ©ãƒ¼ãŒå‡ºã¾ã™ã€‚ o = { â€˜keyâ€™ : â€˜valâ€™, }; ã“ã®å‹•ä½œã¯javascriptã®ä»•æ§˜ã‹ã‚‰ã™ã‚‹ã¨IE6ã®å‹•ä½œãŒæ£ã—ãã€æœ¬æ¥ã§ã‚ã‚Œã°æœ«å°¾ã®ã‚«ãƒ³ãƒžã¯è¨˜è¿°ã§ãã¾ã›ã‚“ã€‚ ã“ã‚Œã¯ä»–è¨€èªžã§JSONã‚’æ‰±ã†å ´åˆã§ã‚‚ã‚¨ãƒ©ãƒ¼ã«ãªã‚‹ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„ã€‚ ã¾ãŸã€Arrayã®å ´åˆã€Fxã¯ä¸Šè¨˜ã¨åŒã˜ãè¦ç´ ãŒå˜åœ¨ã—ãªã„ã‚‚ã®ã¨èªè˜ã—ã¾ã™ãŒã€IE6ã¯æœªå®šç¾©å€¤ãŒå®šç¾©ã•ã‚Œã¦ã„ã‚‹ã¨è§£é‡ˆ
hotomaru 2009/10/12
ãƒ–ãƒ©ã‚¦ã‚¶

CSS

javascript
ãƒªãƒ³ã‚¯
IE 6ã§æ³£ã‹ãªã„ãŸã‚ã®ã€9ã¤ã®CSSãƒãƒƒã‚¯ (1/3) - ï¼ IT
æœ‰é™ä¼šç¤¾ã‚¿ã‚°ãƒ‘ãƒ³ãƒ€ å–œå®‰ äº®ä»‹ 2009/10/8 Webãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®é•ã„ã«ã‚ˆã‚Šèµ·ã“ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è¡¨ç¤ºãšã‚Œå•é¡Œã«æ³£ã‹ã•ã‚Œã‚‹Webãƒ‡ã‚¶ã‚¤ãƒŠã®ãŸã‚ã«ã€Webãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«ä½¿ãˆã‚‹ã‹ã©ã†ã‹ã®è¡¨ã‚’äº¤ãˆãªãŒã‚‰å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã®CSSãƒãƒƒã‚¯ï¼†ãƒ•ã‚£ãƒ«ã‚¿Tipsã‚’ãŠå±Šã‘ã—ã¾ã™ï¼ˆç·¨é›†éƒ¨ï¼‰ æœ€ã‚‚å¤šãä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã«â€¦â€¦ã€ã„ã‚„ã€ã ã‹ã‚‰ã“ã å¤šãã®Webãƒ‡ã‚¶ã‚¤ãƒŠã®æ‚©ã¿ã®1ã¤ã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è¡¨ç¤ºãšã‚Œå•é¡Œã ã¨æ€ã„ã¾ã™ã€‚ã“ã‚Œã¯ã€å„Webãƒ–ãƒ©ã‚¦ã‚¶ãŒæŽ¡ç”¨ã—ã¦ã„ã‚‹ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®é•ã„ã‹ã‚‰èµ·å› ã—ã¦ã„ã‚‹å ´åˆãŒå¤šã„ã§ã™ã€‚ãã®ä¸ã§ã‚‚ã€æœ€ã‚‚Webãƒ‡ã‚¶ã‚¤ãƒŠæ³£ã‹ã›ã®Webãƒ–ãƒ©ã‚¦ã‚¶ãªã®ã¯ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆãŒé–‹ç™ºã—ã¦ã„ã‚‹IEï¼ˆInternet Exploreï¼‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³6ã§ã™ã€‚ IE 6ã¯ã€ç™ºå£²é–‹å§‹å½“åˆã®Windows XPã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ãŸWebãƒ–ãƒ©ã‚¦ã‚¶ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€ä¸–ã®ä¸ã®å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼
hotomaru 2009/10/09
CSS

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[CSS]ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã€validãªXHTMLã¨CSSã§å®Ÿè£…ã•ã‚ŒãŸLightboxé¢¨ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ
validãªXHTMLã¨CSSã§Lightboxé¢¨ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’Carsonifiedã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ How to Create a Valid Non-Javascript Lightbox demo å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯IE6/7/8, Fx, Safari, Chromeã§ã€ä¸Šè¨˜ã¯Safari4ã€ä¸‹è¨˜ã¯IE6ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã§ã™ã€‚ IE6/7ã§ã¯èƒŒæ™¯è‰²ãŒæ¿ƒã„ã§ã™ã€‚
hotomaru 2009/09/09
CSS

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã§ä½¿ã„ã‚„ã™ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’åˆ¶ä½œã™ã‚‹ãŸã‚ã®ç¿’ä½œ
ãƒ“ã‚®ãƒŠãƒ¼ã®ãŸã‚ã®ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã§ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã§æ©Ÿèƒ½æ€§ã«ã‚‚å„ªã‚ŒãŸãƒ•ã‚©ãƒ¼ãƒ ã‚’åˆ¶ä½œã™ã‚‹ãŸã‚ã®ç¿’ä½œNettuts+ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 20+ HTML Forms Best Practices for Beginners ä¸‹è¨˜ã¯ã€ãã®æ„è¨³ã§ã™ã€‚ 1ã‚¹ãƒ†ãƒƒãƒ—ãšã¤ãƒ•ã‚©ãƒ¼ãƒ ã‚’æ”¹å–„ã—ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã§æ©Ÿèƒ½æ€§ã‚’ã‚¢ãƒƒãƒ—ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ ãƒ•ã‚¡ãƒ³ã‚¯ã‚·ãƒ§ãƒŠãƒªãƒ†ã‚£ ãƒ‡ã‚¶ã‚¤ãƒ³ çµè«– ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ 1. fieldsetã‚’ä½¿ç”¨ ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå…¥åŠ›ã™ã‚‹å¤šãã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãŒã‚ã‚‹éš›ã€fieldsetè¦ç´ ã‚’ä½¿ç”¨ã—ã¦é¡žä¼¼æƒ…å ±ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ <textarea name="code" class="html" cols="60" rows="5"> <fieldset> <span>Billing Address</span><input type="text" /> <span>City</sp
hotomaru 2009/09/06
CSS

ãƒ•ã‚©ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
1