'HTML' 태그의 글 목록 (4 Page)

어떤 이유로 내 모든 탭이 하나로 간주됩니다. 어떻게 분리 할 수 있습니까?

질문 그래서 id는 Home-Popular에 대해 각각 개별적으로 선택할 수 있습니다. 감사 할만한 설명을 남길 수 있다면 왜 그렇게하는지 잘 모르겠습니다. 향후 코드를 최적화하기위한 팁과 함께 도움을 주시면 감사하겠습니다. 감사합니다. CULT Home Men Women New Arrivals Popular home Welcome Home Men yang Women ying New new shit The Orbit most popular 'css 문서' [data-tab-content] { display: none; } .active[data-tab-content] { display: block; } body { padding:0; margin:0; } .tabs{ display: flex; justi..

카테고리 없음 2020. 8. 8. 12:44

HTML 테이블에서 세로로 스크롤 할 수있는 td가 Firefox에서 작동하지 않습니다.

질문 Chrome에서 예상대로 작동하지만 Firefox에서는 작동하지 않는 바이올린이 있습니다. 테이블에 두 가지 요소가 있습니다. 왼쪽 요소의 내용은 매우 짧고 다른 요소의 내용은 매우 깁니다. 두 요소가 표에서 같은 크기 인 것처럼 표시되고 더 긴 요소에는 스크롤바가 있어야합니다. https://jsfiddle.net/rju1os7m/1/ 크롬 (양호) : Firefox (나쁨) : HTML : This is a short td This is a really long td with a lot of text that you have to scroll through it's great it's really incredible very cool indeed yes alright everybody thank..

카테고리 없음 2020. 8. 8. 02:58

CSS 형식 입력 (선택됨) 조건부

질문 button을 선택하면 (예 : 텍스트를 녹색으로 변경) 라디오 레이블 텍스트의 색상을 변경할 수 있지만 조건부로 변경하고 싶습니다. 즉. 옵션 1을 선택하면 텍스트를 녹색으로 변경하고 옵션 2를 선택하면 텍스트를 빨간색으로 변경합니다. [JSF 중간] [1] HTML Red when checked Green when checked CSS input[type=radio]:checked + label { color: green; } 답변1 선택했을 때 각 항목이 고유 한 색상을 갖도록하려면 더 구체적인 선택기를 사용할 수 있습니다. input[type=radio]:nth-child(1):checked { color: green; } input[type=radio]:nth-child(2):checked..

카테고리 없음 2020. 8. 8. 02:37

내 양식이 작동하지 않습니다. Angular HTML Typescript를 사용하고 있습니다.

질문 그래서, 작동하려면이 양식이 필요합니다. 하지만 각도 응용 프로그램을 실행할 때마다 빈 페이지 만 표시됩니다. 양식이 표시되는 페이지 재미있는 점은 줄을 편집 할 때마다 다음과 같이 남겨 두는 것입니다. , 양식이 나타나지만 등록 button이 작동하지 않습니다. 내 HTML 양식은 다음과 같습니다. Registre-se na MPG! Nome O primeiro nome é obrigatório. Sobrenome O sobrenome é obrigatório. Data de Nascimento A data de nascim..

카테고리 없음 2020. 8. 8. 02:18

텍스트를 기준으로 이미지 위치 지정

질문 3 열 Grid가 있고 모든 크기를 조정할 때 왼쪽 이미지 (파란색 광선)가 항상 텍스트 옆에 머물기를 원합니다. 그러나 크기를 조정할 때 Grid가 늘어나지 만 (다른 열에서는 괜찮음) 이미지가 항상 텍스트 옆에 머물러 있고 표류하지 않기를 원합니다. 조언하십시오. 내 디자인이 어떻게 보이기를 원합니까? 왼쪽 상단에서 광선이 나오는 텍스트 이것은 내 코드입니다 #index-about-top { @include md { display: grid; grid-template-columns: 10% 340px auto; padding-left: 15px; } article { @include md { display: flex; justify-content: center; flex-direction: co..

카테고리 없음 2020. 8. 8. 02:00

열 기반 Grid를 행 기반 Grid로 만들기 [closed]

질문 Closed. This question needs debugging details. It is not currently accepting answers. 이 질문을 개선하고 싶으십니까? Stack Overflow의 주제 가되도록 질문을 업데이트하세요. 지난 달 은 마감되었습니다. Improve this question 이 템플릿을 사용하는 세 개의 열이있는 Grid가 있습니다. grid-template-columns : 70px auto 70px; 색상을 무시하십시오. 대 조용입니다. 내가 원하는 것은 동일한 크기의 @ media-query (max-width : 700px) 에 따라 열 크기가 행으로 조정되도록하는 것입니다. 이것이 일반적인 질문이라면 사과드립니다. 잘못된 키워드를 검색하고있는 것..

카테고리 없음 2020. 8. 8. 01:39

확대 / 축소시 표 이동 방지-CSS

질문 .안녕하세요, 축소하면 마지막 테이블이 다음 행으로 이동합니다. 테이블이 다음 행으로 이동하지 않도록 레이아웃을 수정하는 방법이 있습니까? 이 문제를 해결할 수 있도록 조언이나 해결 방법을 제공해 주시겠습니까?나는 많은 것을 시도했지만 불행히도 해결책을 찾을 수 없습니다. 모든 지원과 의견에 미리 감사드립니다. table { width: 100%; } .first, .second { width: 50px; } .third { text-align: right; } #customers { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; border-collapse: collapse; width: auto; } .bl..

카테고리 없음 2020. 8. 8. 01:23

로드 된 후 실제 고해상도 이미지로 여러 개의 작은 해상도 이미지 소스를 변경하는 방법은 무엇입니까?

질문 저는 저해상도 이미지가 적용된 후 고해상도 이미지를로드 하고 처음로드 된 작은 저해상도 이미지로 설정하는 웹페이지를 작업 중입니다. 이는 작은 블러 처리 된 이미지를 더 빠르게로드 하고 완전히로드 된 후 고해상도 이미지로 흐리지 않은 이미지를 대체 하기위한 것입니다. / strong>. 이 기능을 추가하기 위해 자바스크립트를 시도하고 있지만 멈췄습니다. 특히 나는 이것에 익숙하지 않기 때문에. 이것이 제가 지금까지 쓴 것입니다. 도움을 주시면 감사하겠습니다. 티 (function() { let image = document.images //all low-res blurred images of class "image" let big_image = document.getElementsByClassNam..

카테고리 없음 2020. 8. 8. 01:05

마우스 오버시 이미지를 바꿀 수 없습니다.

질문 이것은 나에게 결코 일어나지 않았고, 호버링이 발생하는 이유를 알 수는 없지만 뒷면 이미지는 변경되지 않습니다. .settings{ width: 2.0vw; height: 2.0vw; margin-top: calc((8vh - 2vw)/2); margin-left: 1.5vw; float: left; background-position: center; background-size: contain; } .settings:hover{ background-image: url("assets/settingsH.svg"); } 이미지가 있음을 증명하기 위해 assets / settingsH.svg 를 html 에 설정하면 마우스 오버 이미지가 표시됩니다. 호버링시 크기를 변경하면 작동 (호버링 발생)도 작동하..

카테고리 없음 2020. 8. 8. 00:29

CSS에서 button을 부모와 독립적으로 만드는 방법

질문 메인 div 블록과 "이동"button이있는 "랩"블록이 있습니다. 메인 블록의 높이를 설정하지 않으면 button이 최대한 작아집니다. 하지만 특정 높이를 설정하면 button이 세로로 늘어납니다. 기본 div 블록의 높이와 관계없이 button을 늘이고 싶습니다. .main-action-box { width: 84%; margin: 50px auto 0 auto; /*border: 1px solid #f00;*/ padding: 50px 45px; border: 1px solid #eee; border-radius: 5px; } .main-action-box { display: flex; flex-direction: column; justify-content: flex-start; align-i..

카테고리 없음 2020. 8. 8. 00:02

container 높이는 자식 중 하나에 맞게 조정되고 다른 자식은 container에 맞게 조정 됨 [중복]

질문 This question already has answers here: How can you set the height of an outer div to always be equal to a particular inner div? (2 answers) Closed last month. 예: .left { width: calc(50% - 10px); float: left; } .right { background-color: green; width: calc(50% - 10px); float: right; height: 100px; } Title Run code snippetHide resultsExpand snippet 다음은 codesandbox 입니다. 그렇게. 답변1 float 를 제거하고 부모..

카테고리 없음 2020. 8. 7. 23:45

CSS Grid 및 플렉스 박스를 사용한 이미지 위치 지정

질문 현재 내 이미지 갤러리의 모습 내가 가진 CSS 코드는 다음과 같습니다. .images img { object-fit: cover; height: 300px; width: 100%; border-radius: 3px; box-shadow: 0 2px 20px rgba(0, 0, 0, .25); display: flex; justify-content: space-between; margin-bottom: 20px; } .images { /* CHANGE TO GRID */ display: grid; grid-template-columns: repeat(2, 1fr); justify-content: space-between; grid-gap: 20px; width: 940px; max-width: 10..

카테고리 없음 2020. 8. 7. 23:22

잡동사니

HTML → (63)건