정말... 제 깊은 의미를 이해못해주시다니..ㅠ; (특히 c샵님보세요) 정보
정말... 제 깊은 의미를 이해못해주시다니..ㅠ; (특히 c샵님보세요)
본문
http://sir.co.kr/bbs/board.php?bo_table=pb_tip&wr_id=2511
기껏해서 팁써놨더만...바보취급하고 힝ㅠㅠ
<ul>
<li><a></a></li>
<li><a ></a></li>
<li><a></a></li>
<li><a></a></li>
</ul>
이와같이 있습니다.
c샵님께서 하신방식은
.center { text-align: center; }
<a class="center" href="#">center</a>
근데 전 좀더 깊이 생각해서 짠 소스였습니다..
여기에 이미지를 넣는다고 과정을하면 <img>를 이용하거나 <div><span> 등등 여러가지 태그를 더 집어넣겠죠?
그러면 태그가 오히려 더길어집니다.
제방식으로 하면 a{background:#000; position:absolute; width:50px; height:100%; left:50%; top:0; margin-left:-25px;}
요기에 background에 이미지를 넣어서 background-position 을 넣어 잘라서 사용하면 오히려 좀더 효율적으로 사용할수있다는 정의입니다...;
그정도 text-align: center; 를 사용하는 기본적인상식은 저한테도 있다구요...싫어요까지 주시고 너무들하시네요ㅠㅠ;
이와같이 있습니다.
c샵님께서 하신방식은
.center { text-align: center; }
<a class="center" href="#">center</a>
근데 전 좀더 깊이 생각해서 짠 소스였습니다..
여기에 이미지를 넣는다고 과정을하면 <img>를 이용하거나 <div><span> 등등 여러가지 태그를 더 집어넣겠죠?
그러면 태그가 오히려 더길어집니다.
제방식으로 하면 a{background:#000; position:absolute; width:50px; height:100%; left:50%; top:0; margin-left:-25px;}
요기에 background에 이미지를 넣어서 background-position 을 넣어 잘라서 사용하면 오히려 좀더 효율적으로 사용할수있다는 정의입니다...;
그정도 text-align: center; 를 사용하는 기본적인상식은 저한테도 있다구요...싫어요까지 주시고 너무들하시네요ㅠㅠ;
기껏해서 팁써놨더만...바보취급하고 힝ㅠㅠ
추천
0
0
댓글 10개
ㅋㅎ 무거운 주제라서 그래염...
ㅎㅎ 화 푸세요
꼭 저런 용도 아니라도 관심있게 보는 초보자는
left:50%; margin-left:-25px; <-- 이런걸 배워갈테니까요
꼭 저런 용도 아니라도 관심있게 보는 초보자는
left:50%; margin-left:-25px; <-- 이런걸 배워갈테니까요
css는 서로 사용하는 방식이 다르기때문에 뭐라 할 기재는 못됩니다.
본인에 맞게 본인이 편하게...
하는게 제일 좋은 방식.
본인에 맞게 본인이 편하게...
하는게 제일 좋은 방식.
a 에 text-align:center 만 주면 적용 안 됩니다. 적어도 display:inline-block 혹은 block 이 적용된 상태에서 너비값을 가지고 있을 때 적용이 됩니다.
바보취급하는게 아니라 설명이 부족한 거 아닐까 싶기도 하네요. 솔직히 저는 아직도 저 코드가 무얼 의도하는 건지 이해가 안 가네요. ㅠㅠ
바보취급하는게 아니라 설명이 부족한 거 아닐까 싶기도 하네요. 솔직히 저는 아직도 저 코드가 무얼 의도하는 건지 이해가 안 가네요. ㅠㅠ
li에 text-align:center를 말씀하신건가요? 거기에 a에 display:inline-block 혹은 block 를 말씀하신거구요? 사전에 이미해봤습니다...안먹히더라구요ㅠㅠ;
예제 페이지 한번 만들어서 보여주세요. 의도라도 이해해보게요.
http://seuai.p.ht/test.htm 요기요..ㅇㅅㅇ;
꼼꼼히 읽어 봤는데 다른 건 모르겠고 여기서 사용한 a 태그 속성을 잘 응용하면 js 필요 없이도 hover로 마우스 롤오버 버튼 만들 수 있겠는걸요?
시간 날 때 시도 해봐야겠네요. ㅎㅎ
xe에서 사용하던 배경 버튼으로 텍스트 길에 따라 리사이징 되는 거 긁어다 쓰곤 했는데 이 참에 직접 만들어 봐야겠네요.
시간 날 때 시도 해봐야겠네요. ㅎㅎ
xe에서 사용하던 배경 버튼으로 텍스트 길에 따라 리사이징 되는 거 긁어다 쓰곤 했는데 이 참에 직접 만들어 봐야겠네요.
제가 하고 싶은 말
"바보취급하는게 아니라 설명이 부족한 거 아닐까 싶기도 하네요. 솔직히 저는 아직도 저 코드가 무얼 의도하는 건지 이해가 안 가네요. ㅠㅠ"
X 2
그리고
"a 에 text-align:center 만 주면 적용 안 됩니다. 적어도 display:inline-block 혹은 block 이 적용된 상태에서 너비값을 가지고 있을 때 적용이 됩니다."
a tag 에 block 속성의 명령을 주려면 당연히 display: block 해줘야 하는거죠.
이건 설명안해도 알아서 이해해야 되지 않나요? 지운엄마나 퍼블리셔분들이 css 초보도 아니고 말이죠.
>.<
"바보취급하는게 아니라 설명이 부족한 거 아닐까 싶기도 하네요. 솔직히 저는 아직도 저 코드가 무얼 의도하는 건지 이해가 안 가네요. ㅠㅠ"
X 2
그리고
"a 에 text-align:center 만 주면 적용 안 됩니다. 적어도 display:inline-block 혹은 block 이 적용된 상태에서 너비값을 가지고 있을 때 적용이 됩니다."
a tag 에 block 속성의 명령을 주려면 당연히 display: block 해줘야 하는거죠.
이건 설명안해도 알아서 이해해야 되지 않나요? 지운엄마나 퍼블리셔분들이 css 초보도 아니고 말이죠.
>.<
그리고 그부분에서 제 의도가 그의도가 아니라는걸 알려드리고싶어서 쓴답변이예요>_<!!
text를 정렬할려는게 아니라 <a>태그를 정렬시킬려고한거라구요....;
그리고 굳이 text같은것을 정렬시킬려고하면 강좌자체를 안썼겠죠...;
text를 정렬할려는게 아니라 <a>태그를 정렬시킬려고한거라구요....;
그리고 굳이 text같은것을 정렬시킬려고하면 강좌자체를 안썼겠죠...;
