Jump to content
  • 0

Обтекание картинки текстом сверху и слева

Petruwka

Asked by Petruwka,

 Share

Question

9 answers to this question

Recommended Posts

  • 0
Trayanez Explorer

Trayanez

Posted
Posted

если бы картинка стояла сверху блока в правом или левом углу, то это легко сделать (задать картинке float:right или left), а вот в нижнем....меня если честно этот вопрос тоже зацепил :) надо попробовать разобраться...

Link to comment
Share on other sites
  • 0
Trayanez Explorer

Trayanez

Posted
Posted

я поковырялся малость по этому вопросу и вроде получилось...думаю тебе это поможет каким нибудь образом!!!ниже представлен код и css

КОД:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Рисунок в тексте</title>
</head>
<body>
<div id="blok">
<p>
Обтекание картинки текстом — один из популярных приемов верстки веб-страниц, когда изображение располагается по краю окна браузера, а текст обходит его с других сторон (рис. 2).
 Для создания обтекания изображения текстом существует несколько способов, связанных, как с возможностью тегов HTML, так и с применением стилей.
 <img src="kult-ico.png" width="100" height="100" alt="Иллюстрация" align="right" vspace="5" hspace="5"> 
 Обтекание картинки текстом — один из популярных приемов верстки веб-страниц, когда изображение располагается по краю окна браузера, а</p>
</div>
</body>
</html>

css:

body{width:100%;}
#blok{
	border:1px solid black;
	width:300px;
	height:300px;
}

Link to comment
Share on other sites
  • 0
Petruwka Explorer

Petruwka

Posted
  • Author
Posted
я поковырялся малость по этому вопросу и вроде получилось...думаю тебе это поможет каким нибудь образом!!!

к сожалению, нет. наружный div у меня резиновый и очень хотелось бы, чтобы можно было картинку добавлять в конец блока с текстом, а не внутрь. играю с display: inline, все равно ничего не получается. изменение позиции рисунка приводит к тому, что он наезжает на текст или подкладывается под него.

ваш опыт говорит, что задача неразрешима с помощью чистого css?

Link to comment
Share on other sites
  • 0
shvv Explorer

shvv

Posted
Posted
к сожалению, нет. наружный div у меня резиновый и очень хотелось бы, чтобы можно было картинку добавлять в конец блока с текстом, а не внутрь. играю с display: inline, все равно ничего не получается. изменение позиции рисунка приводит к тому, что он наезжает на текст или подкладывается под него.

ваш опыт говорит, что задача неразрешима с помощью чистого css?

Кажется, что нижний угол и обтекание появляются темы каждую неделю.

Link to comment
Share on other sites
  • 0
guest0553 Explorer

guest0553

Posted
Posted
Кажется, что нижний угол и обтекание появляются темы каждую неделю.

ох, е-мае, стыдно-то как :( и ведь искала же

всем спасибо, закрываю :(

Я так и не понял где вы нашли решение? И нашли ли вообще?

Подскажите пожалуйста, ищу, ничего не могу найти.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept