table태그 안에 td class 속성 질문입니다.
흰두루
html5 이용해서 모바일 웹 코딩하고있는데요...
table을 이용해서
table class=mtable
tr
td class=listbtn1img src=images/cooperate/listbtn1.jpg/td
td class=listbtn1img src=images/cooperate/listbtn2.jpg/td
td class=listbtn1img src=images/cooperate/listbtn3.jpg/td
/tr
/table
.mtable {border-collapse:collapse;width:90%;}
.mtable tr {width:100%;}
.mtable .listbtn1 {width:30%;border:1px solid #ff0000;margin:0 0 0 2%;}
이런식으로 td에 클래스를 줘서 td class만 따로 margin을 줬더니 움직이질 않네여..
border 버튼에 먹는데...margin은 왜 안먹는지ㅠ.ㅠ padding을 주면 버튼 사이즈가 조절이 되서 padding을 쓰면
안되네요ㅠ.ㅠ
이거 해결방법 아시는 고수님들 답변좀 주세요ㅠ.ㅠ
하면 할수록 먼가 어려움에 봉착하는 코딩이네요ㅠ.ㅠ
-
해련
tr에 width주는거 잘못된거에요 빼시구요
td에는 width값 주시고 td안에있는 img에 마진값줘보세요
박스모델 한번 다시 점검해보셔야 할거같아요~ margin은 박스의 바깥쪽 여백인데 테이블구조안에서 td끼리는 붙어있는 구조니 안먹히는게 맞구요 width때문에 padding을 못준다면 위에 설명처럼 이미지에 주면 됩니당 -
의사양반
알려주신 태그는 먹긴하는데 버튼영역이 가운데 정렬후 사이간격이 떨어져하는데 전부다 떨어지네요;
td class를 따로 주어도 전부다 떨어지구요ㅠ.ㅠ -
꺄홋
한번 해봐야겠네요...답변 감사드려요
-
죄암죄암
왼쪽을 조금 뛰우시려면 text-indent 를 쓰시면 되지 않을까요??
-
칸나
padding을 이용해서 띄우면 width값이 %라서 버튼들이 작아지고 그러네요...ㅠ.ㅠ
-
초롬
이미지를 왼쪽에서 조금떨어뜨리실려고하시는 건가요?? 그럼 패딩을 줘보세요 아닌가요 ㅋㅋ
-
행복녀
붙여넣기 하는 과정에서 빠졌나 봐여...괄호는 전부 다시 확인했는데 여전히 똑같이 움질이질 않네요..ㅠ.ㅠ
-
차오름
혹시 설마 진짜 이대로 적으셧다면요.,,,
.mtable tr {width:100%; 괄호 안닫으신거구요....