CSS/HTML Frage Paragraph

08/29/2013 09:02 BattleTale#1
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
08/29/2013 09:07 Smoosh²#2
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);
}
08/29/2013 09:12 BattleTale#3
Soll sich ja je nach länge des textes verkleinern/vergrößern in der bReite, höhe ist ein fester wert.
08/29/2013 09:18 Smoosh²#4
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);
}
08/29/2013 09:22 BattleTale#5
Quote:
Originally Posted by Skip™ View Post
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:
Code:
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:
[Only registered and activated users can see links. Click Here To Register...]

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.
08/29/2013 10:28 NotEnoughForYou#6
Ist doch ganz logisch.

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

Einfach den display ändern

HTML Code:
p {
display:inline;
}
08/29/2013 10:42 BattleTale#7
Quote:
Originally Posted by NotEnoughForYou View Post
Ist doch ganz logisch.

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

Einfach den display ändern

HTML Code:
p {
display:inline;
}
kack, voll vergessen :D
Habe sonst immer die reset.css drin.