«css» 태그된 질문

트위터 부트 스트랩 2의 요소를 사용하여 다중 레벨 드롭 다운 메뉴를 가질 수 있습니까? 원래 버전에는이 기능이 없습니다.

89 css  twitter-bootstrap 

브라우저가 첫 번째 요소에 대해서만 큰 따옴표를 표시하는 이유가 궁금합니다. 두 번째 요소에는 대신 작은 따옴표가 있습니다. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> 코드 조각 실행결과 숨기기스 니펫 확장

89 html  css  pseudo-element  css-content 

전체 너비와 높이를 늘리기 위해 HTML 요소 (body, div 등)의 배경 이미지를 얻으려고합니다. 운이별로 없습니다. 가능하거나 배경 이미지 외에 다른 방식으로해야합니까? 내 현재 CSS는 다음과 같습니다. body { background-position: left top; background-image: url(_images/home.jpg); background-repeat: no-repeat; } 미리 감사드립니다. 편집 : Gabriel의 제안에서 CSS를 유지하는 데 열심이 아니므로 대신 페이지의 레이아웃을 …

89 html  css  background-image 

내 상단 메뉴에 장바구니가 있으며 사용 중 push-right내 문제는 드롭 다운 거품이 페이지에서 떨어지는 것입니다. 버블을 오른쪽으로 정렬하여 '클릭'과 오른쪽 정렬되도록 노력하고 있습니다. 이렇게 HTML : <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF </div> </li> </ul> </div>

89 html  css  twitter-bootstrap 

Font Awesome에 포함 된 검색 아이콘을 입력에 사용하려면 어떻게하나요? 내 사이트 (PHPmotion 기반)에 검색에 사용하려는 검색 기능이 있습니다. 코드는 다음과 같습니다. <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> <input type="hidden" name="type" value="videos" /> <input autocomplete="on" id="keyword" name="keyword" value="Search Videos" onclick="clickclear(this, 'Search Videos')" onblur="clickrecall(this,'Search Videos')" style="font-family: verdana; font-weight:bold; font-size: 10pt; height: …

89 html  css  font-awesome 

나는 html 테이블과 table-layout: fixed너비가 설정된 td가 있습니다. 열은 여전히 ​​확장되어 공백이없는 텍스트의 내용을 포함합니다. div에서 각 td의 내용을 래핑하는 것 외에 이것을 수정하는 방법이 있습니까? 예 : http://jsfiddle.net/6p9K3/29/ <table> <tbody> <tr> <td style="width: 50px;">Test</td> <td>Testing 1123455</td> </tr><tr> <td style="width: 50px;">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td>B</td> </tr> </tbody> </table> table { table-layout: fixed; } …

89 html  css 

img와 srcset반응 이미지를하는 좋은 방법 같은 속성 보인다. CSS background-image속성 에서 작동하는 동등한 구문이 있습니까? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background: url(?something goes here?); }

89 html  css  background-image  srcset 

현재 회사의 모바일 랜딩 페이지를 작업하고 있습니다. 정말 기본적인 레이아웃이지만 헤더 아래에는 항상 너비가 100 % 인 제품 이미지가 있습니다 (디자인은 항상 가장자리에서 가장자리로 이동 함을 보여줍니다). 화면의 너비에 따라 이미지의 높이가 그에 따라 분명히 조정됩니다. 저는 원래 img (CSS 너비가 100 %)로이 작업을 수행했으며 훌륭하게 작동했지만 미디어 쿼리를 사용하여 …

89 html  css  background-image  responsive  responsive-images 

순서가 지정된 목록의 번호에 스타일을 지정하려고합니다. 배경색, 테두리 반경 및 색상을 추가하여 작업중인 디자인과 일치하도록하고 싶습니다. 나는 그것이 불가능하다고 생각하고 각 숫자에 대해 다른 이미지를 사용해야 할 것입니다. ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... 더 간단한 해결책이 있습니까?

89 html  css  html-lists  sprite 

요소에서 이미지의 src를 바인딩하려고하는데 작동하지 않는 것 같습니다. "Invalid expression. Generated function body : {backgroundImage : {url (image)}"가 표시됩니다. 문서는 '케밥의 경우'또는 '낙타 경우'를 사용하도록했다. <div class="circular" v-bind:style="{ backgroundImage: { url(image) }"></div> 여기 바이올린이 있습니다 : https://jsfiddle.net/0dw9923f/2/

89 javascript  html  css  vue.js 

나는 사용했다 : word-break:break-all; table-layout:fixed; 텍스트는 Chrome에서 줄 바꿈되지만 Firefox에서는 안됩니다. 업데이트 : 랩이 필요하지 않도록 디자인을 변경하기로 결정했습니다. CSS 수정 / 해킹을 분류하려는 시도는 너무 실망스럽고 시간 소모적이었습니다.

89 css 

태그가 포함 된 브라우저에 한 줄의 텍스트를 출력하고 싶습니다. 이것이 렌더링되면 DIV가 새 줄을 생성하는 것처럼 보입니다. 같은 줄의 div 태그에 콘텐츠를 어떻게 포함시킬 수 있습니까?-여기 내 코드가 있습니다. <?php echo("<a href=\"pagea.php?id=$id\">Page A</a>") ?> <div id="contentInfo_new"> <script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script> </div> 나는 여기를 정리하려고 노력했습니다. 이 디스플레이를 한 줄에 …

89 html  css 

나란히 서있는 2 개의 div가 포함 된 div (#wrapper)가 있습니다. right-div를 세로로 정렬하고 싶습니다. 내 주 래퍼에서 vertical-align : middle을 시도했지만 작동하지 않습니다. 그것은 나를 미치게 만든다! 누군가가 도울 수 있기를 바랍니다. http://cssdesk.com/LWFhW HTML : <div id="wrapper"> <div id="left-div"> <ul> <li>One</li> <li>Two</li> </ul> </div> <div id="right-div"> Here some text... </div> …

89 html  css 

CSS에서 정적 (기본) 위치 지정과 상대 위치 지정의 차이점은 무엇입니까?

89 css  static  positioning  css-position 

수정 됨 : 화면이 480px 이하로 줄어들 때 사이드 패딩을 설정하는 선택기를 물어봐야할까요? 나는 이것을 찾기 위해 한동안 bootstrap-responsiveness.css를 탐색했지만 이것에 영향을 미치는 것은 없습니다. 원본 기본적으로 작은 장치 화면에서 응답 성을 위해 설정된 기본 패딩 또는 여백을 제거하고 싶습니다. 나는 한 background color재정의 container-fluid선택하고 더 큰 화면들이 폭에 걸쳐 …

89 css  twitter-bootstrap  responsive-design  media-queries