01.04.2010, 16:06
|
|
Познающий
Регистрация: 17.02.2010
Сообщений: 64
Провел на форуме:
132243
Репутация:
1
|
|
добился такого:
Код HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/> <title>Анекдоты</title> <style type="text/css" media="screen,projection"> body {font: 1em "Lucida Grande",Lucida,Verdana,sans-serif; font-size: 62.5%; line-height: 1;;} h1 {color:#a62863;} #anekdot {width:400px;margin:50px;} a:hover, a:active {text-decoration: underline;} a:link, a:hover, a:visited {color: #a62863;} .smallfont {font-size: 10px;} .announcement, .rounded {background-color: #f1f1f1;position: relative;margin-bottom: 30px;padding: 10px 15px;} .tlc, .trc, .brc, .blc {width:11px;height:11px;position:absolute;background-attachment: scroll;background-image: url(corners-.gif);background-repeat: no-repeat;background-position: left top;} .tlc {background-position: left top;left: 0px;top: 0px;} .trc {background-position: -11px top;right: 0px;top: 0px;} .brc {background-position: -11px -11px;right: 0px;bottom: 0px;} .blc {background-position: 0 -11px;left: 0px;bottom: 0px;} .ar {width:18px;height:18px;position:absolute;background-attachment: scroll;background-image: url(ar-.gif);background-repeat: no-repeat;background-position: left top;bottom: -18px;left: 20px;} </style> </head> <body> <div id="anekdot"><h1><a href=".">Анекдоты</a> <a class="smallfont" href="#">by atomos</a></h1> <div class="announcement"> <div class="tlc"></div> <div class="trc"></div> <div class="brc"></div> <div class="blc"></div> <div class="ar"></div> <div class="content"> <div class="navbar_notice"> <p>Вовочка приходит в школу с тремя шишками на лбу. Учительница спрашивает: <br/> - Вовочка, что с тобой случилось?<br/> Он рассказывает: - Вчера мы легли спать.<br/> Папа спрашивает: - Вовка, ты спишь?<br/> Я говорю: - Нет. <br/> Получил щелчок по лбу.<br/> Через полчаса папа спрашивает: - Вовка, ты спишь? <br/> Я говорю: - Сплю. Ба-бах по лбу! <br/> Еще через полчаса папа спрашивает: - Вовка, ты спишь? <br/> Я молчу. Папа говорит маме: - Поехали! <br/> А я спрашиваю: - Куда?</p> </div> </div> </div> <div class="announcement"> <div class="tlc"></div> <div class="trc"></div> <div class="brc"></div> <div class="blc"></div> <div class="ar"></div> <div class="content"> <div class="navbar_notice"> <p>Мужик идёт мимо песочницы и видит, как маленькая девочка методично разрывает на куски плюшевого медведя.<br/> - Девочка, а ты животных не любишь?..<br/> Она смотрит на него тяжелым взглядом:<br/> - Я и людей-то не очень..</p> </div> </div> </div> <div class="announcement"> <div class="tlc"></div> <div class="trc"></div> <div class="brc"></div> <div class="blc"></div> <div class="ar"></div> <div class="content"> <div class="navbar_notice"> <p>Мужик идёт мимо песочницы и видит, как маленькая девочка методично разрывает на куски плюшевого медведя.<br/> - Девочка, а ты животных не любишь?..<br/> Она смотрит на него тяжелым взглядом:<br/> - Я и людей-то не очень..</p> </div> </div> </div> <div align="center"> <a href="#">← Сюда</a> <a href="#">1</a> <span><strong>2</strong></span> <!-- <a href="#">Туда →</a> --> </div> </div> </body> </html>
как можно упростить это дело? |
|
|