Login
Форматирование текста
460 просмотров
Перейти к просмотру всей ветки
Здрасссьте.
Такой вопрос:
Как в крайней правой колонке отформатировать текст? Он липнет к краям контейнера. Пыталась задавать 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>