스타일 질문드려요...!
759
2015.11.23 19:00
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=1Hu 주소복사
본문
<a href="{C.G5_BBS_URL}/logout.php"><div class="box2">로그아웃</div></a>
<a href="{C.G5_BBS_URL}/login.php"><div class="box2">로그인</div></a>
.sidebar > .sidebar-content .box2 {
background :rgb(222, 24, 56);
text-align: center;
font-weight: 500;
border-radius: 25px !important;
margin-left: 10px;
margin-right: 10px;
padding: 6px 6px;
}
.sidebar > .sidebar-content .box2:hover {
background :rgb(255, 255, 255);
}
.sidebar > .sidebar-content a .box2 {
color: #fff;
font-size: 15px;
}
.sidebar > .sidebar-content a .box2:hover {
color: #000;
font-size: 15px
}
로그아웃 빨간 박스 자체에 링크를 잡을려고 <a> <div> <a> 로 묶었는데~
빨간박스를 넘어서 왼쪽 오른쪽 검정색 빈 공간까지 링크가 잡히더라고요.
어떤식으로 해야 빨간색 로그아웃박스에만 링크가 걸릴까요...?????????????ㅠㅎ
3
레벨 11
경험치 12,835
Progress Bar 84%
- 가입일 : 2015-05-25 15:21:28
- 서명 :
- 자기소개 : 태연 아이유를 좋아합니다.
Total 2,281건 64 페이지
게시판 이용안내
이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.
질문 시 기본적인 예절을 지켜주세요.
- 질문 시 바른말을 이용 해 주세요.
- 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
- 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
- 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
- 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
| 번호 | 제목 | 글쓴이 | 날짜 | 뷰 |
|---|---|---|---|---|
| 1,021 |
야로기
|
2015.09.13 | 918 | |
| 1,020 |
야로기
|
2015.09.13 | 742 | |
| 1,019 |
야로기
|
2015.09.13 | 963 | |
| 1,018 |
야로기
|
2015.09.12 | 1,462 | |
| 1,017 |
야로기
|
2015.09.12 | 743 | |
| 1,016 |
사람사랑
|
2015.09.12 | 1,429 | |
| 1,015 |
서종득
|
2015.09.11 | 1,105 | |
| 1,014 |
삼삼이
|
2015.09.11 | 856 | |
| 1,013 |
프리피피티
|
2015.09.11 | 770 | |
| 1,012 |
사람사랑
|
2015.09.10 | 961 | |
| 1,011 |
홍인
|
2015.09.10 | 1,054 | |
| 1,010 |
사람사랑
|
2015.09.09 | 997 | |
| 1,009 |
민우당
|
2015.09.09 | 1,294 | |
| 1,008 |
사람사랑
|
2015.09.09 | 759 | |
| 1,007 |
미쁨
|
2015.09.09 | 959 | |
| 1,006 |
잘안되네요
|
2015.09.08 | 980 | |
| 1,005 |
재미있게
|
2015.09.08 | 1,503 | |
| 1,004 |
사람사랑
|
2015.09.08 | 722 | |
| 1,003 |
삼삼이
|
2015.09.07 | 1,021 | |
| 1,002 |
red123
|
2015.09.04 | 1,230 |
댓글목록
레오나르도님의 댓글
페이지를 직접 보면 쉽게 찾을수 있는데...
유추해 보면 .sidebar > .sidebar-content .box2 의 margin-left: 10px;margin-right: 10px; 때문 아닐까 예상해봅니다.
축하합니다. 첫댓글 포인트 84포인트를 획득하였습니다.
미니언즈님의 댓글
답변 감사드립니다.ㅎ
저도 마진을 의심하고 수정해보았는데 아니더라구요~~ㅠㅠㅎ
l2zeo님의 댓글
<div class="box2" onclick="window.location='{C.G5_BBS_URL}/logout.php';">
이런식으로 자바스크립트를 이용하시는게 나으실거 같네요.
inline 속성의 태그에 block 속성의 태그를 감쌀수가 없는것으로 알고 있어요. (작동은 하겠지만...)
<a href="~"><span>로그인</span></a> 이렇게 하시고 a {display:block} 를 선언하시면 되겠지만, 이러면 위의 css를 많이 변경하셔야 할테니 자바스크립트로 해결하시는게 나으실거 같아요.
추가로 box2 css 클래스에 cursor:pointer를 주셔야 할거 같습니다.
축하합니다. 행운의 포인트 58포인트를 획득하였습니다.
미니언즈님의 댓글
이러한 방법으로 적용을 할 수 있군요.
감사드립니다.ㅎㅎㅎ
어서 해보아야겠어요!!^^