간단한 웹 기반 컨트롤 패널을 만들고 CSS 지식이 부족하여 나를 죽이고 있습니다. 기본적으로 이미지 아이콘과 텍스트 캡션을 둘 다 사용하는 div 클래스를 만들 필요가 있습니다 (둘 다 대상 페이지에 대한 링크 임).CSS가있는 이미지 캡션
다양한 사이트에서이 작업을 수행하는 데 필요한 몇 가지 예가 있지만 아이콘/캡션을 나란히 배치하는 것은 아닙니다. 내가하려는 일에 대해 더 잘 알기 위해 CPanel은 내가 성취하려는 것을 보여주는 완벽한 예입니다.
어떻게해야합니까? 어쩌면이 같은
은
뭔가? 이 사이트의 HTML/CSS에서 살펴하지 않는 이유는
<div class="image-caption">
Some Text
</div>
.image-caption {
background: url(icon_path) no-repeat top center;
width: icon_width;
padding-top: icon_height;
}
그래, 그게 더 작동하도록해야하지만 거기에 더 많은 ... "템플릿"스타일, 이미지/캡션/링크는 HTML에서 지정할 수 있으며 CSS는 그냥 레이아웃합니다. –
나는 당신이 무슨 뜻인지 모르겠다. 'caption' 태그처럼? 또는 다음과 같이 인라인으로 표시해야합니다 : [http://jsfiddle.net/sMDHS/](http://jsfiddle.net/sMDHS/)? – Will
일종의 그 링크처럼,하지만 나는 마침내 좋은 하나를 발견. 대답으로 게시하려고합니다. 도와 주셔서 감사합니다! –
완벽하게 여기에서 작동하는 매우 단순한 접근 방식을 가진 웹 사이트 ...
http://www.spartanicus.utvinternet.ie/centered_image_gallery_with_captions.htm
발견? –
왜 국경없는 테이블에 이미지와 캡션을 포함하지 않는 것이 좋을까요? –
Firefox의 Chrome, Safari 또는 Firebug에있는 브라우저 웹 속성을 사용하여 Firefox의 설정 방법을 확인하십시오. – brenjt