css - 콜드카드

<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<!-- data-ad-client=ca-pub-8669036782105267 -->

</head><body>

css

개발 css html

div 태그 내부 내용이 vertical-align middle 정렬이 안될 때 해결 방법

간단히 상단 메뉴를 만들려고 테스트 하던 중 div 태그 내에 ul li 태그로 만든 메뉴의 하단에 계속 공백이 생기는 현상이 나타나 해결 방법을 찾아봤습니다.

4월 12, 2024

개발 css html

스크롤 내려갈 때 상단 메뉴 고정시키기

최상단 메뉴바를 고정 시키는 방법은 알고 있었는데 중간에 위치한 메뉴를 고정 시켜야 할 일이 있어서 찾아보다 발견한 Sticky 라는 옵션입니다.

4월 08, 2024

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4dDcj3bevhObCgzSF_zqBbUcBkiQ:1732434673211';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7975199447131874550','//cold-card.blogspot.com/search/label/css','7975199447131874550');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7975199447131874550', 'title': '\ucf5c\ub4dc\uce74\ub4dc', 'url': 'https://cold-card.blogspot.com/search/label/css', 'canonicalUrl': 'https://cold-card.blogspot.com/search/label/css', 'homepageUrl': 'https://cold-card.blogspot.com/', 'searchUrl': 'https://cold-card.blogspot.com/search', 'canonicalHomepageUrl': 'https://cold-card.blogspot.com/', 'blogspotFaviconUrl': 'https://cold-card.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'ko', 'localeUnderscoreDelimited': 'ko', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22\ucf5c\ub4dc\uce74\ub4dc - Atom\x22 href\x3d\x22https://cold-card.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22\ucf5c\ub4dc\uce74\ub4dc - RSS\x22 href\x3d\x22https://cold-card.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22\ucf5c\ub4dc\uce74\ub4dc - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7975199447131874550/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-8669036782105267', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d78375fb222d99b3', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': '\uacf5\uc720 \ub9c1\ud06c \ub9cc\ub4e4\uae30', 'key': 'link', 'shareMessage': '\uacf5\uc720 \ub9c1\ud06c \ub9cc\ub4e4\uae30', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Facebook\uc5d0 \uacf5\uc720', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'X\uc5d0 \uacf5\uc720', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Pinterest\uc5d0 \uacf5\uc720', 'target': 'pinterest'}, {'name': '\uc774\uba54\uc77c', 'key': 'email', 'shareMessage': '\uc774\uba54\uc77c', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27ko\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Read more \xbb', 'pageType': 'index', 'searchLabel': 'css', 'pageName': 'css', 'pageTitle': '\ucf5c\ub4dc\uce74\ub4dc: css', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': '\uc218\uc815', 'linkCopiedToClipboard': '\ub9c1\ud06c\ub97c \ud074\ub9bd\ubcf4\ub4dc\uc5d0 \ubcf5\uc0ac\ud588\uc2b5\ub2c8\ub2e4.', 'ok': '\ud655\uc778', 'postLink': '\uae00 \ub9c1\ud06c'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': '\uc0ac\uc6a9\uc790 \uc9c0\uc815', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': '\ucf5c\ub4dc\uce74\ub4dc', 'description': '', 'url': 'https://cold-card.blogspot.com/search/label/css', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'css', 'resultsMessage': '\ub77c\ubca8\uc774 css\uc778 \uac8c\uc2dc\ubb3c \ud45c\uc2dc', 'resultsMessageHtml': '\ub77c\ubca8\uc774 \x3cspan class\x3d\x27search-label\x27\x3ecss\x3c/span\x3e\uc778 \uac8c\uc2dc\ubb3c \ud45c\uc2dc'}}}, {'name': 'widgets', 'data': [{'title': 'Template Code (Do not disable)', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML3'}, {'title': '\ucf5c\ub4dc\uce74\ub4dc(\ud5e4\ub354)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': 'category', 'type': 'LinkList', 'sectionId': 'section', 'id': 'LinkList1'}, {'title': '\ube14\ub85c\uadf8 \uac8c\uc2dc\ubb3c', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '1062849019680221237', 'title': 'div \ud0dc\uadf8 \ub0b4\ubd80 \ub0b4\uc6a9\uc774 vertical-align middle \uc815\ub82c\uc774 \uc548\ub420 \ub54c \ud574\uacb0 \ubc29\ubc95', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKb7BUcgyGpVQjmIr8IMhUZIxRg8-lzD8z6jXlUNkYzOBnEcepaL59eX3j75xRjfST_zFdDJbOwGCjFmiz2rBjuU1UFeg16QCuucElkaTy5CPNCjiDuoh-0LL3vNcXiquhMjCCqJE1b-EjUfvO5XJKbF6YHOPOAJxS18J-JSrOHYtxxOiqlUkwArxg/w640-h226/vertical-align%20middle%20%EC%A0%95%EB%A0%AC%20%ED%95%B4%EA%B2%B0%20%EC%8D%B8%EB%84%A4%EC%9D%BC.png', 'showInlineAds': false}, {'id': '8709830542856952962', 'title': '\uc2a4\ud06c\ub864 \ub0b4\ub824\uac08 \ub54c \uc0c1\ub2e8 \uba54\ub274 \uace0\uc815\uc2dc\ud0a4\uae30', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRpCP1h3TvSHHorXAvHXl5kP-9MWTDUICecCmdF_6SW0lg4kolrCrRFCWTo_qADEt6Q0wZdtcCbkXWqiMPRz3mZQYm92Lmgw0ooEI5N-cAJSqiTcz0v9DPzr2-JVjzfQePUxRGpsmHO4u-sqG1kiQ9bwejI8ZzbINRvQI9KjgDJb82QvitqJx2GPow/s16000/sticky%20%EC%8D%B8%EB%84%A4%EC%9D%BC.png', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Oleh'}, {'name': 'timestamp', 'label': 'pada tanggal'}, {'name': 'labels', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Post a Comment'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Oleh'}, {'name': 'timestamp', 'label': 'pada tanggal'}, {'name': 'labels', 'label': ''}, {'name': 'comments', 'label': 'Post a Comment'}]}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'top_ads', 'id': 'HTML90'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'bottom_ads', 'id': 'HTML94'}, {'type': 'AdSense', 'sectionId': 'sidebar', 'id': 'AdSense1'}, {'title': '\ud0dc\uadf8', 'type': 'Label', 'sectionId': 'sidebar', 'id': 'Label1'}, {'title': 'Table of Contents', 'type': 'HTML', 'sectionId': 'toc_auto', 'id': 'HTML8'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'settings', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'section', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': '\ub808\uc774\ube14\uc774 \x3cb\x3ecss\x3c/b\x3e\uc778 \uac8c\uc2dc\ubb3c\uc744 \ud45c\uc2dc\ud569\ub2c8\ub2e4. \x3ca href\x3d\x22https://cold-card.blogspot.com/\x22\x3e\ubaa8\ub4e0 \uac8c\uc2dc\ubb3c \ud45c\uc2dc\x3c/a\x3e', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/610513206-lbx__ko.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML90', 'top_ads', document.getElementById('HTML90'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML94', 'bottom_ads', document.getElementById('HTML94'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'sidebar', document.getElementById('AdSense1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'toc_auto', document.getElementById('HTML8'), {}, 'displayModeFull'));
</script>
</body>