Как сделать так, чтобы это изображение растягивалось по горизонтали?

Question

Как сделать так, чтобы это изображение растягивалось по горизонтали?

0

Таким образом, баннер, который я сделал в верхней части страницы, слишком короткий по горизонтали. Я уже пробовал добавить "width: 200%;" к CSS, но это только увеличило пространство вокруг изображения, а не изображение. Пожалуйста помоги.

Баннер - гигантский фиолетовый в верхней части этой страницы: http://www.neopets.com/~ellenore

ps, пожалуйста, не высмеивай мою любовь к неопетам. XD

}
h1 { .left
width: 200px;
margin-left:0px;
margin-right: 0px;
margin: -8;
letter-spacing: -1px;

}

<h1>
<img src="image is here">
</h1>

user3624509 11 май 2014, в 03:22

Источник

1

Можете ли вы показать нам свой код, пожалуйста?
Sumner Evans 11 май 2014, в 00:40
0

Хорошо, я добавил часть, которую я пытаюсь исправить. это не позволит мне поставить IMG URL, потому что я новенький, кстати
user3624509 11 май 2014, в 00:47

Теги:

html

css

image

width

1 ответ

Ещё вопросы

Можете ли вы показать нам свой код, пожалуйста?
Хорошо, я добавил часть, которую я пытаюсь исправить. это не позволит мне поставить IMG URL, потому что я новенький, кстати

Lee Taylor · Accepted Answer · 2014-05-10T22-34-00.000Z

Если вы измените свой тег H1 на:

<h1 style="
    width:100%;
    height:288px;
    background-image: url('http://i60.tinypic.com/rse735.png');
    display: inline-block;">
</h1>

Затем ваше изображение будет автоматически повторяться. Однако, поскольку он стоит, ваш образ не слишком хорошо повторяется. Таким образом, вы, вероятно, захотите редактировать в своем редактировании фотографий s/w.

Я бы рекомендовал не растягивать ваш образ, так как он будет выглядеть не очень хорошо.

Кроме того, вы можете создать текст "Лохматый маленький лев" в виде отдельной графики, которая может быть сосредоточена поверх изображения ниже.

офигенно спасибо да, я сделаю текст отдельно хорошей идеей.
Не волнуйтесь. +1, если это поможет ;-)