수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

테이블 코딩을 하다 div코딩을하니 오류가 많이 나네요.

다옴

2024.02.13

div 코딩을 잘 못다루어서 인지 지금 오류가 많이 나서 문의드립니다.
리블아이콘+썸네일+아이디+날자
코멘트~~~~

이렇게 표현하고 싶은데요.

위 이미지처럼 코딩을 하는데 덧글에 리플을 달면 아래쪽으로 한칸 밀려서요.
css 하고 html을 어떻게 수정해야 할지 문의 드립니다.------------------------------------------------------------------------------------------------------

css

.comment_list{
margin: 10px 0px 20px 0px;
width:720px;
top:0px;
left:0px;
text-align:left;
font-size:14px;
position:relative;
}
.comment_list .thum{
top:10px;
left:12px;
text-align:left;
position:relative;
overflow:hidden;
}
.comment_list .thum_name{
top:0px;
left: 90px;
width: 200px;
text-align:left;
font-size:14px;
position:absolute;
overflow:hidden;
}
.comment_list .thum_text{
top:30px;
left:90px;
width: 600px;
text-align:left;
font-size:14px;
position:absolute;
overflow:hidden;
}
.comment_list .thum_social{
top:10px;
left:0px;
bottom:20px;
width: 200px;
text-align:left;
position:relative;
}
.comment_list .thum_block{
top:10px;
left:0px;
height: 30px;
text-align:left;
position:relative;
background:url(../images/comment_line.png)
}
.comment_list_reply{
margin: 10px 0px 20px 20px;
width:700px;
top:0px;
left:0px;
text-align:left;
font-size:14px;
position:relative;
}
.comment_list_reply .reply{
top:10px;
left:12px;
text-align:left;
position:relative;
overflow:hidden;
}
.comment_list_reply .thum{
top:10px;
left:32px;
text-align:left;
position:relative;
overflow:hidden;
}
.comment_list_reply .thum_name{
top:0px;
left: 110px;
width: 200px;
text-align:left;
font-size:14px;
position:absolute;
overflow:hidden;
}
.comment_list_reply .thum_text{
top:30px;
left:110px;
width: 600px;
text-align:left;
font-size:14px;
position:absolute;
overflow:hidden;
}
.comment_list_reply .thum_social{
top:10px;
left:0px;
bottom:20px;
width: 200px;
text-align:left;
position:relative;
}
.comment_list_reply .thum_block{
top:10px;
left:0px;
height: 30px;
text-align:left;
position:relative;
background:url(../images/comment_line.png)
}html
div class=comment_list
div class=thumimg src=images/comment_thum2.png border=0/
div class=thum_nameb애드워드/b 2012.12.20/div
div class=thum_text전에 광고 통해서 본 적이 있어서 가보고 싶은 전시인데... 기회를 노려 이번엔 꼭 가야겠어요!/div
div class=thum_socialimg src=images/commnet_facebook.png width=32 height=32 border=0/ img src=images/commnet_twitter.png width=32 height=32 border=0/ img src=images/commnet_google.png width=32 height=32 border=0//div
div class=thum_blockimg src=images/comment_line.png width=20 height=10 border=0//div
/div
div class=comment_list
div class=thumimg src=images/comment_thum3.png border=0/
div class=thum_nameb다른엄마/b 2012.12.20/div
div class=thum_text국립현대미술관은 항상 좋은 전시를 하는 거 같네요. tv나 인터넷에 나오면 가봐야지. 하면서 매번 이 핑계 저 핑계대면서 안갔는데.. 이런 이벤트가 .../div
div class=thum_socialimg src=images/commnet_facebook.png width=32 height=32 border=0/ img src=images/commnet_twitter.png width=32 height=32 border=0/ img src=images/commnet_google.png width=32 height=32 border=0//div
div class=thum_blockimg src=images/comment_line.png width=20 height=10 border=0//div
/div
div class=comment_list
div class=thumimg src=images/comment_thum4.png border=0/
div class=thum_nameb공주님/b 2012.12.20/div
div class=thum_text가을 어디갔나? 벌써 쌀쌀한 기운이 느껴지네요...더 추워지기전에 과천한번 가보고 싶어요?싶어요. 이 전시를 기회삼아 다녀오고 싶습니다..!!!!!!!/div
div class=thum_socialimg src=images/commnet_facebook.png width=32 height=32 border=0/ img src=images/commnet_twitter.png width=32 height=32 border=0/ img src=images/commnet_google.png width=32 height=32 border=0//div
div class=thum_blockimg src=images/comment_line.png width=20 height=10 border=0//div
/div
div class=comment_list_reply
div class=replyimg src=images/comment_reply.png border=0/
div class=thumimg src=images/comment_thum5.png border=0/
div class=thum_nameb지나는이/b 2012.12.22/div
div class=thum_text오 멋져요!!!/div
div class=thum_socialimg src=images/commnet_facebook.png width=32 height=32 border=0/ img src=images/commnet_twitter.png width=32 height=32 border=0/ img src=images/commnet_google.png width=32 height=32 border=0//div
div class=thum_blockimg src=images/comment_line.png width=20 height=10 border=0//div
/div

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 콩쑨 2024-02-13

    책임지시고 1:!강의라도..?

  • 맨삶이 2024-02-13

    table 코딩만 하시다가 .. 웹표준은 div 코딩이다... 얘기 하니까 ..
    div 로만 .......................................ㅎㄷㄷ
    이거.. 어떡ㅎㅏ지 @.@;

  • 총알탄 2024-02-13

    div 난무...ㄷㄷㄷㄷ
    윗분 말씀처럼 그냥 처음부터 다시 잡으시길...

  • 일본어못해요 2024-02-13

    감사합니다. 기본이 없이 여기저기 짜집기 해서 만들다 보니 이렇게 되었네요.. ^^;;
    다시 만들어보겠습니다.

  • 아이폰 2024-02-13

    float로 하시지..ㅠㅠ position을 너무.. 남발 하셔서.. 어렵네요..
    제 방법은.. 댓글 부분을 absolute로 변경해서 강제로 위치 잡는것입니다.
    그리고 width랑 height가 잡히지않은 곳에 overflow는.. 심하게 꼬일 소지가 잇습니다...
    정말 .. 진짜 좋은 답은.. 처음부터 다시 만드는거요..
    저같은 경우엔 이런건..
    ul로 컨테이너 잡고
    li로 한줄씩 잡으면서
    이미지는 div
    텍스트는 dd 이런식으로 처리합니다..
    d

  • 해샘찬 2024-02-13

    Block과 Inline 자료 찾아보겠습니다.

  • 단화한 2024-02-13

    리플의 이미지 를 싸고있는 div가 block인데 왜 다음줄에 나온지 못하신다면 Block과 Inline에 차이에 대해서 더 알아보셔야합니다;

  • 보미 2024-02-13

    헉...마크업..;ㅅ; 웹표준은 의미에 맞게 태그를 써야하는데 ㅠㅠㅠ

  • 퍼리 2024-02-13

    음. div랑 table의 tr td랑 같은걸로 알아서요.. ^^;;

  • 세찬 2024-02-13

    웹표준은 거의 모르시나 보내요 ..
    div 코딩이라고 해서 죄다 div로 해서 하면 안되죠 ...@.@;;마크업 어쩜 좋노 ㅠㅠ

