Въпрос за Картините в HTML ?

[ipss]

ииама две въпросчета относно картините в HTML
1.Значи ако може някакси текста да заобикаля картината а не на един ред картината а на друг текста
2.Как мога да смаля размера на някаква картина без да я размазвам
Нещо от тоя сорт http://www.ndesign-studio.com/resources/wallpapers/

 

[dashe]

ииама две въпросчета относно картините в HTML
1.Значи ако може някакси текста да заобикаля картината а не на един ред картината а на друг текста
2.Как мога да смаля размера на някаква картина без да я размазвам
Нещо от тоя сорт http://www.ndesign-studio.com/resources/wallpapers/

1.во http://85.217.172.227/demo.html тук бях писал .
2.ро

<img src="kartinka.gif" border="0" alt="" width="200" height="200"

Задаваш само width="" и height="" и картинката се смаля.
Без значени е дали оригинал е примерно 1000x800
Пък на първото правиш само картинката дане е background.

 

[ipss]

http://news24.bg/novini-15179.html ето така да е първото ако може това дето ми го даде го знам цялата работа е float ама аз не искам така грозное

 

[emagi]

ииама две въпросчета относно картините в HTML
1.Значи ако може някакси текста да заобикаля картината а не на един ред картината а на друг текста
2.Как мога да смаля размера на някаква картина без да я размазвам
Нещо от тоя сорт http://www.ndesign-studio.com/resources/wallpapers/

1.во http://85.217.172.227/demo.html тук бях писал .
2.ро

<img src="kartinka.gif" border="0" alt="" width="200" height="200"

Задаваш само width="" и height="" и картинката се смаля.
Без значени е дали оригинал е примерно 1000x800
Пък на първото правиш само картинката дане е background.

Това никак не е добра идея!То ще се смали изображението, но за какво???Целта е във WEB сайтовете да се ползват малко по големина картинки, за да може да зарежда бързо сайта!

 

[emagi]

ЗА първото ти давам един пример:
Цък
Ето и кода:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
#photo {
width:200px;
height:200px;
border:solid 1px blue;
font-size:10px;
}
</style>
</head>

<body>
<div id="photo">
<img src="LinuX-slackware.jpg" border="0" style="float:left" />ерг хвех ве wefh weth ;lsdfh ksjdhf kgjsgh fjshg fkfg slkdfg skjdhf g;kjs fdk;gjsh ;kdfjgh skjdfhg visdhfg usygf kfsgh fjkhfs jdhfvb kjshgf kvjsgdf jkvhsl dkvgisdfg vowhdf vjshgf owygf vowfv oiwybe foivbw eifovb piwebfviwb dfihvb woihdf viuwdb fihv</div>
</body>
</html>

ЗА 2-ото
ПОлзвай Photoshop, за да създадеш умален размер на това, което дефакто ще ти е линк към същото изображение, само че с голяма резолюция.Така, ще зарежда сайта бързо и ще постигнеш желания ефект

 

[ipss]

Емаги мерси +1