Рамка банера

people2010 · March 20, 2010

Рамка не облегает картинку, а растягивается по длине, не получается делать так, чтоб она облегала чисто картинку.

Вот исходник style.css

#baner{border-color:orange; text-align:center; border-style:ridge;
border-width:15px; }

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head><title>Банер</title>
<link rel="stylesheet" type="text/css" href="style.css">

</head>
<div id="baner"><img src="baner.jpg"  alt="Фото "></div>
<body>
</body>
</HTML>

Вот результат фото нижу.

http://slim.filesurf.ru/20100320/00000010/...ip_image002.jpg

rus · March 20, 2010

диву вайт и хайт такие же как и у картинки

Yahoo! · March 20, 2010

Или просто display: inline

people2010 · March 20, 2010

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>

<head><title>Банер</title>

</head>

<body>

</body>

Файл css

#baner{border-color:orange; text-align:center; border-style:ridge;

border-width:15px; text-align:center; }

Но рамка не стоит по центру, хотя у меня и прописанно в фалйе style.css —-> text-align:center;

Edited March 20, 2010 by people2010

barsev · March 20, 2010

CSS:

#baner{text-align:center;}
#baner img{border:15px ridge orange;}

Это для HTML

<div id="baner"><img src="baner.jpg" alt="Фото "></div>

Edited March 20, 2010 by barsev

people2010 · March 21, 2010

CSS

.center{text-align:center;}
#baner{border-color:orange; border-style:ridge;  border-width:15px;

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head><title>Банер</title></head>
<body>
<div class="center"><img id="baner"  src="baner.gif"  alt="Фото ХАИ"></div>
</body>
</HTML>

Не работает вообще. Только кратинка загружается и всё.

Searcher · March 22, 2010

#baner{border-color:orange; border-style:ridge;  border-width:15px;

закрывающую скобку не забыли?

Sign In

Рамка банера

Question

people2010

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

rus

Link to comment

Share on other sites

Yahoo!

Link to comment

Share on other sites

people2010

Link to comment

Share on other sites

barsev

Link to comment

Share on other sites

people2010

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information