[html, css] tr 위에 떠있는 오브젝트

Question

안녕하세요 오늘은 검색 자체를 어떻게 해야 할지 몰라서 질문하게 되었습니다.제목에 쓴대로 tr안에 td들이 많이 있는데요 이것들이 슬라이드 식으로 현재 움직이고 있습니다.이 tr 앞 (z-index상으로 앞) 오른쪽 끝에 움직일수 있다는 의미의 > 이런 형태를 하나 넣고 싶은데요키워드라도 알려 주시면 감사하겠습니다.

니플 · Answer

잘 모르겠네요그림으로 설명가능할까요? 그냥 태그를 넣는 것이면 position으로 잡으면 되는데정확한 위치와 내용을 모르겠습니다. 해당 영역의 소스와 스샷으로 확인가능할 것같습니다.

ramesell · Answer

넵 위 사진이 바로 예시 입니다.저 세일 이라는 메뉴는 슬라이드로 이동하구요저코드는 div ul li로 작성 되었는데 현재 제가 만든 코드는 table의 tr과 td를 이용해서 구현하고 있습니다.근데 저렇게 구현하기위해서 제 생각에는 tr위에 둥둥 띄운다는 느낌으로 설명을 드렸습니다.

니플 · Answer

>는 이미지로 있는 상태이죠?그렇다면 세일을 posotion:relative>를 absolute로 설정하고 위치를 조절하면 됩니다. 세일이 이미지라면 하나의 이미지로 만드는 것도 좋을 것같아요

ramesell · Answer

넵 신입님 답변 감사합니다.세일과 붙어 있으면 안되는 메뉴 라서요제가 설명을 잘못 드린거 같습니다.tr에서 ::after를이용하여 구현 하였습니다.다시한번 답변 감사드립니다.

[html, css] tr 위에 떠있는 오브젝트

4개의 답변

#td 목록