CSS/HTML Frage Paragraph

[BattleTale]

Hallo

ich habe einen NewsText und unten soll in einen 'p' dann Geschrieben von... stehen.

Dieser hat ein Hintergrund und ist rechtsbündig, allerdings ist dieser Hintergrund immer über die gesammte content fläche, aber soll nur den Geschreiben von...-Text umfassen.

Habe schon paar sachen versucht, wie könnte ich dies anstellen?


Danke im Vorraus

[Smoosh²]

Ist ganz einfach:
in HTML:
<p style="width: DEINE GRÖßE in PX (Horizontal) ;height: DEINE GRÖßE in PX (Vertikal);"></p>

in CSS:
p {
width: DEINE GRÖßE in PX (Horizontal) ;
height: DEINE GRÖßE in PX (Vertikal);
}

[BattleTale]

Soll sich ja je nach länge des textes verkleinern/vergrößern in der bReite, höhe ist ein fester wert.

[Smoosh²]

Ich bin mir nicht ganz sicher was du meinst, aber ich glaube dann solltest du beim Hintergrund es so machen:

<div id="bg"><p>Text</p></div>

#bg{
width: DEIN CONTENT BEREICH;
height: DEIN CONTENT BEREICH;
}

p{
background: url(DEIN BACKGROUND (URL);
}

[BattleTale]

Originally Posted by Skip™

Ich glaube dann solltest du beim Hintergrund es so machen:

<div id="bg"><p>Text</p></div>

#bg{
width: DEIN CONTENT BEREICH;
height: DEIN CONTENT BEREICH;
}

p{
background: url(DEIN BACKGROUND (URL);
}

Der Code sieht bisjetzt so aus:

p.postedby{
	height:16px;
	
	-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.43);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,.43);
	box-shadow: inset 0 0 3px rgba(0,0,0,.43);
	
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	
	padding:2px 15px;
}

und auf der Seite sieht es so aus:


ich will aber das der Hintergrund nur so breit ist, wie auch der Text lang und dies würde mit deinen Post nicht der Fall sein.

[NotEnoughForYou]

Ist doch ganz logisch.

<p> ist vom Standard her ein Block-Element.

Einfach den display ändern

p {
display:inline;
}

[BattleTale]

Originally Posted by NotEnoughForYou

Ist doch ganz logisch.

<p> ist vom Standard her ein Block-Element.

Einfach den display ändern

p {
display:inline;
}

kack, voll vergessen
Habe sonst immer die reset.css drin.