번호 제 목 글쓴이 날짜
2694553 무비클립안의 duplicate 발동이 안돼네요; 딥보라 2025-05-12
2694523 자바 애플릿 질문좀 ^^ (6) 동이 2025-05-12
2694494 [질문] JAVA 또는 C++ 로 프로그램 개발시.. 레지스터리 등록 관련 의문점? (3) 우람늘 2025-05-11
2694469 익스6에서 css버그 나오는것 해결방법좀요 !!!! (6) 원술 2025-05-11
2694442 로컬에선 잘 나오는데 운영에 반영하면 이상하게 나와요. (8) 목화 2025-05-11
2694412 [질문] 이미지 로딩후 사이즈 조절할때 (1) 아담 2025-05-11
2694391 설치형 블로그 쓰시는 분들 어떤거 쓰세요?? (7) AngelsTears 2025-05-10
2694362 Microsoft SQL Server에서 서버만드는법 어둠 2025-05-10
2694333 for문으로 돌린 이름의 제어 (4) 레이 2025-05-10
2694308 이미지 css 도와주세요 ㅠㅠ (2) 애기 2025-05-10
2694223 [급질문]스크롤스파이의 offset값 진나 2025-05-09
2694195 li에 이미지 넣고 세로로 메뉴 구성하는 경우 (1) 예님 2025-05-09
2694167 canvas 질문요. (4) 찬늘봄 2025-05-08
2694136 왜 이렇게 나오는지 이해가 잘 가지 않네요. 부탁드리겠습니다... (2) 세련 2025-05-08
2694111 div , css 공부하고있는데요 잘모르겠어요.. 도와주세요 ㅠ_ㅠ (10) 모람 2025-05-08
2694035 작업관리자 창에.. CPU사용 현황처럼 만들고 싶습니다. (1) 다올 2025-05-07
2694004 Linux에서 java사용 (2) 한빛 2025-05-07
2693978 CS5.5 베타 버젼이라도 다운받을 수 있는 사이트 아세요? (4) 콩순 2025-05-07
2693922 프로그램 시간을 측정하는 클래스나 매써드.. (3) 꽃짱구 2025-05-06
2693893 데이터베이스 이벤트시 hook 이 있을까요? 루나 2025-05-06
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com