2013-12-11 3 views
0

나는 html 테이블 내부의 일부 html 테이블로 작업 중이며 특정 스타일링을하는 데 문제가 있습니다. 여기 내 테이블은 다음과 같습니다 enter image description hereHTML 테이블을 스타일링하는 방법은 무엇입니까? - 채우기 셀/호버/색상 한 섹션의 이미지 확대

참고 : 파란색 부분은 호버입니다.

내가하고 싶은 특정 일

은 다음과 같습니다

Here is my fiddle.

1. Make the image in each cell fill the entire cell (instead of having that much blue space) 
2. Make the image enlarge when you hover on the image. 
3. Make the right section (with the info and buy button) have a light grey background. 

+0

왜 이것이 테이블입니까? 당신은 표 형식의 데이터를 표현하지 않습니다. – cimmanon

+0

나는 그것이 테이블이라고 믿는다 --- 내용은

태그 안에있다. 바이올린을 보았 니? – MattCamp

+0

제 질문은 "그것이 테이블입니까?"가 아니라 "왜 그게 전부입니까?"입니다. 테이블은 표 형식의 데이터를 표현하기위한 것으로, 단순히 목적을 위해 사용합니다 (요소의 오용으로 간주됩니다). – cimmanon

답변

1

1 (바이올린 내 출력이 뻗어 왜 임 확실하지 보았다했다). .table의 padding

2로 변경하십시오. img:hover 뭔가, 어쩌면이 :

img:hover { 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    top: 0px; 
    left: 0px; 
} 

그러나 거기에 당신이 이전 크기를 얻을 수있는 브라우저 창을 떠날 필요가 ...

3. <td bgcolor=gray>