Bilder im Stylesheet einbinden

Littlefu

Hallo Community!

Meine Seite wird momentan rechts und links durch eine schwarze Linie begrenzt.

der code dazu:

div#outerwrap{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
width: 750px;
margin:0 auto;
text-align: left;

Nun möchte ich die schwarzen Linien rechts und links aber durch eine Grafik ersetzen. Kann ich das driekt im Stylesheet machen und wenn ja, wie?

Ich danke Euch!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

telekommander

Du machst es einem nicht gerade einfach zu helfen. Zunächst wird der Browser auf 'ne bestimmte Grösse eingestampft, dann ein Supergeiles Popup, und zu guter letzt wird die rechte Maustaste deaktiviert. Wirklich Super !

Mal davon abgesehen das, dass hier die falsche Ecke ist ....

Wenn man die Webdev. Toolbar nicht hätte, wäre man echt angeschi....en.

Zum Prob.: Sieh dir mal die Backgroundbilder des Themes an und entferne die border(s) im Stylesheet oder setzt sie mal probeweise auf transparent.

suedkind

in etwa so

Code

background-image: url("http://www.domain.de/images/image.gif");

Littlefu

Danke!
Geht nicht um die flava Seite. Arbeite gerade an einem Projekt mit dem WordPress.
Aber was meinst Du hiermit: ...Browser auf 'ne bestimmte Grösse eingestampft

Lieben Gruß

Littlefu

Leider klappt das nicht so ganz.
Hier ein Beispiel:

[Blockierte Grafik: http://flava.cc/dateien/bsp.png]

Hier möchte ich also nur die schwarze Linie durch eine 1px breite Grafik ersetzen.

telekommander

Erstelle ein Image mit einer Breite von 750px, also genauso breit wie dein #outerwrap, pixel dir den Rand zurecht den du gern hättest und setze das Image als background-image wie suedkind schon sagte.

Code

div#outerwrap{
background: url('http://www/server/das_bild.jpg') repeat-y;
width: 750px;
margin:0 auto;
text-align: left;

Edit: Browser einstampfen = Browserresize auf eine bestimmte Grösse.

Littlefu

Danke, hat funktioniert. Ja, also die Seite ist wirklich grausam, arbeite ja daher auch daran.

Grüße

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bilder im Stylesheet einbinden

Jetzt mitmachen!