[B! css] gokichanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

gokichan id:gokichan

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

HTML ã® overflow ã§è¡¨ç¤ºã—ã¦ã„ã‚‹ãƒ†ãƒ¼ãƒ–ãƒ«ã®æŒ‡å®šã—ãŸè¡Œã¸ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ - yznâ€™s memo
ã“ã‚“ãªæ„Ÿã˜ã§ã„ã„ã®ã‹ãªâ€¦â€¦ firefox 2.0.0.3 ã¨ IE6.0 ã ã‘å‹•ä½œç¢ºèª <html> <head> <script language="JavaScript" type="text/javascript"> function onSelectionChanged(selection) { target = document.getElementById(selection.value); if (target == null) { return ; } scrollArea = document.getElementById("scrollArea"); scrollArea.scrollTop = target.offsetTop; } </script> </head> <body> <form name="fm" action="#" method="get"> <
gokichan 2018/02/18
table

css
ãƒªãƒ³ã‚¯
ãƒ˜ãƒƒãƒ€ã‚’å›ºå®šã—ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹æ–¹æ³• | CSSè§£èª¬
å¯¾è±¡ã¨ã™ã‚‹ãƒ†ãƒ¼ãƒ–ãƒ«ã§ã¯ãƒ˜ãƒƒãƒ€éƒ¨ã‚’theadè¦ç´ å†…ã«è¨˜è¿°ã—ã€ãƒœãƒ‡ã‚£éƒ¨ã¨åˆ†é›¢ã—ã¦ãŠãã¾ã™ã€‚ <table> <thead> <tr> <th>A</th> <th>B</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>1</td> </tr> </tbody> </table> theadã¨tbodyã‚’ãƒ–ãƒãƒƒã‚¯è¦ç´ ã¨ã—ã€tbodyã®overflowã‚’scrollã¨ã—ã¾ã™ã€‚ <style type="text/css"> thead, tbody { display: block; } tbody { overflow-x: hidden; overflow-y: scroll; height: 100px; } </style> ã“ã®overflowã‚’autoã¨ã—ãŸå ´åˆã€Internet Explorerã‚„Firefoxã§ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ãŒå³ç«¯ã®ã‚»
gokichan 2018/02/18
css
ãƒªãƒ³ã‚¯
ãƒ†ãƒ¼ãƒ–ãƒ«ã®è¦‹å‡ºã—ã‚’å›ºå®šã—ã¦ãƒ‡ãƒ¼ã‚¿éƒ¨åˆ†ã ã‘ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹
<HTML> <HEAD> <TITLE>ãƒ†ãƒ¼ãƒ–ãƒ«ã®è¡¨é¡Œã‚’å›ºå®šã—ã¦ãƒ‡ãƒ¼ã‚¿éƒ¨åˆ†ã ã‘ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹</TITLE> <script language="JavaScript">  </script> </HEAD> <BODY> <TABLE cellpadding="2
gokichan 2018/02/18
css

ãƒ†ãƒ¼ãƒ–ãƒ«
ãƒªãƒ³ã‚¯
CSSã§ãƒ˜ãƒƒãƒ€ã‚’å›ºå®šã—ãŸã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ä½œã‚‹æ–¹æ³•
CSSã§ãƒ˜ãƒƒãƒ€ã‚’å›ºå®šã—ãŸã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ä½œã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ï¼‘ï¼Žã¯ã˜ã‚ã« æ¬¡ã®ã‚ˆã†ãªHTMLã§ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ <style> table { border-collapse: collapse; border-spacing: 0; } th { background-color: #ccc; } th, td { border: 1px solid #666; padding: 5px; } .key, .value { width: 100px; } </style> <table> <thead> <tr><th class="key">ã‚ãƒ¼</th><th class="value">å€¤</th></tr> </thead> <tbody> <tr><td class="key">1</td><td class="value">aaa</td></tr> <tr>
gokichan 2018/02/18
CSS
ãƒªãƒ³ã‚¯
1