가르쳐 주세요~~
볼매
질문이요~~
FAQ페이지을 짜는데요 잘 안되서요
1. 다들 라인을 어떻게 주시나요 저는 background-bottom:1px solid #ccc 이렇게 주거든요
이게 맞나요? 아니면 좋은 팁있으신지..
2. 그림을 보시면 아시겠지만 A가 맞는 그림입니다. 그런데 제가 작업하면서 계속 이상하게 밑에 타이틀 이미지랑 벌어져서
이렇게 글을 올려요~
- htm l-
div
ul
liimg src=1.어쩌구 저쩌구.gif/li
li어쩌구 저쩌구어쩌구 저쩌구어쩌구 저쩌구어쩌구 저쩌구/li
li/li
liimg src=1.어쩌구 저쩌구.gif/li
/ul
/div
- css -
.aa{
background-top:1px solid #ccc;
}
3. 이것도 추가할께요 ㅜ ㅜ 넘 많아.. 이렇게 코딩을 하려고 하는데요
- html -
div
ul
li style=padding-bottom:15px제목안녕하세요/li
li class=porimg src=버튼.gif/li
li내용내용........../li
/ul
div
- css -
.pro{
float:left;
}
이거 맞는건가요???
-
내꽃
수다님과 수다님 너무 감사합니다. 마지막 붐눈님의 충고 너무 감사하고요..^^
-
해긴
한동안 웹표준 코딩에서는 Table을 Div로 무조건 바꿔야 한다라는 잘못된 인식들이 있었는데, 그와 비슷하게 특정 앨리먼트를 무분별하게 사용하는 경우가 생기는것 같습니다. 마크업은 웹퍼블리셔의 스타일에 따라 차이가 나는 것이고, 어느것이 정답이라고 확실하게 말할수는 없지만 한가지 마크업이 문제를 만들어내고 좋지 않다고 판단이 되면 다른 마크업을 이용해보는 연습도 필요할 것 같습니다.^^
-
파라
제 경우에도 FAQ에 UL 앨리먼트보다는 DL이나 DIV, P를 적절히 이용하는 것이 좋았던 경험이 있습니다.
-
곰돌곰돌
FAQ 마크업엔 리스트도 좋지만 dl dt dd 태그를 쓰시는게 어떠실지요
그리고 라인의 경우 보더루 처리 할수 있다면 보더로 처리 하는게 좋다고 봅니다 그렇지 않은 경우(그림자 혹은 그라데이션)는 비지를 사용 하며 밑에 타이틀 이미지랑 벌어진다면 빈 마크업 li/li를 빼보세요 ^^