스타일(css)문의
김자영
제가 웹접근성 연구소 코딩스타일을 좀 보려다가 스타일 하나가 궁금해서 아무리 css를 봐도
모르기에 문의드려요. ^^;
firebug사용시 dd에 포커스가 생기면 dd의 영역이 잡히잖아여?! 근데 영역이 dt까지 잡히더라구여
dt는 float:left;되어있고, dd는 float하지 않은 상태이네요.
그래서 dd.next에 border-top:1px dotted #B3D4D9; 하니까 dt까지 dot이 쫙~ 깔리더라구요.
그래서 궁금한거는 어떻게 dt까지 영역이 잡혔을까 하는 것입니다.
margin-left에 -수치를 넣어준것도 아니구; 아~ 정말 궁금해여 ^^;
혹시 이런방법으로 코딩하시는 분들 계시나여?
css도 올려드립니다.
-
나나
제가 안한건 아니구여 ㅋㅋ
접근성 연구소에서 안하신거에여 ㅋㅋ
dd에 float:left;하면 하단 dt가 또 딸려 올라오니까
그러신게 아닐까여? 소스도 간소화되구 말이죠 -
천사
저두 그렇게 생각하고 테스트 했는데 dt가 나오고 나서 dd가 width:100%를 가지더군여;;
ㅠㅠ -
빛초롱
dd 에 float:left; 해주세요~
안해주는 이유라도?;;; -
꽃겨울
dt는 플로트 되면서 블록으로서 가지던 100% 넓이를 잃었고 dd는 블록으로서 100% 가져서 dd에 보더주면 100%로 출력되는게 아닐지. dt는 100%를 잃었대도 내용이 있고 패딩값이 있으니 고만큼은 출력되는듯하네요.
-
나샘
요크 님의 말 처럼 dd에도 float를 주는 경우
dd의 텍스트가 dt의 영역보다 길어질 경우 dt의 아래로 텍스트가 흐름니다.
지금 dt와 dd의 영역이 구분 되어 있는 디자인 이니까
dd의 텍스트가 길어진다면 이전글 밑으로 흐르겠지요-
그렇게 되지 않게 하기 위해 dd에 float를 주지 않고 margin-left를 사용해서
영역을 구분 하는것이 좋습니다. -
유진공주
dd에 margin-left:(dt의 넓이) 가 들어가 있지 않나요???
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2702543 | C++ 프로그램을 웹연동시킬경우 | 아이폰 | 2025-07-24 |
| 2702487 | 저작권관련 긴급질문요~ (6) | 지희 | 2025-07-23 |
| 2702459 | 최근 포트폴리오 부분 질문드려요 | 흰가람 | 2025-07-23 |
| 2702431 | 플래시9에서 lite는 얼마나 발전할까요? (6) | 자올 | 2025-07-23 |
| 2702375 | mvc패턴 게시판 ..........아힘들어요 고수님들좀상세히도와주세요;; (3) | 냐하 | 2025-07-22 |
| 2702317 | ie6메뉴 보더문제 (3) | VanilLa | 2025-07-22 |
| 2702287 | c++ 변수 중간값 뽑아내서 비교하는 법 | 헛장사 | 2025-07-21 |
| 2702258 | AS2,0 함수에서 매개변수의 타입이 각각 다를때는? (5) | 하림 | 2025-07-21 |
| 2702228 | 이 표현은 무엇인지... 몰라서요. (2) | 도란도란 | 2025-07-21 |
| 2702197 | dll 인젝션 사용법좀 알려주세요 | 새밝 | 2025-07-21 |
| 2702147 | dd 안에 div들어가도 되나요? (8) | 꿈 | 2025-07-20 |
| 2702086 | [질문]세션 박스 질문입니다. (1) | 하연 | 2025-07-20 |
| 2702057 | 씨언어 숙재좀 풀어주실분 ㅜ.ㅜ (3) | 난슬 | 2025-07-19 |
| 2702000 | select 사용시 label 문제 질문드립니다. | 김예쁨 | 2025-07-19 |
| 2701970 | 실행파일의 이름은 어디서 변경하는지요???? | 호빵녀 | 2025-07-19 |
| 2701856 | 다시 한번 대체텍스트 관련 질문입니다.. (1) | 한샘가온 | 2025-07-18 |
| 2701803 | 저에게 지식의 자비를~ 베푸소서~!! (4) | 봄바람 | 2025-07-17 |
| 2701773 | 메모장 파일을 읽고 출력하는 내용에 관한 질문입니다. | 한국드립 | 2025-07-17 |
| 2701748 | 아이피 변경 부분이요... | 날애 | 2025-07-17 |
| 2701665 | 자바스크립트 // 왜 if 두개를 쓰면 오류가 나죠? (2) | 글리슨 | 2025-07-16 |