07.03.2006, 03:04
|
|||
|
|||
Einzelne Wörter in Boxes positionieren?
angenommen ich hab in einer zeile zwei wörter stehen und möchte, dass das eine so weit wie möglich links und das andere so weit wie möglich rechts in der sie umschließenden box steht, wie mache ich das?
Beispiel: Code:
<!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>Übung</title>
<style type="text/css"><!--
#datumautor {
background-color: gray;
color: #ece1e1;
padding: 3px; }
#input_datumautor {
background-color: #aaaaaa;
color: red;
padding: 3px; }
--></style>
</head>
<body>
<div id="datumautor">
Datum
Autor
</div>
<div id="input_datumautor">
$datum
$autor
</div>
</body>
</html>
Code:
<!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>Übung</title>
<style type="text/css"><!--
#datumautor {
background-color: gray;
color: #ece1e1;
padding: 3px; }
#input_datumautor {
background-color: #aaaaaa;
color: red;
padding: 3px; }
.right { text-align: right;}
.left {text-align: left;}
--></style>
</head>
<body>
<div id="datumautor">
<span class="left">Autor</span>
<span class= "right">Datum</span>
</div>
<div id="input_datumautor">
<span class="left">$datum</span>
<span class="right">$autor</span>
</div>
</body>
</html>
|
| Sponsored Links |
|
07.03.2006, 08:55
|
|||
|
|||
|
dazu benötigst du die float-eigenschaft (http://css-technik.de/css-examples/219_9/):
Code:
<!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>Übung</title>
<style type="text/css"><!--
#datumautor {
background-color: gray;
color: #ece1e1;
padding: 3px;
height: 20px;}
#input_datumautor {
background-color: #aaaaaa;
color: red;
padding: 3px;
height: 20px; }
.right {float:right;}
.left {float:left;}
--></style>
</head>
<body>
<div id="datumautor">
<span class="left">Autor</span>
<span class= "right">Datum</span>
</div>
<div id="input_datumautor">
<span class="left">$datum</span>
<span class="right">$autor</span>
</div>
</body>
</html>
ps: clearen nicht vergessen
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Einzelne Wörter im Text hervorheben | Proggiefan | CSS | 16 | 30.10.2014 08:48 |
| Einzelne Wörter in Absätzen formatieren | caps | CSS | 8 | 24.09.2011 12:46 |
| wie lasse ich einzelne wörter blinken | softgame22 | CSS | 12 | 05.10.2008 13:31 |
| Wörter hervorheben | Zollern | Javascript & Ajax | 9 | 19.03.2008 12:54 |
| list-style-image vertikal positionieren? | derdiedas | CSS | 2 | 05.03.2007 14:11 |
Linear-Darstellung
