Statt Farbe, IMG-Grafik als Border?

[Knowhow-Sauger]

Hallo Freunde,

in den Beiträgen ist ja immer ein Rand, der den Text vom Autor trennt.
Wie kann ich dort, statt des (weißen) Randes, eine Grafik einfügen?

In der content.css:

/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
min-width: 200px;
max-width: 200px;

color: #666666;
border-left: 7px solid #FFFFFF;
width: 22%;
float: right;
display: inline;

Danke

[Crizzo]

Hi,

einfach diesen Eintrag entfernen und stattdessen ein Hintergrundbild einbinden: http://www.thestyleworks.de/ref/background.shtml

Grüße

[Miriam]

http://www.peterkroener.de/schoenes-neu ... der-image/

[Knowhow-Sauger]

/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
min-width: 200px;
max-width: 200px;

color: #666666;
border-left: { background-image: url(/borderblue.png) };
width: 22%;
float: right;
display: inline;

Hallo ihr beiden,
danke für die Hilfe!
Leider klappt es nicht. Siehe oben... hab ich was falsch gemacht?
Jetzt wird gar kein Rand mehr angezeigt.

[Kirk]

Mach es mal so:

Code: Alles auswählen

background-image: url('{T_THEME_PATH}/images/borderblue.png);

Die Grafik muss ich in root/styles/[stylename]theme/images befinden

[Knowhow-Sauger]

Sorry, aber das ist doch nun wirklich Unsinn.
Wo sich die Grafik befindet, kann dem Computer doch sowas von wurscht sein.
Viele meiner Grafiken liegen in keinem Ordner und dennoch funktioniert es. Das kann also niemals der Grund dafür sein, dass es nicht klappt.
Die Grafik existiert auf jeden Fall. Siehe:
http://www.kurzehosenforum.com/borderblue.png

[Kirk]

Sorry, aber das ist doch nun wirklich Unsinn.
Wo sich die Grafik befindet, kann dem Computer doch sowas von wurscht sein.
Viele meiner Grafiken liegen in keinem Ordner und dennoch funktioniert es. Das kann also niemals der Grund dafür sein, dass es nicht klappt.

Ich hab dir eine Lößung geschrieben, wenn du meinst das es Unsinn ist dann mach es besser, ich bin raus.

[Talk19zehn]

Kirk´s Lösung funktioniert und ist beispielhaft für einen Ansatz. Wenn du hingegen direkt verlinken möchtest:
Wobei m.E. zu ergänzen wäre: background-repeat: repeat-y;, sofern gewünscht.

Code: Alles auswählen

.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	background-image: url("http://www.kurzehosenforum.com/borderblue.png");
	background-repeat: repeat-y;
	width: 22%;
	float: right;
	display: inline;
}

Gruß

PS.:
Nun musst du dich m.E. um den Abstand von links kümmern, der zumindest ca. die Breite der Grafik betragen sollte. Die Grafikbreite von 29px halte ich allerdings für ein wenig zu hoch bemessen.

Code: Alles auswählen

.postprofile dd, .postprofile dt {
	line-height: 1.2em;
	margin-left: 32px;
}

Nicht in allen Templates getestet.
Gruß

[Crizzo]

Hi,

Sorry, aber das ist doch nun wirklich Unsinn.

Reiß dich mal zusammen!

Wenn bei dir wieder was am Verständnis scheitert, weil du die CSS-Eigenschaft (mal wieder) völlig falsch einsetzt, dann brauchst du die Helfenden nicht so an gehen. Es sei denn, du willst dir deine Hilfe in Zukunft selbst geben...

Grüße

[Knowhow-Sauger]

Sorry, das war nicht so gemeint!!
Ihr wisst, ich weiß euren Rat immer sehr zu schätzen!

An Talk19:
Danke Dir, jetzt funktioniert es!
VIELEN VIELEN DANK euch allen!!