Text mittig untereinander?

~~Asacs™~~ · 11/06/2011, 02:12

Wenn ich articel align center angebe. Geht der Text zwar in die Mitte ist aber nicht untereinander geordnet. Wie mache ich das?

Devil589 · 11/06/2011, 02:38

Man weiß leider nicht was "artikel" bei dir ist.
Aber wenn es ein langer Satz ist, solltest du dem Element wodrin der Text ist eine bestimmte Breite geben dann geht der Text automatisch nach unten sobald die Breite erreicht ist.
Ansonsten kannst du es mit einem normalen Zeilenumbruch (<br />) versuchen.

~~Asacs™~~ · 11/06/2011, 02:46

Hmm.. danke für den versuch mir zu helfen. Leider hast du mich Falsch verstanden.

Und es ist articel nicht Standart?

Quote:

<section>

<article>
<h2><font color="Black" face="Showcard Gothic" size="9">Willkommen</font></h2>
<p><b><font size="2" face="Arial">Test</font></b></p>
<p><b><font size="2" face="Arial">Mit Freundlichen Grüßen</font></b></p>
<p><b><font size="2" face="Arial">Asacs</font></b></p>

</article>

Devil589 · 11/06/2011, 03:13

Ah ok nun verstehe ich.
Naja wenn du dem die Eigenschaft "Center" gibst, ist es klar dass es nicht mehr ganz mittig ist.
Denn die Textlängen sind unterschiedlich.

Dennoch verstehe ich jetzt nicht ganz was das Problem sein soll.
Denn deine Texte sind ja untereinannder und mittig positioniert.

Btw. Was meinst du mit dieser Frage?
"Und es ist articel nicht Standart?"

~~Asacs™~~ · 11/06/2011, 03:16

Ok, ich möchte einfach nur das der Text in der Mitte der Seite ist und der Roten lienie entlang läuft. ^^

Devil589 · 11/06/2011, 03:24

Ist deine rote Linie ein Div bzw. in einem Div?
Dann pack den Text doch in ein neues Div und geb dem Div Text-align: left;.
Und natürlich bei den Divs das float: left; nicht vergessen damit diese dann nebeneinnander sind.

So würde ich es machen.

Wobei du kannst glaub ich auch einfach nur den Text in ein Div packen, dem Div eine feste Breite geben und dann dieses Div ins Center setzen.
Und dann dem Div auch wieder text-align: left; geben.
Das sollte genauso funktionieren.

~~Asacs™~~ · 11/06/2011, 03:30

Ich habs so:

Quote:

<body>
<div class="content">

<header>

</header>

<nav>
<ul>
<a href="#"><li><font color="#edeb19"><u>Home</font></u></li></li></a>
<a href="pure.htm"><li>Pure Artwork</li></li></a>
<a href="other.htm"><li>Other</li></li></a>

</ul>
</nav>

<section>

<article>
<h2><font color="Black" face="Showcard Gothic" size="9">Willkommen</font></h2>
<p><b><font size="2" face="Arial">Test</font></b></p>
<p><b><font size="2" face="Arial">Mit Freundlichen Grüßen</font></b></p>
<p><b><font size="2" face="Arial">Asacs(Viktor)</font></b></p>

</article>

</section>

<footer>
<p>Copyright ©2011, | Coded by Asacs | Designed by Asacs | <a href="impressum.htm"><font color=white>Impressum</font></a></p>
</footer>
</div>

</body>

&

Quote:

section {

width: 1099px;

}

article {

padding: 20px;
text-align: center;
margin-bottom: 25px;
margin-right: 30px;

}
article p{
font-size: 12pt;
padding-buttom: 10px;
color: black;
}
article blockquote {
font-weight: bold;
font-style: italic;
font-size; 10px;
padding: 15px;
background-color: lightblue;
border-radius: 10px;
color:black;
}

Snake124 · 11/06/2011, 06:12

das allereinfachste wäre:

Code:

 <article> 
 <h2><font color="Black" face="Showcard Gothic" size="9">Willkommen</font></h2> 

 <div align="left" style="width:50%; margin-left:25%">

 <p><b><font size="2" face="Arial">Test</font></b></p>
 <p><b><font size="2" face="Arial">Mit Freundlichen Grüßen</font></b></p>
 <p><b><font size="2" face="Arial">Asacs(Viktor)</font></b></p> 
 
</div>

 </article>

width="50%" is die breite des divs
margin-left ist der abstand zum linken rand bzw element

quick'n'dirty halt

btw, die schriftart wird nur so angezeigt wenn der user diese auf seinem computer installiert hat

greetz

~~Asacs™~~ · 11/06/2011, 12:04

Ja, das ist mir klar. Aber es wird mir verdammt aufm Sack gehen, wenn ich das immer wieder machen muss. Weil, dass für den ganzen Text gleich sein soll. Deswegen möchte ich das in die css einschreiben. Aber wie? ^^

Devil589 · 11/06/2011, 12:24

Dann gibst du dem Div einfach eine ID oder einen Classname alla "Content".
Dann kannst du das Div immer stehen lassen da es ja immer deinen Content enthält und kannst auch den Css Code in eine Externe Datei auslagern bzw in deine jetzige Css Datei.

~~Asacs™~~ · 11/06/2011, 13:22

Und jetzt nochmal für Anfänger