inflearn logo
강의

Course

Instructor

Creating a Map Service with the Corona Map Developer 2

Display keyword search data on map

upload.css 관련 질문

108

wiyuchan1021

6 asked

0

body {
  padding: 0px !important;
  margin: 0px !important;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  background: #333;
  position: fixed;
  width: 100%;
  z-index: 1001;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-decoration: none;
  text-align: center;
  padding: 14px 16px;
}

.active {
  background-color: #0322AB;
}

li a:hover:not(.active) {
  background-color: #111;
}

.infow .body {
  position: relative;
  overflow: hidden;
}

.info .desc {
  position: relative;
  margin: 8px 0 0 90px;
  height: 75px;
  display: block;
}

.map .wrap,
.map_wrap * {
  margin: 0;
  padding: 0;
  font-size: 12px;
}

#menu_wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 200px;
  margin: 50px 0 30px 10px;
  padding: 5px;
  overflow-y: auto;
  background: rgba(255, 255, 255, 0.7);
  z-index: 1;
  font-size: 12px;
  border-radius: 10px;
}

#menu_wrap hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 2px solid #5f5f5f;
  margin: 3px 0;
}

#placesList .item {
  position: relative;
  border-bottom: 1px solid #888;
  overflow: hidden;
  cursor: pointer;
  width: 100px;
}

#placesList .item span {
  display: block;
  margin-top: 4px;
}

#placesList .item .info {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 20px;
}

#placesList .item .active .info_title {
  font-weight: bolder;
}

인포윈도우에서 제목에 볼드 처리가 되지 않고, 검색결과 간의 구분이 표시되지 않습니다...

node.js 웹앱 mongodb express mongoose

Answer 1

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. wiyuchan1021님.

CSS 코드에서 정보 박스의 제목이 볼드 처리되지 않는 문제와 검색 결과 간의 구분이 제대로 표시되지 않는 문제에 대해 답변 드리겠습니다.

현재 제공해 주신 CSS를 보면, .active 클래스와 .info_title에 대한 스타일이 명확히 설정되지 않은 것 같습니다. 예를 들어, .info_title 클래스에 font-weight: bold를 명시적으로 추가해 보시는 것은 어떨까요?

또한 검색결과 간의 구분을 위한 스타일이 명확히 적용되지 않는 경우, CSS 선택자가 구체적으로 해당 요소들을 잘 타겟팅하고 있는지 확인해 보시기 바랍니다. 예를 들어, .item 클래스에서 border-bottom이 설정되어 있으니, 이부분이 제대로 적용되고 있는지 HTML 구조도 점검해 보세요.

유사한 질문에 대해 도움될 수 있는 답변 링크를 추천합니다:
- 웹페이지 출력 오류

이 링크에서 비슷한 이슈가 어떻게 해결될 수 있는지를 확인하실 수 있을 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

안녕하세요 선생님 도와주세요

0

142

1

marker 크기 관련 질문

0

121

0

mongoDB 관련 질문

0

154

1

키워드 검색 데이터 받아오기 강의중 문제 발생

0

246

1

404에러가 뜨네요 ㅠㅠ

1

371

1

카카오 api 발급 및 적용중에 upload 페이지가 뜨지를 않아서요.

0

259

1

키 발급 부탁드립니당!!

0

183

0

코드를 다운받을 수 있는 곳이 있나요?

0

208

0

서버 구축

0

305

0

인포박스가 생성되지 않아요

1

383

2

infowindow_wrap부터 css가 적용이 안돼요

0

250

0

화살표 함수 두번 쓰는 이유가 궁금합니다.

3

226

0

이거 좀 너무 "코드보고 따라치세요" 식 아닌가요?

3

244

1

마커 클러스터 내의 텍스트 속성 지정 방법이 궁금합니다.

0

337

1

로딩 속도를 높이는 방법이 궁금합니다.

0

281

1

헉! 저도 회원가입에서 막혔네요

1

210

1

-g로 설치하는 이유가 있나요?

1

191

1

강의 내용 외 문의

0

177

0

마커 기능 질문

1

171

1

script 태그에 있는 클라이언트 아이디가 github에 공개되지 않도록 올리는 방법이 있을까요?

1

433

1

웹 관련 문의

1

259

1

서버접속시 오류가 발생하네요

1

232

2

지도정보 표시

1

351

1

안녕하세요 강사님. ajax관련 질문을 남기고자 합니다.

1

340

1