CSS - Wordpress에서 이미지 나란히

코드 제공을 시도했습니다. http://jsfiddle.net/heera/X3b5g/1/에 코드를 입력하고 자신의 변수 이름/이미지를 입력하면 잘 동작합니다.CSS - Wordpress에서 이미지 나란히

하지만 CSS 코드를 내 자식 스타일 style.css에 넣고 내 페이지의 HTML과 이미지가 필요에 따라 나란히 있지 않고 다른 하나 위에 표시됩니다. 나는 충돌 할 수있는 변수를 사용하지 않고 있고, 나는 이것으로 자신을 미친 듯이 몰아 가고있다. 이것은 워드 프레스에서 일하는 것을 멈추는 것이다.

.my-side-by-side { 
    display: inline-block; 
    margin-left: auto; 
    margin-right: auto; 
    height: 50px; 
} 

#my-button-centred { 
    text-align:center; 
}

HTML :

나는 DIV id를 꺼내 그냥 내가 옆에 버튼 측을받을 수 있나요,하지만 그들은 중앙에 있지, 사업부 클래스를 사용하는 경우

<div id="my-button-centred"> 
    <a href=""https://itunes.apple.com/us/app/belize-travel-guide-paid/id792977226?mt=8"> 
    <img class="my-side-by-side" border="0" alt="" src="http://hotguidebelize.com/wp-content/uploads/apple-store.png" alt="" /></a> 
    <a href="https://play.google.com/store/apps/details?id=com.app_belizeguide.layout"> 
    <img class="my-side-by-side" border="0" alt="" src="http://hotguidebelize.com/wp-content/uploads/google-store.png"/></a> 
</div>

. 내가 도대체 뭘 잘못하고있는 겁니까?

출처

2014-05-17 Marie Carroll Rigby

WP 테마에서 스타일을 무시할 수있는 스타일이 있습니까? 검사관이 요소를 확인하면 무엇을 말합니까? 위에 제공된 예제와 계산 된 스타일이 같습니까? – Terry

나는 모든 스타일을 방화범 끈으로 검사했고 아무 것도 검사하지 않았다! 나는 세 번째 투명 버튼을 왼쪽에 놓음으로써 "퍼지"(fudged) 고, 나는 더 이상 원하는 두 가지를 강요한다. 물론 이상적은 아니지만 두 개의 버튼으로 하루를 낭비 할 수는 없습니다. 이 페이지는 http://hotguidebelize.com/belize-at-your-fingertips/입니다. 누구나보고 싶어하고 내가 가지고 있지 않은 명백한 것을 볼 수 있다면 - thx. –

코드는 바이올린에 완벽하게 작동한다 : 그것을 테스트하는 동안 right here

가 소스 코드를 확인하실 수 있습니다, 그래서 overwrited 스타일

을의 끝에 !important를 추가하려고하면 다른 스타일? 덮어 쓰기하지 확인

출처

2014-05-17 21:59:51

자식 테마를 사용할 때마다 부모 테마의 CSS를 염두에 두어야합니다. 부모 테마의 일부 내용을 무시해야 할 수도 있습니다.

몇 가지 예

마진
패딩
위치
표시 될 수

해당 설정되는 모든 CSS 값을 볼 수있는 요소를 검사해야합니다 귀하의 자녀 주제가 아니며 어느 것이 부적절하게 표시되는지 찾으십시오.

출처

2014-05-17 23:16:48 KnightHawk

이것은 아이 테마를 사용하는 데있어 가장 큰 몰락입니다. – KnightHawk

CSS - Wordpress에서 이미지 나란히

답변

관련 문제