왼쪽과 같은 줄에 로고를 옮기기

-2

로고를 사이트 제목과 설명의 왼쪽으로 옮기고 싶습니다. 나는 로고를 재배치하기 위해 CSS 팅겨보고를 봤지만 작동하지 않았다. CSS에 대한 지식이 거의 없습니다.왼쪽과 같은 줄에 로고를 옮기기

저를 도울 수있는 사람이 있습니까? 사이트는 www.cebubibleseminary.com입니다.

출처

2014-07-25 Suarez Kenjie

시도해보기. –

안녕하세요. 오버플로 스택을 환영합니다. 나는이 이것이 당신이 태그가 잘못이 enter image description here

출처

2014-07-25 16:13:49 Beep

@ 삐. 도와 주셔서 정말 감사합니다. 우리가 첫 번째 문자 (C)에 조금 더 가까워 질 수있는 방법이 있습니까? 그리고 높이는 400px 정도 였지만 지금은 약 200px로 내려갔습니다. 로고가 삭제 된 이후로 이해할 수 있습니다. 높이를 유지할 수있는 방법이 있습니까? –

물론 CSS 만 변경하면됩니다. 나는 내가 도울 수있는 빈터 다. – Beep

이유는 작동하지 않는 이유는 헤더가 자동으로 새 줄을 작성하기 때문입니다. palyrobotics.com

는 스타일 헤더 확인 :이 웹 사이트는 비슷한했다 "디스플레이 : 인라인;". 예를 들어 아래를 참조하십시오 :

<img src="/assets/img/logos/main_logo.png" width="100" height="50"> 
<div class="show-for-small-only"> 
    <h2 style="display:inline; margin-left:-10px;">Paly Robotics</h2> 
</div>

당신은 할 것이다 :이 일을해야

<a href="http://www.cebubibleseminary.com/" title="Cebu Bible Seminary Inc." rel="home" class="site-intro"> 
    <img alt="Cebu Bible Seminary Inc." src="http://0.gravatar.com/avatar/cc3b29587548d89dfb16b15223a18995?s=256&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D256&amp;r=G" class="avatar avatar-256 photo" height="256" width="256"> 
    <h1 class="site-title" style="display:inline;">Cebu Bible Seminary Inc.</h1> 
    <h2 class="site-description"></h2> 
</a>

. LMK가 그렇지 않은 경우.

출처

2014-07-25 16:13:23 42mileslong

돌볼 방법입니다

CSS 수정

.site-intro .avatar { 
width: 104px; 
float: inherit; 
}

도움이되기를 바랍니다. CSS 질문이어야합니다.

문제를 해결하려면 콘텐츠를 2divs에 넣으십시오. 예를 들어 왼쪽에 스타일 속성 float을 적용하고 오른쪽으로 플로팅합니다. 정렬하려면 속성 폭을 사용하십시오. 예 :

<div style="float:left; width:300px;"> 
    <img alt="Cebu Bible Seminary Inc." src="http://0.gravatar.com/avatar/cc3b29587548d89dfb16b15223a18995?s=256&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D256&amp;r=G" class="avatar avatar-256 photo" height="256" width="256"> 
</div> 
<div style="float:right"; width:800px;>   
    <h1 class="site-title">Cebu Bible Seminary Inc.</h1> 
    <h2 class="site-description"></h2> 
</div>

출처

2014-07-25 16:21:35

왼쪽과 같은 줄에 로고를 옮기기

답변

관련 문제