«css» 태그된 질문

라디오 버튼 / 체크 박스를 텍스트와 올바르게 정렬하는 가장 깨끗한 방법은 무엇입니까? 지금까지 사용해온 유일한 신뢰할 수있는 솔루션은 테이블 기반입니다. <table> <tr> <td><input type="radio" name="opt"></td> <td>Option 1</td> </tr> <tr> <td><input type="radio" name="opt"></td> <td>Option 2</td> </tr> </table> 이것은 일부 사람들에게 눈살을 찌푸 릴 수 있습니다. 테이블없는 솔루션을 조사하는 데 시간을 (다시) …

79 html  css  checkbox  radio-button 

그래서 CSS를 사용하여 반복되는 육각형 패턴을 만들어야합니다. 이미지가 필요한 경우 거기에 갈 수 있지만 가능하면 CSS 만 사용하는 것이 좋습니다. 내가 만들려는 아이디어는 다음과 같습니다. 기본적으로 육각형 모양을 만든 다음 그 위에 텍스트 / 이미지를 오버레이하는 방법이 필요합니다. 아직 코드가 많지 않습니다. 어디서부터 시작해야할지 모르겠습니다. 문제는 <div>( http://css-tricks.com/examples/ShapesOfCSS/ ) 와 …

79 html  css  css-shapes 

바닥 글을 페이지 하단에 고정하고 중앙에 배치해야합니다. 바닥 글의 내용은 항상 변경 될 수 있으므로 margin-left를 통해 중앙에 놓을 수는 없습니다. xxpx; 여백-오른쪽 : xxpx; 문제는 어떤 이유로 이것이 작동하지 않는다는 것입니다. #whatever { position: fixed; bottom: 0px; margin-right: auto; margin-left: auto; } 나는 웹을 크롤링했지만 아무것도 찾지 못했습니다. 컨테이너 …

79 css  positioning  sticky-footer 

이 코드로 일부 이미지를 흐리게합니다. img { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); } 하지만 이미지의 가장자리도 흐려집니다. 가장자리를 정의하면서 이미지를 흐리게 할 수 있습니까? 삽입 된 블러 같은 거요?

79 css 

매우 간단해야하지만 알아낼 수 없습니다. 다음과 같은 테이블이 있습니다. <table class="category_table"> <tr><td> blabla 1</td><td> blabla 2 </td></tr> <tr><td> blabla 3 </td><td> blabla 4 </td></tr> </table> 내가 만들고 싶어 td최초의 태그 tr행이 있습니다 vertical-align. 그러나 두 번째 줄은 아닙니다. .category_table td{ vertical-align:top; }

79 html  css  css-selectors  html-table 

방금 Twitter Bootstrap으로 시작했는데 여기에 한 가지 질문이 있습니다. 사용자 정의 <header>블록을 만들고 있으며 하단 모서리가 둥글게 만들고 싶습니다. 미리 정의 된 클래스를 사용하여이 작업을 수행하는 "올바른"방법이 있습니까, 아니면 다음과 같이 수동으로 지정해야합니다. border-radius: 10px; // and all that cross-browser trumpery 지금은 css스타일을 사용하고 있습니다. less그 문제 에 사용 하는 …

79 twitter-bootstrap  less  css 

방금 Sass 튜토리얼을 따랐습니다 . 어떤 이유로 Sass 파일이 CSS를 올바르게 생성하지 못합니다. 터미널은 CSS가 유효하지 않다고 말하지만 그렇지 않다고 확신합니다. 문제가있을 경우를 대비하여 변경해 보았습니다 ... 내가 뭘 잘못 했어? Sass 버전 : Sass 3.1.10 에러 메시지: error sass/test.sass (Line 3: Invalid CSS after "80%": expected expression (e.g. 1px, …

79 css  sass 

Bootstrap 3의 버튼을 클릭 한 후 자동으로 해제하려면 어떻게해야합니까? 내 문제를 재현하려면 몇 가지 버튼이있는 페이지를 만들고 적절한 부트 스트랩 클래스를 제공하고 부트 스트랩을 포함합니다. <input id="one" type="button" class="btn btn-default" value="one"> <input id="two" type="button" class="btn btn-primary" value="two"> 페이지를로드하고 버튼 중 하나를 클릭합니다. 페이지의 다른 곳을 클릭 할 때까지 (FF29 및 …

79 html  css  twitter-bootstrap-3  html-input 

설정 페이지 역할을하는 양식이 있습니다. 양식 요소가 수정되면으로 표시되고 unsaved테두리 색상이 다릅니다. 양식이 저장되면 다른 테두리 색상을 사용하여 저장된 것으로 표시됩니다. 내가 원하는 것은 양식이 저장되면 테두리가 점차 사라질 것이라는 것입니다. 주문이 진행됩니다. <input type='text' class='unsaved' /> Not saved yet, border is yellow <input type='text' class='saved' /> Saved, so the …

79 css  css-transitions 

autoCSS 속성 값의 의미는 무엇입니까? CSS 속성의 값이로 설정되면 auto어떻게됩니까?

79 css 

세 가지 문제가 있습니다. 작은 크기의 div에서 배경 이미지를 사용하려고하면 div에 이미지의 일부만 표시됩니다. 이미지의 전체 또는 특정 부분을 표시하려면 어떻게해야합니까? 더 작은 이미지가 있고 더 큰 div에서 사용하고 싶습니다. 그러나 반복 기능을 사용하고 싶지 않습니다. CSS에서 이미지의 불투명도를 조작하는 방법이 있습니까?

79 css  background-image  opacity 

내 레이블과 라디오 단추가 같은 줄에 유지되지 않는 이유는 무엇입니까? 내 양식은 다음과 같습니다. <form name="submit" id="submit" action="#" method="post"> <?php echo form_hidden('what', 'item-'.$identifier);?> <label for="one">First Item</label> <input type="radio" id="one" name="first_item" value="1" /> <label for="two">Second Item</label> <input type="radio" id="two" name="first_item" value="2" /> <input class="submit_form" name="submit" type="submit" value="Choose" tabindex="4" /> </form>

79 html  css 

여러 요소에 다음 키 프레임 애니메이션을 사용합니다. @keyframes redPulse { from { background-color: #bc330d; box-shadow: 0 0 9px #333; } 50% { background-color: #e33100; box-shadow: 0 0 18px #e33100; } to { background-color: #bc330d; box-shadow: 0 0 9px #333; } } @-webkit-keyframes redPulse { from { background-color: #bc330d; box-shadow: 0 …

79 css 

Bootstrap에서 경고를 처음 보았을 때 모달 창처럼 작동 할 것이라고 생각했습니다. 그러나 그들은 항상 보이는 것처럼 보입니다. 내 앱 위의 레이어에 배치하여 표시 할 수 있지만 기능이 내장되어 있는지 궁금합니다. 감사! 편집, 내가 지금까지 가지고있는 것 : <div id="saveAlert" class="alert-message success fade in" data-alert="alert" style="top:0"> <a class="close" href="#">×</a> <p><strong>Well done!</strong> …

78 jquery  css  alerts  twitter-bootstrap 

일부 텍스트를 div 상단에 정렬하고 싶습니다. vertical-align: text-top;트릭 을 해야하는 것 같지만 작동하지 않습니다. div를 열에 넣고 파선 테두리를 표시하는 등 내가 한 다른 작업 (div 상단이 어디에 있는지 볼 수 있음)은 모두 잘 작동합니다. #header_p { font-family: Arial; font-size: 32px; font-weight: bold; } #header_selecttxt { font-family: Arial; font-size: 12px; …

78 css  vertical-alignment