Login
Форматирование текста
460
NEW 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 20:19
in Antwort dereza 23.08.08 19:43
NEW 23.08.08 22:37
in Antwort inotomi 23.08.08 20:19
NEW 23.08.08 22:40
in Antwort inotomi 23.08.08 20:19
Еще такой вопрос. Там, где у меня колонка с меню. Моцилла показывает меню нормално. А вот в Эксплорере столбик со ссылками сильно уехал вправо. Как исправить?
NEW 23.08.08 23:12
in Antwort 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
in Antwort dereza 23.08.08 22:40, Zuletzt geändert 23.08.08 23:18 (Kastrator)
>>Как исправить?
<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жно выкинуть ЛИ и оставить ДИВ
NEW 24.08.08 12:04
in Antwort Kastrator 23.08.08 23:16
вообще-то меню лучше как раз делать списком (<ul><li>...</li>...</ul>)
Просто надо поставить для <ul> margin-left:0;, т.к. он по умолчанию в ИЕ больше чем в Лисе.
Просто надо поставить для <ul> margin-left:0;, т.к. он по умолчанию в ИЕ больше чем в Лисе.
