2014-01-22 3 views
1

사실 나는 웹 디자인에 익숙하지 않고 내 자신의 소셜 네트워크를 만들 예정이며 Angelsmood.com music social network이라는 놀라운 레이아웃을 사용하고 있습니다.내 페이지에 단추 넣기

"가입"버튼을 올바른 위치에 배치 할 수 없다는 점을 제외하고는 설계가 모두 정상입니다. 그것은 오른쪽에 많은 여백을 가지고 있습니다. 문제는 CSS 코드에 여백이 없다는 것입니다.

<div id="header_register">     
    <a href="~/register/">Sign Up</a> 

    <div> 
    Artists and their true fans are human angels. 
    Find them, connect with them and become one of them. 
    </div> 

</div> 

을 그리고 여기에 CSS의 : 여기 내 코드는

#header_register { 
position: relative; 
font-size: 12px; 
} 

#header_register a { 
display: block; 
height: 30px; 
line-height: 30px; 
background: ##810101; 
color: #fff; 
font-weight: bold; 
font-size: 14px; 
float: left; 
text-decoration: none; 
border: 1px #508F54 solid; 
} 

는이 문제를 해결하기 위해 도와주세요.

+0

문제를 쉽게 찾아 낼 수 있도록 문제의 jsfiddle (jsfiddle.net)을 게시하십시오. – Anonymous

+1

나는 당신이 당신의 CSS를 잊어 버린 것 같아요. – freddy

+0

* "문제는 CSS 코드에 여백이 없다는 것입니다."*. 그래도 게시해야합니다. 더 나은 아직 바이올린 –

답변

0

나는 당신이 우리에게 준 정보에 기초하여 최선의 방법으로 문제를 해결하려고 노력했습니다. 당신이 그것을 사용하지 않은, 그래서 내가 한

jsfiddle

것들 ... 나는 margin: 0 auto<a> 태그를 중앙에 ... 사업부 후 링크를 ​​귀하의 line-height를 데리고 이동했다. 이 화면의 폭을 확장 할 않았다, 그래서 나는 그것을 꺼내서 대신 float: left;

<a> 태그의 width을 추가했다.

내가 설명한 그림과 다른 방식으로 작동하려면이 기능이 필요하면 게시 한 피델을 보여 드리겠습니다.

관련 문제