CSS-Anfänger sucht Hilfe!

[Hans Maulwurf]

Hallo,
ich habe ein Problem und verstehe nicht ganz, was ich falsch gemacht habe. Ich will mit CSS ein Text-Feld definieren, das nach rechts und nach unten verschoben ist. In dem Textfeld soll es ganz normal funktionieren, dass man Zeilenumbrüche und Absätze gibt. Wenn ich die Seite nun so anzeigen lasse, dann ist der Text ganz links oben im Eck und nicht verschoben und außerdem sind die Hyperlinks unterstrichen. Was ist falsch?
Schonmal danke für eure Hilfe!
Hans

CSS:
a.text a p br {
        display: block;
 width:633px;
 height:355;
 position:absolute;
 top:131px;
 left:290px;
 padding:20px;
 text-decoration:none;
}

HTML:
<div id="text">
  <a class=text>

In meiner Freizeit designe ich Websites, wie zum Beispiel:<p>
<a class=text target="_blank" href="http://www.theorangefizz.de">www.theorangefizz.de</a><br>
<a class=text target="_blank" href="http://www.badcats.de">www.badcats.de</a><br>
<a class=text target="_blank" href="http://www.hospizvereindachau.de>www.hospizvereindachau.de</a><p>
Ich freue mich auch für Sie eine Website gestalten zu dürfen.

</a></div>

[rfb]

Moin

ich habe ein Problem und verstehe nicht ganz, was ich falsch gemacht habe.

zB.

a.text a p br {

betrifft <br>, wenn es sich innerhalb <p> innerhalb <a> innerhalb <a class="text"> befindet.
Das ist einfach Unsinn.

Ich freue mich auch für Sie eine Website gestalten zu dürfen.

wenn du es denn gelernt hast valides HTML und CSS zu schreiben.

Gruß
rfb

[D.R.]

Hallo,

a.text a p br {[…]}

Hiermit selektierst du ein <br>-Element, dass sich in einem <p> befindet. Dieses <p> wiederum, müsste sich in einem <a> befinden, welches wiederum ein <a class="text"> als Elternelement hat.

Selektoren werden durch Kommata, nicht durch white-space getrennt. Siehe <http://de.selfhtml.org/css/formate/zentrale.htm#elemente@title=SELFHTML > CSS > Formate für HTML-Elemente definieren>

mfg. Daniel

[Orlando]

a.text a p br { }

Du willst alle br-Elemente, die sich in einem p-Element in einem Verweis, der selbst wiederum in einem Verweis steckt formatieren? Das ist kein gültiges HTML und würde auch nichts bewirken:

<a class="text">  
  <a>  
    <p>  
      <br>  <!-- Hierauf wirkt der Selektor deines Beispiels -->  
    </p>  
  </a>  
</a>

Ein a-Element darf kein a-Element enthalten. Ein a-Element darf auch kein p-Element enthalten und willst du tatsächlich die Zeilenumbrüche formatieren?

<div id="text">
  <a class=text>
In meiner Freizeit designe ich Websites, wie zum Beispiel:<p>
<a class=text target="_blank" href="http://www.theorangefizz.de">www.theorangefizz.de</a><br>
<a class=text target="_blank" href="http://www.badcats.de">www.badcats.de</a><br>
<a class=text target="_blank" href="http://www.hospizvereindachau.de">www.hospizvereindachau.de</a><p>
Ich freue mich auch für Sie eine Website gestalten zu dürfen.
  </a></div>

Autsch. Das erledigst du besser so:

<p>In meiner Freizeit designe ich Websites, wie zum Beispiel:</p>  
<ul>  
 <li><a href="http://www.theorangefizz.de">www.theorangefizz.de</a></li>  
 <li><a href="http://www.badcats.de">www.badcats.de</a></li>  
 <li><a href="http://www.hospizvereindachau.de">www.hospizvereindachau.de</a></li>  
</ul>  
<p>Ich freue mich auch für Sie eine Website gestalten zu dürfen.</p>

Sollen sich die Kunden ebenfalls freuen, beschäftige dich bitte zuvor ein bisschen mit HTML und korrigiere die Fehler, die dir der Validator zeigt.

Den Teil mit dem Textfeld habe ich nicht verstanden.

Roland