проблема размещения изображений в статьях с использованием CSS

Question

проблема размещения изображений в статьях с использованием CSS

0

поэтому я изучаю HTML и CSS, и у меня есть вопрос

im, пытаясь поместить изображение в статью и сделать так, чтобы текст, который также находится в статье, не будет писать надпись или мешать изображению, но все, что было сделано до сих пор, не работает должным образом.

Я использовал W3Schools.com, чтобы узнать, как это сделать.

вот они - это неконструкции на этом http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_position

и вот пример того, что я пытаюсь сделать http://www.spacenews.com/article/launch-report/37302australian-led-scramjet-test-ends-in-failure

даже с инструкцией на веб-сайте я не могу заставить ее работать правильно, могли бы они быть неправильными инструкциями?

im с помощью редактора HTML-кода без кофема и загрузки сайта на хром.

Lance Greene 23 окт. 2013, в 05:24

Источник

3

не используйте W3Schools, поскольку информация там устарела и может ввести вас в заблуждение.
bansi 23 окт. 2013, в 03:40

Теги:

html

css

2 ответа

Ещё вопросы

не используйте W3Schools, поскольку информация там устарела и может ввести вас в заблуждение.

Ben Y · Answer 1 · 2013-10-23T01-41-00.000Z

Вы можете сделать это с помощью простого HTML:

<img align="right" src="http://www.spacenews.com/sites/spacenews.com/files/styles/large/public/images/articles/Scramspace_4x3.jpg?itok=7JbqmW0r">
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet </p>

Когда вы видите что-то на сайте, и вы хотите узнать, как они это сделали, я бы предложил просмотреть источник или щелкнуть правой кнопкой мыши элемент, который вас интересует в Chrome, и выбрать "Inspect Element".

Пример JSFiddle

Tủn · Answer 2 · 2013-10-23T02-12-00.000Z

Чтобы достичь того, что вы пытаетесь сделать, вы также можете использовать float: right на вашем изображении. Это сделает текст окружающим ваше изображение.