프로그램 작성 css

6

다음 마크 업이 있습니다. <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> 텍스트가 줄 바꿈되면 이미지의 '열'에 들어 가지 않도록하고 싶습니다. 나는 내가 table(내가하고 있던) 그것을 할 수 있다는 것을 알고 있지만 이것은 이런 이유로 실행할 수 없습니다 . 나는 성공하지 않고 다음을 시도했습니다. li span {width: …

87 css css-float word-wrap

2

CSS“display : table-column”은 어떻게 작동해야합니까?

다음 HTML과 CSS를 감안할 때 브라우저에 아무것도 표시되지 않습니다 (작성 당시 최신 Chrome 및 IE). 모든 것이 0x0 px로 축소됩니다. 왜? <!DOCTYPE html> <html> <head> <style type="text/css"> section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; background-color: green; } #colRight { display: table-column; height: …

87 css tablelayout css-tables

4

CSS를 사용하여 요소를 맨 앞으로 가져 오기

을 사용하여 이미지를 앞으로 가져 오는 방법을 알 수 없습니다 CSS. 이미 z-index를 1000으로 설정하고 상대적으로 위치를 설정했지만 여전히 실패합니다. 여기에 예가 있습니다. #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: 128px; } .content { margin-left: auto; margin-right: auto; …

87 html css z-index jsfiddle

5

css 'ex'단위의 가치는 무엇입니까?

( 인기있는 .Net 단위 테스트 라이브러리 인 Xunit 과 혼동하지 마십시오 .) 오늘 지루함 속에 Gmail DOM을 검사하기 시작했습니다 (예, 매우 지루했습니다). 특정 요소의 너비에 대한 흥미로운 사양을 발견하기 전까지는 모든 것이 매우 간단 해 보였습니다. 저명한 Googlites는 희귀 한 'ex'유닛을 사용하여 여러 테이블 열을 지정했습니다. width: 22ex; 처음에 나는 …

87 css specifications units-of-measurement

7

HTML 순서 목록 1.1, 1.2 (중첩 된 카운터 및 범위)가 작동하지 않음

중첩 된 카운터와 범위를 사용하여 정렬 된 목록을 만듭니다. ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li> <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> <li>three</li> <ol> <li>three.one</li> <li>three.two</li> <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> </ol> <li>four</li> </ol> …

87 html css html-lists

9

요소에 적용되는 모든 CSS 규칙 찾기

많은 도구 / API는 특정 클래스 또는 ID의 요소를 선택하는 방법을 제공합니다. 브라우저에서로드 한 원시 스타일 시트를 검사 할 수도 있습니다. 그러나 브라우저가 요소를 렌더링하려면 모든 CSS 규칙 (다른 스타일 시트 파일에서 가능)을 컴파일하고 요소에 적용합니다. 이것은 Firebug 또는 WebKit Inspector에서 볼 수있는 것입니다-요소에 대한 전체 CSS 상속 트리입니다. 추가 …

87 javascript css

8

투명한 CSS 배경색

글꼴에 영향을주지 않고 불투명도를 사용하여 목록 메뉴의 배경을 사라지게 만들고 싶습니다. CSS3로 가능합니까?

87 html css opacity

7

div 요소에서 svg 아래의 추가 공간을 제거하는 방법

다음은 문제에 대한 설명입니다 (Firefox 및 Chrome에서 테스트 됨). <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> 코드 조각 실행결과 숨기기스 니펫 확장 JSFiddle에서보기 파란색 아래에 추가 red공간이 div있습니다 svg. 이미 설정 시도 padding와 margin두 요소의에 0,하지만 행운.

87 html css svg

9

아무것도하지 않는 HTML 링크 만들기 (말 그대로 아무것도하지 않음)

아무것도하지 않는 링크를 원합니다. 나는 이것을 원하지 않는다 : <a href="#"> URL은 something.com/whatever/#. 내가 링크를 원하는 유일한 이유는 사용자가 텍스트를 클릭 할 수 있다는 것을 알 수 있기 때문입니다. 자바 스크립트는 어떤 작업을 수행하는 데 사용되기 때문에 링크가 아무데도 갈 필요는 없지만 링크처럼 보이려면 링크가 필요합니다! 일부 데이터 속성을 사용하고 …

87 html css

8

div 클래스의 스타일 속성을 변경하는 jquery

이와 같은 슬라이더 클래스가 있으며 스타일 속성 style = "left : 336px" 를 변경하고 싶습니다. <div id="range-cont"> <div class="slider"> <div class="progress" style="width: 350px;"></div> <a class="handle" href="#" **style="left: 336px;"**></a> </div> <input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100"> <p id="percent-label">%</p> </div> </div> 시도 $('.handle').css({'style':'left: 300px'})했지만 작동하지 않습니다. 내가 여기서 뭘 잘못하고 …

87 javascript jquery css

17

CSS에서 "이중"테두리 방지

테두리 가있는 두 개의 div가 나란히 있다고 가정합니다 ( https://chrome.google.com/webstore/category/home 참조). 내 div가 이중 테두리처럼 나타나지 않도록 방지하는 방법 (가급적 CSS 트릭)이 있습니까? 내가 의미하는 바를 더 잘 이해하려면이 이미지를보십시오. 두 div가 만나는 곳에서 이중 테두리가있는 것처럼 보입니다.

87 css

6

텍스트를 클릭하여 해당 라디오 버튼 선택

PHP를 사용하여 퀴즈 웹 응용 프로그램을 만들고 있습니다. 각 질문은 별도의 질문으로 구성 되며 사용자가 자신의 답변을 선택할 수 있도록하는 데 사용할 수있는 <label>4 가지 선택 항목이 radio buttons있습니다. 단일 질문에 대한 현재 HTML은 다음과 같습니다. <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input …

87 html css forms input radio-button

13

HTML + CSS에서 가로 메뉴를 * 정말로 * 정렬하려면 어떻게합니까?

HTML의 메뉴 모음에 대한 많은 자습서를 찾을 수 있지만이 특정 (IMHO 일반) 경우에는 괜찮은 해결책을 찾지 못했습니다. # THE MENU ITEMS SHOULD BE JUSTIFIED JUST AS PLAIN TEXT WOULD BE # # ^ ^ # 다양한 텍스트 전용 메뉴 항목이 있으며 페이지 레이아웃은 유동적입니다. 첫 번째 메뉴 항목은 왼쪽 정렬되어야하고 …

87 html css

5

CSS가있는 이미지 그레이 스케일 및 마우스 오버시 색상 변경?

색상이 지정된 아이콘 (링크가 될 것임)을 가져 와서 사용자가 아이콘 위에 마우스를 놓을 때까지 회색조로 바꾸려고합니다 (이미지에 색상을 지정합니다). 이것이 가능하고 IE 및 Firefox가 지원되는 방식으로 가능합니까?

87 css mouseover grayscale

7

스크롤 가능한 콘텐츠가있는 고정 머리글, 바닥 글

스크롤 가능한 콘텐츠가있는 고정 머리글, 바닥 글을 어떻게 얻을 수 있습니까? 이 페이지 와 같은 것 . CSS를 얻기 위해 소스를 볼 수 있지만이 작업을 수행하는 데 필요한 최소 CSS와 HTML 만 알고 싶습니다.

87 html css

«css» 태그된 질문