Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:
Passwort vergessen? Benutzername vergessen? Registrieren
  • Seite:
  • 1
  • 2

THEMA: css image-border

css image-border 10 Monate 3 Wochen her #81896

  • bz_cmon
  • bz_cmons Avatar
  • OFFLINE
  • Mitglied
  • Beiträge: 158
  • Dank erhalten: 10
Hallo miteinander,

vermutlich bin ich mit meinem Thema hier in dieser Kategorie falsch, aber ich versuche trotzdem mal mein Glück...

Ich arbeite gerade an einer Tabelle, die man hier unter Spielplan findet. Für diese table habe ich in custom.css ein klasse color angelegt. Nun möchte ich gern zeilenweise in dieser table ein image als border verwenden und zwar genau dieses image, wie es auch in th der Klasse color definiert ist.
Leider hab ich seit Stunden mit image-border keinen Erfolg.
Vielleicht kann mir jemand einen Tipp geben...!?
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Aw: css image-border 10 Monate 3 Wochen her #81898

  • jimbo
  • jimbos Avatar
  • OFFLINE
  • JD Team
  • Beiträge: 4910
  • Dank erhalten: 35
Ein Bild (image) als Rahmen (border) verwenden?
Das geht nach meinen Kenntnissen nicht, siehe auch hier, die Eigenschaft image-border oder auch border-image gibt es meines Wissens nicht.

Oder habe ich etwas falsch verstanden?
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Aw: css image-border 10 Monate 3 Wochen her #81899

  • bz_cmon
  • bz_cmons Avatar
  • OFFLINE
  • Mitglied
  • Beiträge: 158
  • Dank erhalten: 10
border-image gibt es seit css 3.0, siehe hier.

Allerdings habe ich sicher für reichlich Verwirrung gesorgt indem ich image-border statt border-image schrieb.

Übrigens hatte ich auch mit -moz-border-image:url() keinen Erfolg.
Letzte Änderung: 10 Monate 3 Wochen her von bz_cmon.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Aw: css image-border 10 Monate 3 Wochen her #81902

  • Duke
  • Dukes Avatar
  • OFFLINE
  • Kennt sich aus
  • Beiträge: 317
  • Dank erhalten: 55
hm vielleicht helfen die beiden Artikel weiter
css-tricks.com/understanding-border-image/
hier was auf deutsch
www.peterkroener.de/schoenes-neues-css-border-image/

ob das allerdings auch bei Tabellen funkt, kann ich dir nicht sagen. Hast du mal versucht das für Zeilen (tr) und Zellen (td) zu vergeben.
table.color tr, table.color td {
border-width:5px
 border-image url:(rahmen.png) 5
}
wie geagt ungetestet :unsure:
Gruß Fred
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Aw: css image-border 10 Monate 3 Wochen her #81905

  • bz_cmon
  • bz_cmons Avatar
  • OFFLINE
  • Mitglied
  • Beiträge: 158
  • Dank erhalten: 10
@Duke
Funzt leider nicht.

Den zweiten von dir vorgeschlagenen Artikel hatte ich heut auch bereits gefunden und mich daran orientiert...
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Aw: css image-border 10 Monate 2 Wochen her #81939

  • jimbo
  • jimbos Avatar
  • OFFLINE
  • JD Team
  • Beiträge: 4910
  • Dank erhalten: 35
Wieder etwas gelernt, Danke für den Link. Ich habe dort (www.w3schools.com/cssref/tryit.asp?filen...trycss3_border-image) mal kurz mit folgendem Quellcode getestet und es scheint, dass border-image bei Tabellen nicht funktioniert, bzw. scheint es ein Problem der Rahmenstärke zu geben, die wird ignoriert. Das Resultat jedenfalls befriedigt irgendwie nicht...
<!DOCTYPE html>
<html>
<head>
<style type="text/css"> 
div
{
border-width:15px;
width:250px;
padding:10px 20px;
}

table.borderimage
{
-moz-border-image:url("border.png") 30 30 round; /* Firefox */
-webkit-border-image:url("border.png") 30 30 round; /* Safari */
-o-border-image:url("border.png") 30 30 round; /* Opera */
border-image:url("border.png") 30 30 round;
}

</style>
</head>
<body>

<table class="borderimage">
<tr><td><b>Note:</b> Internet Explorer does not support the border-image property.</td>
<td>The border-image property specifies an image to be used as a border.</td></tr>

<tr><td>Here, the image is tiled (repeated) to fill the area.</td>
<td>Here, the image is stretched to fill the area.</td></tr>

<tr><td>Here is the image used:</td>
<td><img src="border.png" /></td></tr>

</body>
</html>
Der Administrator hat öffentliche Schreibrechte deaktiviert.
  • Seite:
  • 1
  • 2
Kunena Forum