2011-01-25 5 views
0

blogspot.com의 스킨을 코딩하고 있습니다. 기본적으로 내 디자인의 일부인 한 가지 문제를 제외하고는 다른 모든 작업을 수행하고 있습니다.CSS blogspot background positioning help

블로그 제목 옆에 블로그 제목 옆에 이미지가 떠 다니도록 디자인했습니다. 위젯 섹션에 태그를 추가하여 사용하는 것이 쉽지만, 다른 사람들이 다른 블로그 이름을 사용하여 다른 사람들과 공유한다면 (이미지가 다른 길이로 표시됨) 이미지가 제목의 길이. 나는 이것에 문제가있다.

내가는 Blogspot에서 PHP를 사용할 수 없기 때문에 내가

더 나은 내가 말을 이해하기/=이에 시도하는 방법 아무 생각도 없어, 여기에 내가 http://i558.photobucket.com/albums/ss23/crayscrays/randomfonthelp.jpg

답변

1

을 무엇을 의미하는지의 예 배경 이미지로 적용되었으므로 값을 "오른쪽"으로 설정하여 요소의 오른쪽으로 이동시킬 수 있습니다.

<h1>This is a blog post</h1> 

귀하의 CSS는 다음과 같이 보일 것입니다 : 텍스트의 오른쪽에 이미지를 정렬 할

h1 { 
    background: transparent url(myimage.jpg) no-repeat right center; 
    padding-right: [widthOfImage]px; 
} 

는 말은, 예를 들어,이 마크 업입니다.

+0

도움을 주셔서 감사합니다,하지만 작동하지 않습니다 :(그것은 div의 오른쪽에 있지만 텍스트 자체 옆에 가지 않습니다. – Crays

+0

오, 맞습니다. h1은 블록 레벨 요소가 될 것입니다. 제목을 "display : inline-block"으로 설정하면 원하는 내용을 볼 수 있습니다. – RussellUresti

+0

은 매력처럼 작동합니다. 감사합니다. 인라인 블록 인 XD를 검색해야합니다. – Crays