CSS를 사용하여 이미지 버튼 위치

Div 800x800의 이미지 버튼을 포맷하여 @Photo를 첨부해야합니다. 나는 CSS 클래스 만 사용할 수 있으며, 누군가가 좋은 튜토리얼을 가지고 있거나 나에게 도움이된다.CSS를 사용하여 이미지 버튼 위치

버튼이 명확한 선으로 표시되어야합니다. 나는 이것을 서둘러 만들었습니다.

Example

2012-08-13 vivid

를 사용하여 테이블 레이아웃. 5 개의 행과 5 개의 열을 가져 와서 디자인에 따라 이미지 단추를 삽입하십시오. – ygssoni

나는 CSS를 사용할 수 없다. 테이블을 사용할 수 없다. – vivid

나는 이렇게 처음부터 만들 필요하지,이 작업을 수행 할 수있는 프레임 워크를 사용하십시오. 좋은 스카 폴딩 기능을 가진 트위터 부트 스트랩입니다.

.wrapper { 
    width: 800px; 
    height: 800px; 
} 

.row { 
    display: block; 
} 

.box { 
    width: 200px; 
    height: 200px; 
    margin: 10px; 
    background: #000000; 
} 

.offset1 { 
    margin-left: 210px; 
} 

.offset2 { 
    margin-left: 420px; 
}

과 : 당신은 오히려 스스로 할 줄 경우, 당신은 예를 들어 200x200px에 대한 당신이 원하는 크기와 클래스를 작성해야합니다, 당신은 당신이 좋아,이 클래스와 결합 클래스를 상쇄 만들 곧. 여기

내가 jsfiddle에 만든 작업 예제 : http://jsfiddle.net/WUZnW/2/

그러나있을 수 있습니다 당신이 오류를 수정하기 위해 뒤에 당신이 전용 커뮤니티를해야하기 때문에 이미 조언을 받겠이 기능이 부트 스트랩을 사용하여 코드 에서뿐만 아니라 미래의 웹 표준과도 호환되는지 확인합니다.

링크의 부트 스트랩 비계 기능 : 디자인 이런 종류의 http://twitter.github.com/bootstrap/scaffolding.html

출처

2012-08-13 09:57:14

CSS를 사용하여 이미지 버튼 위치

답변

관련 문제