inflearn logo
강의

Course

Instructor

Easy to learn and create a responsive web portfolio! #Sulwhasoo

[header] Writing a language menu script

js 토글질문

Resolved

254

KH Lee

3 asked

1

현재 강의에서 select_language에 토글을 걸어놔서

해당 css부분은 width가 25%여서 정확히 ^ 버튼을 누르면 language창이 뜨는게 아닌

^가 아닌 옆에 넓은 width 25% 범위 전부에서 토글이 작동합니다.

해당 문제를 해결하려면

어디에다가 변수설정해서 토글을 설정하면 좋을까요?

 

HTML/CSS 반응형-웹 클론코딩

Answer 1

2

lizb

안녕하세요~
위의 내용만으로는 정확히 어떤것이 문제인지 잘 모르겠습니다.
loo4love90@gmail.com
소스파일을 보내주시면 확인해 보고 다시 답변 달도록 할께요~

0

KH Lee

메일 보냈습니다.
답변 감사합니다.

0

lizb

이메일 확인하고 연락 드립니다.
아래 내용처럼 수정하면 개선 될 것 같습니다.
width가 25%로 넓게 잡히는 거니, 기본값으로 변경하고
대신 그렇게 되면 h1의 위치가 .header_wrap의 justify-content속성 때문에
정확한 가운데 위치하기가 힘들어 지는데요
이럴 때는 가운데 배치하는 요소에 position을 주는 것이 가장 쉬운 방법입니다.
열공하세요~ 화이팅!

.select_language{
width:auto;
...
}
h1.logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

Json 플러그인 사용시 variable collection 없음

0

12

1

배리어블 목록 없음

0

21

3

Token 등록 방법 문의

0

18

1

a태그 질문!

1

374

2

질문있습니다!!

1

549

3

css bacground-image를 인식하지 못합니다.

1

397

1

안녕하세요 visual slide 질문이 있습니다.

1

416

1

초반 셋팅 어떻게하나요?

0

389

1

visual animate 질문

1

291

1

navigation script 질문드립니다.

1

271

1

클래스 질문 드려요!

1

238

1

[header] navigation script 작성하기 8분짜리 강의 추가 설명 부탁

1

251

1

.nav_d1_a 간격 조정이 안됩니다

1

255

1

.show 앵글다운 아이콘(opacity 0) 안됩니다

1

290

1

안녕하세요!

1

206

1

999px 풋터에 '한국어' 떄문에 풋터가 길어졌어요

1

330

1

max-width:999px에서 비주얼 폰트 vw 변환문의 드려요~

1

565

1

lounge 플랙스-스페이스비트윈등이 않되요~

1

272

2

질문드려요~

1

265

1

gnb에 submenu가 나올때

1

237

1

Search 코딩

1

229

1

강의초반reset.css

1

226

1

js 가 안되요..

2

253

3

Mac에서는 beautify 단축키가 어떻게 되나요?

1

427

1