«css» 태그된 질문

다음 마크 업이 주어지면 CSS를 사용하여 하나의 셀 (열의 모든 셀)을 확장하지 않고 내용의 너비에 맞출 수 있습니까 (기본 동작)? <style type="text/css"> td.block { border: 1px solid black; } </style> <table style="width: 100%;"> <tr> <td class="block">this should stretch</td> <td class="block">this should stretch</td> <td class="block">this should be the content width</td> </tr> …

265 html  css  html-table 

CSS 참조에서 이미지 투명도 를 설정하는 방법 과 배경 이미지를 설정하는 방법을 볼 수 있습니다 . 그러나 투명한 배경 이미지를 설정하기 위해이 두 가지를 어떻게 결합 할 수 있습니까? 배경으로 사용하고 싶은 이미지가 있지만 너무 밝습니다. 불투명도를 약 0.2로 낮추고 싶습니다. 어떻게해야합니까? #main { background-image: url(/wp-content/uploads/2010/11/tandem.jpg); }

264 css 

<a>어떤 이유로 든 아이콘을 태그 안에 넣어야합니다. 멋진 글꼴 아이콘의 색상을 검은 색으로 변경할 수있는 방법이 있습니까? 또는 <a>태그 안에 포장되어있는 한 불가능 합니까? 멋진 글꼴은 이미지가 아닌 글꼴이어야합니다. <a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>

264 html  css  font-awesome 

이것이 내가 시도한 것입니다 ( 여기 참조 ). body { overflow: hidden; } span { border: solid 2px blue; white-space: nowrap; text-overflow: ellipsis; } 기본적으로 창을 작게 만들 때 스팬을 줄임표로 축소하고 싶습니다. 내가 뭘 잘못 했어?

264 html  css 

부모 구성 요소가 있습니다. <parent></parent> 그리고이 그룹에 자식 구성 요소를 채우고 싶습니다. <parent> <child></child> <child></child> <child></child> </parent> 부모 템플릿 : <div class="parent"> <!-- Children goes here --> <ng-content></ng-content> </div> 자식 템플릿 : <div class="child">Test</div> 이후 parent및 child두 개의 별도 구성 요소, 자신의 스타일이 자신의 범위에 잠겨 있습니다. 부모 구성 요소에서 …

264 css  angular  angular-components 

<td>비활성화 해야하는 내부에 링크 버튼이 있습니다 . 이것은 IE에서는 작동하지만 Firefox 및 Chrome에서는 작동하지 않습니다. 구조는-내부의 링크 <td>입니다. <td>div / span과 같은 컨테이너를 추가 할 수 없습니다 다음을 모두 시도했지만 Firefox에서 작동하지 않습니다 (1.4.2 js 사용). $(td).children().each(function () { $(this).attr('disabled', 'disabled'); }); $(td).children().attr('disabled', 'disabled'); $(td).children().attr('disabled', true); $(td).children().attr('disabled', 'true'); 참고-앵커 태그가 …

263 javascript  jquery  html  css 

텍스트가 큰 단락이 있는데,이 단락의 하위 단락으로 나뉩니다 <br>. <p> Blah blah blah. <br/> Blah blah blah. Blah blah blah. Blah blah blah. <br/> Blah blah blah. </p> 나는 두 개의 <br>또는 이와 비슷한 것이 있기 때문에 이러한 하위 단락 사이의 간격을 넓히고 싶습니다. 이 작업을 수행하는 올바른 방법은을 사용하는 …

263 html  css 

:before셀렉터 를 사용하여 이미지를 다른 이미지 위에 배치 하려고 하지만 이미지를 img요소 앞에 배치하는 것이 효과가 없으며 다른 요소 만 작동한다는 것을 알았습니다 . 특히 내 스타일은 다음과 같습니다. .container { position: relative; display: block; } .overlay:before { content: url(images/[someimage].png); position: absolute; left:-20px; top: -20px; } 그리고 이것이 잘 작동한다는 …

262 html  css 

CSS를 Div를 페이지 하단으로 푸시 해당 링크를보고하십시오, 나는 반대를 원하는 : 내용이 스크롤에 오버 플로우 때, 나는 내 글이 항상되고 싶어 완전한 스택 오버플로 같은 페이지 하단. div id="footer"와이 CSS가 있습니다. #footer { position: absolute; bottom: 30px; width: 100%; } 그러나 모든 것은 뷰포트의 맨 아래로 이동하고 아래로 스크롤해도 그대로 …

261 css  positioning  css-position  footer 

많은 행이있는 HTML 테이블을 인쇄 해야하는 프로젝트가 있습니다. 내 문제는 테이블이 여러 페이지에 인쇄되는 방식입니다. 때로는 행을 반으로 잘라서 절반이 페이지의 가장자리에 있고 나머지는 다음 페이지의 맨 위에 인쇄되기 때문에 읽을 수 없습니다. 내가 생각할 수있는 유일한 그럴듯한 해결책은 테이블 대신 스택 DIV를 사용하고 필요한 경우 페이지 나누기를 강제하는 것입니다. …

261 html  css  printing  html-table 

부트 스트랩 3 테이블을 사용하여 고정 헤더와 스크롤 가능한 내용으로 테이블을 만들려고합니다. 불행히도 내가 찾은 솔루션은 부트 스트랩으로 작동하지 않거나 스타일을 엉망으로 만듭니다. 여기 간단한 부트 스트랩 테이블이 있지만 어떤 이유로 든 tbody의 높이가 10px가 아닙니다. height: 10px !important; overflow: scroll; 예: <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <table class="table table-striped"> <thead> …

261 html  css  twitter-bootstrap  html-table 

존재하지 않는 CSS 클래스를 통해 jQuery로 전체 열을 표시하거나 숨기는 테이블이 있습니다. <table> <thead> <tr> <th></th> <th class="target"></th> <th></th> </tr> </thead> <tbody> <tr> <td></td> <td class="target"></td> <td></td> </tr> <tr> <td></td> <td class="target"></td> <td></td> </tr> </tbody> </table> 이 DOM을 사용하면 jQuery를 통해 한 줄로 수행 할 수 있습니다. $('.target').css('display','none'); 이것은 완벽하게 …

260 html  css  w3c-validation  web-standards 

배너와 iframe으로 웹 페이지를 디자인하고 싶습니다. iframe이 나머지 모든 페이지 높이를 채울 수 있고 브라우저 크기가 조정되면 자동으로 크기가 조정되기를 바랍니다. CSS로만 자바 스크립트 코드를 작성하지 않고 수행 할 수 있습니까? 나는 height:100%iframe에서 설정 을 시도했지만 결과는 매우 가깝지만 iframe 30px은 배너 div 요소 의 높이를 포함하여 전체 페이지 높이를 …

260 html  css  iframe 

에서 들여 쓰기를 모두 제거하고 싶습니다 ul. margin에 padding, text-indent을 (를) 설정 0했지만 아무 소용이 없습니다. text-indent음수로 설정 하면 트릭이 수행되는 것처럼 보이지만 실제로 들여 쓰기를 제거하는 유일한 방법입니까?

260 html  css 

목록 글 머리 기호 또는 십진수가 모두 우수한 텍스트 블록으로 플러시되는 "내부"목록을 원합니다. 목록 항목의 두 번째 줄은 첫 번째 행과 같은 들여 쓰기를 가져야합니다! 예 : Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean Aenean massa. Cum sociis natoque penatibus et magnis dis …

260 html  css  html-lists