Привет! Помогите плз в HTML сделать такую штуку:
[attachment=6307:attachment]
Вид для печати
Привет! Помогите плз в HTML сделать такую штуку:
[attachment=6307:attachment]
Где Ваши попытки сделать "такую штуку" самостоятельно? Не пробовали? Тогда Вам в раздел "Вакансии"...
я просто хочу узнать как сделать ту полосу справа...
Код:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {margin: 0px; padding: 0px;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000000; background: #FFFFFF;}
#container {background: #666600; width: 700px; height: 300px;}
#container img {float: right;}
#content {background: #CCCCCC; width: 400px; height: 300px; overflow: auto;}
#content h1 {text-align: center; font-size: 1.8em; font-weight: normal; padding: 10px;}
#content p {font-size: 1.4em; margin: 6px 10px;}
</style>
</head>
<body>
<div id="container">
****[img]bg1.jpg[/img]
****<div id="content">
****<h1>Заголовок</h1>
****
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
****
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
****
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
****
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
****
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
****
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
****
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
****
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
****</div>
</div>
</body>
</html>
А я расскажу почему это происходит :]
У контейнера содержащего текст <div id="content"> задана высота #content {height: 300px;} которой не хватает для текста и благодаря правилу #content {overflow: auto;} появляется скролл .)
Рёга
Угу, теперь так и будем делать... Я буду код писать, а Вы – комментировать... )