position에 관련된 질문입니다
누리알찬
질문드립니다
지도위에서 검색한 위치를 잡고 그 위헤 말풍선을 띄울려고 하는데요
현재 말풍선이 세로로 나와서 고민중에 있습니다
말풍선과 위치아이콘자제(pointer)에 고정픽셀을 잡으면 제대로 보여지긴 하지만 말풍선에 띄워놓은 말풍선꼭지가 위치아이콘 가운데로 오지 않는 문제가 있습니다
말풍선(speech)에 position을 제거하면 또 제대로 나오지만 원하는 위치에 제대로 나오지 않구요
텍스트는 유동적이어야 할것 같은데.... 어찌해야할지
원래 감싸고 있는pointer 클래스에 고정픽셀을 써야 했던건지
제가 잘 몰라서 그런건지도 헷갈리네요
다른 좋은 방법이 있으면 알려주세요
몇시간째 머리싸매고 이렇게 저렇게 하고 있는데 답답해서..ㅠ
파일 첨부해서 올립니다 부탁드려요~
-
벼리 2023-10-20
아 완전 감사해요~
제가 css를 잘 못쓴거였군요
이번에 또 하나 배우고 갑니다~^^ -
갤1 2023-10-20
텍스트가 유동적일 것 같으면... max-width를 사용하시면 아니아니 아니되오~
최대넓이거든요. 지금 max-width: 100px로 하셨으면 최대너비가 100픽셀이라고 고정하는 것이죠.
▼솔루션▼
class=\speech\에
max-width속성 지워주시고요. position속성을 relative로 바꿔주세요.
그러면 고민하시던 부분이 일부 해결될꺼에요^^ -
찬늘봄 2023-10-20
width가 꼭 고정이어야 하는건가요? 고정width를 넣어줘야하는 이유가 있을까요? 기획자한테 고정으로 해야하는 이유를 설명해주어야 납득할것 같아서요... 피곤하네영~ㅠ
-
당나귀 2023-10-20
말풍선이 세로인 것을 가로로 바꾸기 위해서는
class=\speech\부분에
너비(width)속성 값을 설정해 주셔야합니다.
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2655352 | 동영상 플래이어 (2) | 머슴밥 | 2024-05-19 |
2655320 | GList를 사용하는데 에러가 발생합니다. 도와주세요~~ | 찬늘봄 | 2024-05-18 |
2655291 | 자바 초보입문했는데요~~ | 이퓨리한나 | 2024-05-18 |
2655235 | xml연동 갤러리 생성관련 질문입니다. (2) | 난새 | 2024-05-18 |
2655205 | C++ 포인터 if | WatchOut | 2024-05-17 |
2655150 | 모바일 웹 환경을 구축을 할때의 콘텐츠 이미지 사이즈 (2) | 레오 | 2024-05-17 |
2655122 | 엥;; getMonth() 왜이렇게 나타나죠? (6) | 초코맛캔디 | 2024-05-17 |
2655095 | 구구단 질문이요 (3) | 하예진 | 2024-05-16 |
2655064 | RSA.js 파일 구할 수 있을가요.. 있으신분 첨부좀 해주세요.. | 얀 | 2024-05-16 |
2655009 | 유료테마 사려고 하는데 데모파일이 없다면 | 에드가 | 2024-05-16 |
2654980 | cximage를 통해 jpg파일을 받아와 윈도우에 뿌리는 프로그램을 만드는중인데 꼬였습니다. (4) | 하린 | 2024-05-15 |
2654922 | 고도몰 3차 4차 이상 카테고리 표출되게.. (7) | 유메 | 2024-05-15 |
2654874 | 제이쿼리랑 자바스크립트 학원 추천좀부탁드릴게요 (7) | 향율 | 2024-05-14 |
2654843 | 탭버튼 코딩시 마우스오버가 접근성에 왜 어긋나는지 궁금합니다... (1) | 걸때 | 2024-05-14 |
2654814 | 중국어 인코딩 관련해서 질문요,,, (5) | 화이트캣 | 2024-05-14 |
2654783 | 이 알고리즘 한줄한줄 해석좀 부탁드립니다. (1) | 요루 | 2024-05-14 |
2654764 | t 탭 질문이여. (3) | 눈 | 2024-05-13 |
2654737 | 크롬 인쇄하기 오류 (멈춤현상) | 아라 | 2024-05-13 |
2654708 | ie6에서 margin 문제 (5) | 너만 | 2024-05-13 |
2654681 | 아까 올렸던 질문의 액션코딩 (3) | 큰꽃들 | 2024-05-13 |