nur auf äußere <p> reagieren

[htmlgau]

Hi, ich muss nochmal nerven, sry,

<table>
<tr>
<td id="text">
<p>
text
text
<p>
text nach neuem absatz
text nach neuem absatz
</p>
<b>Gan ander Text:</b>
<p>
text
text
text
text
</p>
</td>
</tr>
</table>

Nun soll nur jeweils zum äußeren <p> ein Rand unterhalb des blockes eingefügt werden mit p { border-bottom: 1px solid black}. Die <p>s innerhalb des <p>s sollen davon aber ausgeschlossen werden. Ist das realisierbar?

Danke.

[MudGuard]

Hi,

Die <p>s innerhalb des <p>s

dürfen nicht existieren, Textabsätze können nicht verschachtelt werden.
Da außerdem (zumindest in HTML) die schließenden tags von p optional sind, kann man sie (zumindest in HTML) gar nicht schachteln, da der Absatz automatisch geschlossen wird, bevor ein neuer Absatz beginnt.

cu,
Andreas

[Dennis]

Hi htmlgau,

Gewöhn dir bitte an, HTML strukturiert und eingerückt zu schreiben, dann wäre dir nämlich auch aufgefallen, dass da irgendwo ein </p> fehlt.

<table>
  <tr>
    <td id="text">
      <p>
        text
        text
      </p>           <---------  Da hat das </p> gefehlt!!
      <p>
        text nach neuem absatz
        text nach neuem absatz
      </p>
      <b>Gan ander Text:</b>
      <p>
        text
        text
        text
        text
      </p>
    </td>
  </tr>
</table>

Nun soll nur jeweils zum äußeren <p> ein Rand unterhalb des blockes eingefügt werden mit p { border-bottom: 1px solid black}. Die <p>s innerhalb des <p>s sollen davon aber ausgeschlossen werden. Ist das realisierbar?

Ein P Element darf keine weiteren P Elemente enthalten, siehe SelfHTML Elementreferenz - P.

Für oben gäbe es zwei Möglichkeiten:

a) Versuche dem td Element einen Border zu geben.
b) Packe das alles nochmal in ein Div und gib den einen Border.

MfG, Dennis.

[Webblob]

Hi!

Nun soll nur jeweils zum äußeren <p> ein Rand unterhalb des blockes eingefügt werden mit p { border-bottom: 1px solid black}. Die <p>s innerhalb des <p>s sollen davon aber ausgeschlossen werden. Ist das realisierbar?

Dafür kann man in CSS Klassen definieren.
Bsp.: <p>...</p><p class"absatz">...</p>
p.absatz {border-bottom: 1px solid black;}

Gruß Gunther