Я пытаюсь поместить изображение, так что нижняя половина является обратным вершине с одного изображения, но не знает, как это сделать.выравнивание изображения/спрайт, чтобы показать верхнюю и нижнюю половину
Само изображение выглядит this.
EDIT: Окончательное изображение должно выглядеть this.
проверить его это LINK. он может решить вашу проблему.
Ваш CSS section.sep h3.top должен быть section.sep h4.top, потому что вы использовали h4 в HTML вместо h3
Ваш HTML:
<section class="sep">
<h4 class="top company-tag">Pics</h4>
<hr/>
<h4 class="bottom company-tag">Map</h4>
</section>
Спасибо за исправление, но это не имеет никакого отношения к изображению. – tobeeornot
Смотрите эту демонстрацию: http://jsfiddle.net/rathoreahsan/JvnHn/6/ Некоторые изменения в разметке css –
Привет, спасибо за это, но я хочу, чтобы верхняя часть изображения оставалась таковой, а нижняя половина - вертикально, чтобы отразить нижнюю часть изображения. – tobeeornot
Вы просто чтобы определить высоту и высоту линии в вашем section.sep h4 и ее рабочий fi пе в настоящее время в соответствии с вашим требованием ..
CSS
section.sep h4{
background: url('http://i1200.photobucket.com/albums/bb328/tobeeornot/sec.png') no-repeat transparent;
color:#fff;
font-family:arial;
font-size: 11px;
font-weight: 400;
height: 69px;
letter-spacing: 1px;
line-height: 50px;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
width: 77px;
посмотреть демо: - http://jsfiddle.net/JvnHn/7/
спасибо, но это тоже не так. Я хочу только половину верхней части изображения, чтобы покрыть «фото», а нижнюю половину изображения - «карту». – tobeeornot
См. Редактировать выше, для чего должно выглядеть окончательное изображение. – tobeeornot
Отлично. Спасибо приятель. – tobeeornot
рад помочь вам.) – khurram