Вход на сайт
Форматирование текста
460
23.08.08 19:43
Здрасссьте.
Такой вопрос:
Как в крайней правой колонке отформатировать текст? Он липнет к краям контейнера. Пыталась задавать margin, padding, border - не действует...
Заранее спасибо за ответы.
<!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=utf-8" />
<title>Julia Krasovskaya</title>
<style type="text/css">
body {
background-color: #cccccc;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
#h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
}
#container{
margin-top:40px;
margin-left:100px;
width:800px;
height:500px;
background-color:#FFFFFF;
}
#menu {
background-color:#C5B7CB;
margin-left:0px;
margin-top:0px;
margin-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
height:500px;
width:170px;
float:left;
}
#content {
margin-left:0px;
margin-top:104px;
padding: 0px;
}
#content ul{
list-style-type: none;
list-style-position: inside;
}
#content div {
padding:15px;
}
#content a {
color: #FFFFFF;
text-decoration:none;
text-transform:none;
font-weight:bold;
}
#content a:active {
color: #000000;
text-decoration: none;
text-transform:none;
font-weight: bold;
}
#content a:visited {
color: #ffffff;
text-transform:none;
text-decoration:none;
font-weight:bold;
}
#content a:hover {
color: #000000;
text-transform:none;
text-decoration:none;
font-weight:bold;
}
#julia {
margin-left:5px;
margin-top:0px;
margin-bottom:0px;
background-color:#7E145B;
height:500px;
width:90px;
float: left;
}
#logo {
margin:0px;
padding:0px;
}
#bild {
margin-left:5px;
margin-top:0px;
margin-bottom:0px;
margin-right: 5px;
height: 500px;
width: 350px;
background-color:#000000;
float:left;
}
#foto {
margin:0px;
padding:0px;
}
#textkasten {
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
height: 500px;
width: auto;
background-color: #C5B7CB;
}
#text {
padding-left:5px;
border-top: 100px;
}
</style>
</head>
<body>
<div id="body">
<div id="container">
<div id="menu">
<div id="content">
<ul>
<li><div><a href="index.html">HOME</a></div></li>
<li><div><a href="galerie.html">GALERIE</a></div></li>
<li><div><a href="termine.html">TERMINE</a></div></li>
<li><div><a href="proekte.html">PROEKTE</a></div></li>
<li><div><a href="kontakt.html">KONTAKT</a></div></li>
</ul></div>
</div>
<div id="julia"><div id="logo"><img src="img/logo.jpg" /></div></div>
<div id="bild"><div id="foto"><img src="img/julia_side.jpg" /></div></div>
<div id="textkasten"><div id="text"><p align="right">Der Gedanke, das Entwerfen, Die Gestalten, ihr Bezug,
Eines wird das andre schärfen,
Und am Ende sei's genug!
Wohl erfunden, klug ersonnen,
Schön gebildet, zart vollbracht,
So von jeher hat gewonnen
Künstler kunstreich seine Macht.<br />
J.W.Goethe</p></div></div>
</div>
</div>
</body>
</html>
Такой вопрос:
Как в крайней правой колонке отформатировать текст? Он липнет к краям контейнера. Пыталась задавать margin, padding, border - не действует...
Заранее спасибо за ответы.
<!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=utf-8" />
<title>Julia Krasovskaya</title>
<style type="text/css">
body {
background-color: #cccccc;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
#h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
}
#container{
margin-top:40px;
margin-left:100px;
width:800px;
height:500px;
background-color:#FFFFFF;
}
#menu {
background-color:#C5B7CB;
margin-left:0px;
margin-top:0px;
margin-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
height:500px;
width:170px;
float:left;
}
#content {
margin-left:0px;
margin-top:104px;
padding: 0px;
}
#content ul{
list-style-type: none;
list-style-position: inside;
}
#content div {
padding:15px;
}
#content a {
color: #FFFFFF;
text-decoration:none;
text-transform:none;
font-weight:bold;
}
#content a:active {
color: #000000;
text-decoration: none;
text-transform:none;
font-weight: bold;
}
#content a:visited {
color: #ffffff;
text-transform:none;
text-decoration:none;
font-weight:bold;
}
#content a:hover {
color: #000000;
text-transform:none;
text-decoration:none;
font-weight:bold;
}
#julia {
margin-left:5px;
margin-top:0px;
margin-bottom:0px;
background-color:#7E145B;
height:500px;
width:90px;
float: left;
}
#logo {
margin:0px;
padding:0px;
}
#bild {
margin-left:5px;
margin-top:0px;
margin-bottom:0px;
margin-right: 5px;
height: 500px;
width: 350px;
background-color:#000000;
float:left;
}
#foto {
margin:0px;
padding:0px;
}
#textkasten {
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
height: 500px;
width: auto;
background-color: #C5B7CB;
}
#text {
padding-left:5px;
border-top: 100px;
}
</style>
</head>
<body>
<div id="body">
<div id="container">
<div id="menu">
<div id="content">
<ul>
<li><div><a href="index.html">HOME</a></div></li>
<li><div><a href="galerie.html">GALERIE</a></div></li>
<li><div><a href="termine.html">TERMINE</a></div></li>
<li><div><a href="proekte.html">PROEKTE</a></div></li>
<li><div><a href="kontakt.html">KONTAKT</a></div></li>
</ul></div>
</div>
<div id="julia"><div id="logo"><img src="img/logo.jpg" /></div></div>
<div id="bild"><div id="foto"><img src="img/julia_side.jpg" /></div></div>
<div id="textkasten"><div id="text"><p align="right">Der Gedanke, das Entwerfen, Die Gestalten, ihr Bezug,
Eines wird das andre schärfen,
Und am Ende sei's genug!
Wohl erfunden, klug ersonnen,
Schön gebildet, zart vollbracht,
So von jeher hat gewonnen
Künstler kunstreich seine Macht.<br />
J.W.Goethe</p></div></div>
</div>
</div>
</body>
</html>
NEW 23.08.08 23:12
в ответ dereza 23.08.08 19:43
Ах да, и еще вопрос по тексту. Как отформатировать цитату, чтобы она красиво смотрелась? Когда я пытаюсь перенести слово из строки в следующую, то увеличивается расстояние между строками.
Например, сейчас цитата выглядит так::
Der Gedanke, das
Entwerfen, Die Gestalten, ihr Bezug,
Eines wird das andre
schärfen, Und am
Ende sei's genug!
Wohl erfunden, klug
ersonnen, Schön
gebildet, zart
vollbracht, So von
jeher hat gewonnen
Künstler kunstreich seine Macht.
J.W.Goethe
Совершенно некрасиво. Артикль в одной строке, слово в следующей.
Например, сейчас цитата выглядит так::
Der Gedanke, das
Entwerfen, Die Gestalten, ihr Bezug,
Eines wird das andre
schärfen, Und am
Ende sei's genug!
Wohl erfunden, klug
ersonnen, Schön
gebildet, zart
vollbracht, So von
jeher hat gewonnen
Künstler kunstreich seine Macht.
J.W.Goethe
Совершенно некрасиво. Артикль в одной строке, слово в следующей.
NEW 23.08.08 23:16
>>Как исправить?
<li><div><a href="index.html">******</a></div></li>
о DIV стилях не указано и каждый броузер отрабатывает их по своему
Можно обозвать как нибудь эти DIV и прописать их в стилях
Можно их вообще выкинуть и прописать в стилях li
или .. добавить к LI какнибудь class
К примеру...
li{ padding:10px;}
<li><a href="index.html">HOME</a></li>
<li><a href="galerie.html">GALERIE</a></li>
<li><a href="termine.html">TERMINE</a></li>
<li><a href="proekte.html">PROEKTE</a></li>
<li><a href="kontakt.html">KONTAKT</a></li>
A moжно выкинуть ЛИ и оставить ДИВ
<li><div><a href="index.html">******</a></div></li>
о DIV стилях не указано и каждый броузер отрабатывает их по своему
Можно обозвать как нибудь эти DIV и прописать их в стилях
Можно их вообще выкинуть и прописать в стилях li
или .. добавить к LI какнибудь class
К примеру...
li{ padding:10px;}
<li><a href="index.html">HOME</a></li>
<li><a href="galerie.html">GALERIE</a></li>
<li><a href="termine.html">TERMINE</a></li>
<li><a href="proekte.html">PROEKTE</a></li>
<li><a href="kontakt.html">KONTAKT</a></li>
A moжно выкинуть ЛИ и оставить ДИВ
