«css» 태그된 질문

실제로 두 가지 문제가 있지만 다른 문제를 해결하기가 더 쉽다고 생각하여 기본 문제를 먼저 해결할 수 있습니다. 메뉴의 왼쪽에 고정 위치 div가 있습니다. 오른쪽은 올바르게 스크롤되는 표준 div입니다. 문제는 브라우저 뷰 포트가 너무 작아서 전체 메뉴를 볼 수 없다는 것입니다. 스크롤 할 수있는 방법이 없습니다 (적어도 CSS는 아님). CSS에서 다른 …

150 javascript  css  scroll  overflow  css-position 

선정 된 성별 목록이 있습니다. 암호: <select> <option>male</option> <option>female</option> <option>others</option> </select> 드롭 다운 목록의 이미지를 drop-down-icon.jpeg로 사용하고 싶습니다. 드롭 다운 아이콘 대신 버튼을 추가하고 싶습니다. 그렇게하는 방법?

150 html  css 

다음 예제를 고려하십시오 : ( live demo here ) $(function() { console.log("width = " + $("td").width()); }); td { border: 1px solid black; width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tbody> <tr> <td>Hello Stack Overflow</td> </tr> </tbody> </table> 코드 스 니펫 실행결과 숨기기스 니펫 확장 …

150 html  css  ellipsis 

다음 스타일을 지정하고 싶습니다. forms.py : from django import forms class ContactForm(forms.Form): subject = forms.CharField(max_length=100) email = forms.EmailField(required=False) message = forms.CharField(widget=forms.Textarea) contact_form.html : <form action="" method="post"> <table> {{ form.as_table }} </table> <input type="submit" value="Submit"> </form> 예를 들어, 어떻게 내가 설정하는 클래스 또는 ID가 을 위해 subject, email, message에 외부 스타일 …

150 css  django  django-forms 

이것은 Chrome에서 발생하는 오류이며 불행히도 검색하면 많은 결과를 얻지 못했습니다. 글꼴 자체가 올바르게 나타납니다. 그러나 여전히이 오류 / 경고가 나타납니다. 보다 구체적으로 이것은 전체 경고입니다. "다운로드 한 글꼴을 해독하지 못했습니다 : http : // localhost : 8000 / app / fonts / Lato / " 내 CSS는 다음과 같습니다. @font-face …

149 css  html  fonts 

자바 스크립트 또는 텍스트 장식을 사용하지 않고 텍스트를 구식 스타일로 깜박이게하고 싶습니다. 전환 없음, * blink *, * blink *, * blink * 만! 편집 : 이것은 연속 전환없이 깜박임 을 요청하기 때문에이 질문 과 다릅니다 . 반면 다른 질문의 OP는 깜박임 을 연속 전환으로 대체 하는 방법을 묻습니다.

149 html  css  css-animations  blink 

브라우저에서 이미지 크기를 조정하기 위해 html5 canvas 요소를 사용합니다. 품질이 매우 낮습니다. 나는 이것을 발견했다 : <canvas>를 스케일링 할 때 보간을 비활성화 하지만 품질을 높이는 데 도움이되지 않습니다. 아래는 내 CSS 및 js 코드뿐만 아니라 Photoshop에서 호출되고 캔버스 API에서 크기가 조정 된 이미지입니다. 브라우저에서 이미지를 스케일링 할 때 최적의 품질을 …

149 javascript  css  html  canvas  html5-canvas 

CodePen : http://codepen.io/anon/pen/RPNpaP . 빨간색 상자가 나란히있을 때 너비가 25 em 밖에되지 않기를 원합니다.이 미디어 쿼리 안에 CSS를 설정하여이를 달성하려고합니다. @media all and (min-width: 811px) {...} 에: .flexbox .red { width: 25em; } 그러나 그렇게하면이 일이 발생합니다 : http://i.imgur.com/niFBrwt.png 내가 뭘 잘못하고 있는지 알아?

149 html  css  flexbox 

가로 메뉴를 가운데 정렬해야합니다. / / 등 의 혼합을 포함한 다양한 솔루션을 시도했지만 성공하지 못했습니다.inline-blockblockcenter-align 내 코드는 다음과 같습니다. <div class="topmenu-design"> <!-- Top menu content: START --> <ul id="topmenu firstlevel"> <li class="firstli" id="node_id_64"><div><a href="#"><span>Om kampanjen</span></a></div></li> <li id="node_id_65"><div><a href="#"><span>Fakta om inneklima</span></a></div></li> <li class="lastli" id="node_id_66"><div><a href="#"><span>Statistikk</span></a></div></li> </ul> <!-- Top menu content: END …

148 css  xhtml  menuitem 

TABLE-layout에서 DIV-layout으로 전환 한 이후로 한 가지 일반적인 문제가 남아 있습니다. 문제 : 동적 텍스트로 DIV를 채우고 필연적으로 div 열의 가장자리 위로 확장되어 사이트가 비전문적 인 것처럼 보이게하는 매우 긴 단어가 있습니다. RETRO-WHINING : 테이블 레이아웃에서는 이런 일 이 발생 하지 않았습니다 . 표 셀은 항상 가장 긴 단어의 너비까지 …

148 css  layout  html 

테이블 컨테이너 안에 불확실한 수의 테이블 셀 요소가 있습니다. <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> 표 셀의 크기가 다른 콘텐츠라도 테이블 셀의 너비를 동일하게 유지하는 순수한 CSS 방법이 있습니까? 감사. 편집 : 최대 너비를 가짐으로써 내가 생각하는 셀 수를 알 수 있습니까?

148 html  css  html-table 

설정된 크기를 유지하기 위해 HTML 테이블이 필요한 페이지를 작성 중입니다. 나는 항상 거기에 머 무르려면 테이블 상단에 헤더가 필요하지만 테이블에 추가 된 행 수에 관계없이 스크롤하려면 테이블 본문이 필요합니다. 엑셀의 미니 버전을 생각하십시오. 이것은 간단한 작업처럼 보이지만 웹에서 찾은 거의 모든 솔루션에는 몇 가지 단점이 있습니다. 이 문제를 어떻게 해결할 …

148 javascript  html  css  html-table 

배경 이미지를 중앙에 배치하고 싶습니다. 사용 된 div가 없으며 CSS 스타일입니다. body{ background-position:center; background-image:url(../images/images2.jpg) no-repeat; } 위의 CSS는 모든 타일과 중앙에 위치하지만 이미지의 절반은 보이지 않으며 위로 움직입니다. 내가하고 싶은 것은 이미지의 중앙에 있습니다. 21 인치 화면에서도 이미지를 볼 수 있습니까?

148 css 

방금 이 질문을 우연히 발견했으며 사용자가 전에 본 적이없는 표기법을 사용하고 있음을 알았습니다. @font-face { /* CSS HERE */ } 이 @기호는 CSS3의 새로운 것입니까, 아니면 내가 간과했던 것입니까? 이것은 사용하는 ID #와 사용하는 클래스와 같은 것 .입니까? Google은 이와 관련된 좋은 기사를 제공하지 않았습니다. @CSS 에서 심볼 의 목적은 …

148 css  syntax  symbols 

자녀의 콘텐츠를 마스킹하려면 부모 div에 둥근 모서리가 필요합니다. overflow: hidden간단한 상황에서는 작동하지만 부모가 상대적으로 또는 절대적으로 위치하면 웹킷 기반 브라우저 및 Opera에서 작동하지 않습니다. 이것은 Firefox 및 IE9에서 작동합니다. CSS #wrapper { width: 300px; height: 300px; border-radius: 100px; overflow: hidden; position: absolute; } #box { width: 300px; height: 300px; background-color: …

147 html  rounded-corners  css